.controls{display:flex;align-items:center;margin-bottom:32px}#datetime-picker{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:272px}button[data-start]{margin-left:8px;padding:8px 16px;font-size:16px;background-color:#4e75ff;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-start]:disabled{background-color:#cfcfcf;cursor:not-allowed}.timer{display:flex;gap:24px}.field{display:flex;flex-direction:column;align-items:center}.value{font-size:44px;font-weight:500;line-height:1.1;color:#2e2e2e}.label{font-size:12px;text-transform:uppercase;color:gray;margin-top:4px}.form{display:flex;flex-direction:column;width:360px;gap:16px}.form input[type=number],.form fieldset{width:360px;box-sizing:border-box;border:1px solid #808080;border-radius:8px;padding:8px 16px}.form button[type=submit]{margin-top:8px;width:360px;height:40px;background-color:#4e75ff;color:#fff;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:500;cursor:pointer;transition:background-color .25s ease}.form button[type=submit]:hover{background-color:#6c8cff}fieldset{display:flex;gap:20px;border:1px solid #808080;padding:10px 16px}legend{font-size:12px;color:#2e2f42}