@import"https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap";div.container{margin:0 auto;padding:0 20px;max-width:700px;min-width:200px;background-color:#fff}div.container>div.optionsContainer{display:flex;gap:var(--space);margin-bottom:18px}div.container>div.inputContainer{display:flex;flex-flow:row nowrap;gap:var(--space);justify-content:space-between;margin:5px 0;padding:0;width:100%}div.container>div.selectContainer{display:flex;flex-flow:row nowrap;gap:var(--space)}div.container button{border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;cursor:pointer}div.container button:hover{background-color:var(--hover-color)}div.container>footer{margin-top:18px;padding-top:8px;border-top:1px solid var(--primary-color);text-align:center}div.container>footer>a{font-weight:700;text-decoration:none;color:var(--primary-color)}div.container>footer>a:hover{color:var(--hover-color)}div.bFXyQu{display:inline-flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;border:1px solid hsl(0,0%,80%);border-radius:4px;width:100%}div.bFXyQu>div:first-child{margin:0;padding:0 8px;border-right:1.5px solid hsl(0,0%,80%)}div.bFXyQu:hover{border-color:var(--hover-color)}div.bFXyQu:hover>div:first-child{border-color:#0009}div.bFXyQu>input{margin:2px;padding:6px;border:none;width:100%;outline:none}@keyframes uChange{0%{border-color:#ccc}50%{border-color:#000000bf}to{border-color:#ccc}}div.animation{animation:uChange .75s}div.animation>div:first-child{animation:uChange .75s}div.SihmKT{display:inline;margin:0;padding:0}div.SihmKT>label{display:inline-flex;margin:0;padding:0;cursor:pointer}div.SihmKT>label div{padding:8px;margin:0;border:1px solid}div.SihmKT>label>div:first-child{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;border-radius:4px 0 0 4px}div.SihmKT>input:checked+label>div:first-child{background-color:#fff;border-color:#ccc;color:gray}div.SihmKT>label>div:last-child{background-color:#fff;border-color:#ccc;color:gray;border-radius:0 4px 4px 0}div.SihmKT>input:checked+label>div:last-child{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}div.SihmKT>input:checked+label:hover>div:last-child,div.SihmKT>label:hover>div:first-child{background-color:var(--hover-color)}body{margin:0;padding:0;font-family:Dosis,sans-serif}input{font-size:1em;font-family:Dosis,sans-serif}:root{--primary-color: #0072b5;--hover-color: royalblue;--space: 12px}