#datetime-picker{padding-left:16px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#2e2f42;border-radius:4px;width:272px;height:40px;border:1px solid #808080}#datetime-picker:hover{border:1px solid #000}#datetime-picker:focus{outline:none;border-color:#00f}.title-box{display:flex;gap:8px}.timer{display:flex;margin-top:32px;gap:24px}.field{display:flex;flex-direction:column;align-items:center}.value{font-weight:400;font-size:40px;line-height:1.2;letter-spacing:.04em;color:#2e2f42}.label{font-weight:400;font-size:16px;line-height:1.5;color:#2e2f42}button{cursor:not-allowed;border:none;border-radius:8px;padding:8px 16px;width:75px;background-color:#cfcfcf}.button-active{cursor:pointer;background-color:#4e75ff;color:#fff;transition:background-color .3s ease-in-out}.button-active:hover{background-color:#6c8cff}.container{margin-top:50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.form{display:flex;flex-direction:column;gap:20px}.delay{display:flex;flex-direction:column;gap:8px;line-height:1.5;letter-spacing:.04em;color:#2e2f42}.delay input{border:1px solid #808080;border-radius:4px;width:360px;height:40px;padding-left:16px}.fieldset{display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid #808080;transition:border-color .5s cubic-bezier(.4,0,.2,1)}.fieldset:hover{border-color:#000}.fieldset legend{line-height:1.5;letter-spacing:.04em;color:#2e2f42;margin-left:28px}.box{margin-top:24px;margin-bottom:8px}.box label:last-child{padding-left:48px}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;width:360px;height:40px;background-color:#4e75ff;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#fff;transition:background-color .5s cubic-bezier(.4,0,.2,1)}.btn:hover,.btn:focus{background-color:#6c8cff}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}ul,ol{list-style-type:none}img{display:block}.home-page{font-size:19px;position:relative;top:40px;left:40px;display:inline-block;transition:color .3s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.home-page:hover,.home-page:focus{color:#00f;transform:scale(1.4)}.menu-list{margin-top:100px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:20px}.menu-list li>a{padding:10px;display:inline-block;transition:color .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.menu-list li>a:hover,.menu-list li>a:focus{color:#00f;transform:scale(1.4)}