form,input{font-size:24px;margin:0}form{padding:20px 0;text-align:center}label{margin-right:20px}input[type=number]{width:40px;margin-right:10px;text-align:center}.card{border:1px solid var(--primary-color);display:flex;margin:0 20px;padding:10px;text-align:center}.column ul{list-style:none;margin:0;padding:0}.ltr,.num{display:block;font-size:32px;height:80px;line-height:80px;width:80px}.ltr{font-weight:700;margin:0;padding:0;text-transform:capitalize}.num{border:1px dotted var(--primary-color)}.num.selected{background-color:var(--primary-color);color:var(--secondary-color)}.num.free{font-size:24px;text-transform:uppercase}.num.free span{display:inline-block;line-height:24px;transform:rotate(-45deg)}.toggle-container,.toggle{border-radius:4px}.toggle-container{border:1px solid var(--primary-color);height:30px;margin:20px auto;padding:2px;width:60px}.toggle{background:var(--primary-color);border-radius:2px;height:30px;width:30px;transition:margin-left .5s ease}.toggle.toggled{margin-left:30px}:root{--primary-color: #000;--secondary-color: #fff;background:var(--secondary-color);color:var(--primary-color)}:root.dark-mode{--primary-color: #b4a5a5;--secondary-color: #151515}:root.transition-enabled{transition:background .2s ease,color .2s ease}html,body{margin:0;padding:0}body{line-height:1.5;font-family:Arial,Helvetica,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:focus{outline:none}input[type=number]{color:var(--primary-color);background:none;border:none;border-radius:0;border-bottom:2px solid var(--primary-color);padding:5px;-webkit-appearance:none}input[type=submit]{background:var(--primary-color);border:none;border-radius:4px;color:var(--secondary-color);font-weight:400;padding:5px 10px;-webkit-appearance:none}.cards{display:flex;max-width:100vw;overflow:auto}.cards:before,.cards:after{content:"";margin:auto}