@import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css";body{margin:10px}a{color:inherit;text-decoration:none}.a{cursor:pointer}.center{display:grid;place-items:center}.rounded{border-radius:12px}@supports (-webkit-appearance:none) or (-moz-appearance:none){input[type=radio]{--active:#275efe;--active-inner:#fff;--focus:2px #275efe4d;--border:#bbc1e1;--border-hover:#275efe;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;height:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));transition:background .3s,border-color .3s,box-shadow .2s}input[type=radio]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)}input[type=radio]:checked{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2,.85,.32,1.2)}input[type=radio]:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}input[type=radio]:focus{box-shadow:0 0 0 var(--focus)}input[type=radio]:not(.switch){width:21px}input[type=radio]:not(.switch):after{opacity:var(--o,0)}input[type=radio]:not(.switch):checked{--o:1}input[type=radio]+label{font-size:14px;line-height:21px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}input[type=radio]{border-radius:50%}input[type=radio]:after{width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s,.7))}input[type=radio]:checked{--s:.5}}