@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");:root{--light-color:#18181b;--dark-color:#f8f8f9;--blue-color:#7298f8;--light-blue-color:#2d323d;--border-color:#383c44}*,:after,:before{box-sizing:border-box}body{font-family:inter,sans-serif;line-height:1.5;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--light-color)}fieldset{border:none}.checkbox-group{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin-left:auto;margin-right:auto;max-width:600px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-group>*{margin:.5rem}.checkbox-group-legend{font-size:1.5rem;font-weight:700;color:var(--dark-color);text-align:center;line-height:1.125;margin-bottom:1.25rem}.checkbox-input{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.checkbox-input:checked+.checkbox-tile{border-color:var(--blue-color);box-shadow:0 5px 10px rgba(0,0,0,.1);color:var(--blue-color)}.checkbox-input:checked+.checkbox-tile:before{transform:scale(1);opacity:1;background-color:var(--blue-color);border-color:var(--blue-color)}.checkbox-input:checked+.checkbox-tile .checkbox-icon,.checkbox-input:checked+.checkbox-tile .checkbox-label{color:var(--blue-color)}.checkbox-input:focus+.checkbox-tile{border-color:var(--blue-color);box-shadow:0 5px 10px rgba(0,0,0,.1),0 0 0 4px var(--light-blue-color)}.checkbox-input:focus+.checkbox-tile:before{transform:scale(1);opacity:1}.checkbox-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:7rem;min-height:7rem;border-radius:.5rem;box-shadow:0 5px 10px rgba(0,0,0,.1);transition:.15s ease;cursor:pointer;position:relative}.checkbox-tile,.checkbox-tile:before{border:2px solid var(--border-color);background-color:var(--light-color)}.checkbox-tile:before{content:"";position:absolute;display:block;width:1.25rem;height:1.25rem;border-radius:50%;top:.25rem;left:.25rem;opacity:0;transform:scale(0);transition:.25s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:50% 50%}.checkbox-tile:hover{border-color:var(--blue-color)}.checkbox-tile:hover:before{transform:scale(1);opacity:1}.checkbox-icon{transition:.375s ease;color:#494949}.checkbox-icon svg{width:3rem;height:3rem}.checkbox-label{color:#707070;transition:.375s ease;text-align:center}