.clock-time-input__controls{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:8px;min-width:0;display:grid}.clock-time-input__controls--12{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 78px}.inlinecalculator .clock-time-input .label.numrange.prominent-number-input{width:auto;min-width:0;min-height:82px;margin:0;padding:3px 2px 7px}.inlinecalculator .clock-time-input .prominent-number-input>span{text-align:center}.clock-time-input .prominent-number-input input[type=number],.clock-time-input .prominent-number-input input[type=number]:hover,.clock-time-input .prominent-number-input input[type=number]:focus{width:100%;max-width:none;font-size:30px}.clock-time-input .prominent-number-input .numberstepper{width:auto;max-width:none;left:2px;right:2px}.clock-time-input__separator{color:#000000a3;pointer-events:none;justify-content:center;align-self:end;align-items:center;min-height:54px;font-size:22px;font-weight:600;display:flex}.clock-time-input__period{min-width:0;padding:3px 0 7px}.clock-time-input__period>span{color:#00000094;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-height:20px;font-size:12px;font-weight:500;line-height:20px;display:block;overflow:hidden}.clock-time-input__period>div{background:#ffffff85;border:1px solid #40587029;border-radius:10px;grid-template-columns:1fr;min-height:54px;display:grid;overflow:hidden}.clock-time-input__period button{appearance:none;color:#233442a8;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:700}.clock-time-input__period button+button{border-top:1px solid #4058701f}.clock-time-input__period button:hover,.clock-time-input__period button:focus-visible{color:#193fc4;background:#ffffffb8}.clock-time-input__period button:focus-visible{outline-offset:-2px;outline:2px solid #193fc447}.clock-time-input__period button.is-active{color:#193fc4;background:#fff;box-shadow:inset 3px 0 #193fc4}@media screen and (width<=600px){.inlinecalculator .clock-time-input .label.numrange.prominent-number-input{min-height:78px}.clock-time-input .prominent-number-input input[type=number],.clock-time-input .prominent-number-input input[type=number]:hover,.clock-time-input .prominent-number-input input[type=number]:focus{width:100%;font-size:28px}}@media screen and (width<=360px){.clock-time-input__controls--12{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 70px;gap:4px}}#time-duration-form.inlinecalculator{align-items:flex-start}#time-duration-form .time-duration-list{box-sizing:border-box;min-width:0;padding:4px 5px 2px}#time-duration-form .time-duration-interval{box-sizing:border-box;border:0;width:100%;min-width:0;margin:0;padding:8px 0 13px}#time-duration-form .time-duration-interval+.time-duration-interval{border-top:1px solid #23344221;padding-top:15px}#time-duration-form .time-duration-interval legend{color:#000000a8;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:13px;font-weight:700;display:flex}#time-duration-form .time-duration-fields{flex-wrap:wrap;margin:0 -5px;display:flex}.time-duration-remove,.time-duration-add{appearance:none;font:inherit;cursor:pointer;border:0}.time-duration-remove{color:#2334429e;background:0 0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;display:grid}.time-duration-remove:hover,.time-duration-remove:focus-visible{color:#8d2b45;background:#8d2b4512}.time-duration-add{color:#244f70;background:#ffffff9e;border:1px solid #0072c43d;border-radius:10px;align-items:center;gap:8px;min-height:44px;margin:6px 0 4px;padding:9px 13px;display:inline-flex}.time-duration-add:hover,.time-duration-add:focus-visible{background:#fff;border-color:#0072c485}.time-duration-remove:focus-visible,.time-duration-add:focus-visible{outline-offset:2px;outline:2px solid #0072c461}.time-duration-remove svg,.time-duration-add svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px;display:block}#time-duration-form .primary-result__details th{width:58%}@media screen and (width>=601px) and (width<=950px){#time-duration-form .time-duration-fields .clock-time-input{width:100%}}@media screen and (width<=600px){#time-duration-form.inlinecalculator{padding:10px 15px 20px}#time-duration-form .time-duration-interval legend{font-size:14px}#time-duration-form .time-duration-fields>.label:not(.clock-time-input) .input,.time-duration-add{font-size:16px}}@media screen and (width<=420px){.time-duration-add{justify-content:center;width:100%}}