*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}.container.main-container{display:flex;gap:50px;height:100vh;justify-content:center;align-items:center}.main-link{text-transform:uppercase;font-size:32px;border:1px solid #808080;padding:10px 30px;border-radius:8px;background-color:#4e75ff;color:#fff;transition:.25s}.main-link:hover{background-color:#cfcfcf;color:#989898}.container.timer-container{padding:50px;display:grid;grid-template-areas:"link link" "input button" "timer timer";font-family:Montserrat,sans-serif;gap:32px 8px;align-items:center}.link-back{background-color:#4e75ff;display:block;padding:8px 16px;grid-area:link;text-transform:uppercase;text-align:center;margin-bottom:100px;border-radius:6px;color:#fff;transition:.25s}.link-back:hover{background-color:#cfcfcf;color:#989898}.container.timer-container input{grid-area:input;min-width:272px;height:40px;border-radius:4px;border:none;outline:2px solid #808080;padding:8px 16px;font-weight:400;font-size:16px;letter-spacing:.04em;color:#2e2f42}.container.timer-container input:disabled{pointer-events:none;cursor:none}.container.timer-container button{grid-area:button;width:75px;border-color:transparent;color:#fff;background-color:#4e75ff;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;transition:.25s}.container.timer-container button:hover{background-color:#6c8cff}.container.timer-container button:disabled{background-color:#cfcfcf;color:#989898;pointer-events:none;cursor:none}.timer{grid-area:timer;display:flex;gap:24px}.field{display:flex;flex-direction:column;justify-content:center;align-items:center}.value{font-size:40px;line-height:1.2;letter-spacing:.04em;color:#2e2f42}.label{text-transform:uppercase;line-height:1.5;color:#2e2f42}.iziToast>.iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOSURBVHgBzZLLDQAgCEOJE7H/Eo7gKKh3wJrGSBNOvEL4iJSRmfUVCnC62SgxsiJHJgOQBiEImz3DtdkpkpqbvBA1ArVE6oz0I9Gv/E0TMz3NWV1lPHoAAAAASUVORK5CYII=) no-repeat 50% 50%!important;opacity:1!important}.flatpickr-day.today{border-color:#4e75ff!important}.container.snackbar-container{padding:50px;max-width:500px}.form{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:16px}.form>label{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:8px;line-height:1.5;letter-spacing:.04em;color:#2e2f42}.form input[type=number]{border:1px solid #808080;border-radius:4px;width:360px;height:40px;transition:.25s}.form input[type=number]:hover{border:1px solid #000}.form input[type=number]:focus{border:1px solid #4e75ff;outline:transparent}.form>button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;border-radius:8px;padding:8px 16px;width:360px;height:40px;background:#4e75ff;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#fff;transition:.25s;border:none;outline:transparent}.form>button:hover{background-color:#6c8cff}fieldset{border-radius:4px;border:1px solid #808080;width:360px;display:flex;justify-content:center;align-items:center;gap:48px;transition:.25s;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#2e2f42}fieldset:hover,fieldset:active{border-color:#000}fieldset>label{display:flex;justify-content:center;align-items:center}fieldset>label>input{width:20px;height:20px;accent-color:#4e75ff}