html,body{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container1{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:clamp(156px,13vw,208px);font-family:Nyala,sans-serif}.sWatch,.timerView,.clk{cursor:pointer}body{margin:0;padding:0;min-height:100%;min-width:700px;color:#393a3e;background-color:#f9f9f9;font:14pt Helvetica!important}span{margin:0}#stopwatch,.timerView{padding-right:88px}.content{display:inline-table;white-space:nowrap}.ph{opacity:.1;height:.8506em;vertical-align:-.2018em}.pad{width:0px;float:right}.hrSep,.minSep,.secSep,.timerHrSep,.timerMinSep,.timerSecSep{opacity:.1}.solid,.curMinPh,.curSecPh{opacity:1}.hide{display:none!important}.show{display:inline!important}input{background:none;font:1em/1 helvetica;display:inline-block;font-weight:100;margin-top:-.1em;width:1.1em;text-align:right;color:#393a3e}::-webkit-input-placeholder{opacity:.4;color:#393a3e}::-moz-placeholder{opacity:.4;color:#393a3e}:-ms-input-placeholder{opacity:.4;color:#393a3e}::-ms-input-placeholder{opacity:.4;color:#393a3e}::placeholder{opacity:.4;color:#393a3e}.dock{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:0 22px 24px;font:14pt/1.5 Helvetica!important;pointer-events:none}.dockBar{width:min(860px,100%);min-height:82px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;border:1px solid rgba(57,58,62,.11);border-radius:22px;background:#ffffffe0;-webkit-box-shadow:0 16px 42px rgba(36,38,40,.16);box-shadow:0 16px 42px #24262829;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.dockNav,.dockControls,.dockFullscreen,#controls,.swControls,.timerControls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}.dockNav{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dockControls{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px;border-right:1px solid rgba(57,58,62,.1);border-left:1px solid rgba(57,58,62,.1)}.dockFullscreen{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.circle{position:relative;min-width:64px;height:60px;padding:8px 9px 6px;border:0;border-radius:14px;background:transparent;color:#5a5c61;cursor:pointer;text-align:center;-webkit-transition:background .18s ease,color .18s ease,-webkit-transform .18s ease;transition:background .18s ease,color .18s ease,-webkit-transform .18s ease;transition:background .18s ease,color .18s ease,transform .18s ease;transition:background .18s ease,color .18s ease,transform .18s ease,-webkit-transform .18s ease}.circle:hover{background:#eef0ed;color:#202225}.circle:active{-webkit-transform:scale(.94);transform:scale(.94)}.circle:focus-visible{outline:3px solid #8fa8a6;outline-offset:2px}.dock-action-primary{background:#393a3e;color:#fff}.dock-action-primary:hover{background:#242529;color:#fff}.dock-action.is-active{background:#dfe2df;color:#25282a}.dock-action .ti{display:block;height:25px;font-size:21px;font-weight:300;line-height:25px;opacity:.82}.dock-action>span{display:block;margin-top:2px;font:600 10px/1 Helvetica,sans-serif;letter-spacing:.01em;white-space:nowrap}@media (max-width: 565px){html,body{overflow-x:hidden}body{min-width:0}.container1{font-size:21vw}#stopwatch,.timerView{padding-right:.56em}#stopwatch{position:fixed;left:50%;top:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:21vw}.content{display:inline-table}.dock{padding:0 10px 12px}.dockBar{min-height:70px;padding:6px 7px;border-radius:18px;grid-template-columns:1fr auto}.dockFullscreen{display:none}.dockControls{padding:0 7px;border-right:0}.circle{min-width:48px;height:56px;padding:8px 4px;border-radius:12px}.dock-action .ti{height:23px;font-size:18px;line-height:23px}.dock-action>span{font-size:9px}}@media (max-width: 380px){.container1,#stopwatch{font-size:19vw}.dock{padding:0 6px 7px}.dockBar{padding:5px 3px;border-radius:15px}.dockControls{padding:0 2px}.circle{min-width:43px;height:51px;padding:6px 2px}.dock-action .ti{font-size:17px}.dock-action>span{font-size:8px}}.row{display:-ms-flexbox;display:-webkit-box;display:flex;margin-right:-15px;margin-left:-15px}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input{font-family:Arial,Helvetica,sans-serif}