:root{--text-color: #333;--background-color: #fff;--primary-color: oklch(.623 .214 259.815);--primary-color-contrast: oklch(.932 .032 255.585)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;padding:5px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;background-color:var(--primary-color);color:var(--primary-color-contrast);cursor:pointer}button:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-color-contrast)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.group-container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:10px;gap:1em}.group-container--right{margin-left:auto}input{border-radius:8px;border:1px solid #eaeaea;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;margin-top:1em;margin-bottom:1em;width:100%;transition:border-color .25s}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}select{border-radius:8px;border:1px solid #eaeaea;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;margin-top:1em;margin-bottom:1em;width:100%}