body,html{height:100%;position:relative;width:100%}@media (min-width:var(--breakpoint-desktop )){body,html{overflow:hidden;position:fixed}#root,.App,.AppWrapper{height:100vh!important;overflow:hidden;position:relative}.AppWrapper{display:flex;flex-direction:column;overflow:hidden}}@media (max-width:var(--breakpoint-desktop )){body,html{overflow:auto;position:static;height:auto;min-height:100vh}#root,.App,.AppWrapper{height:auto!important;min-height:100vh!important;overflow:visible;position:static}.AppWrapper{display:flex;flex-direction:column;overflow:visible}}#root,.App,.AppWrapper{min-height:100vh!important}@media (max-width:var(--breakpoint-desktop )){.App,.AppWrapper{height:auto!important;min-height:100vh;overflow:visible!important}.App .AppWrapper>div:nth-child(2){flex-direction:column!important;overflow:visible!important;height:auto!important}.App .ClockContainer,.App .OpLogContainer,.App .TodoContainer,.ClockContainer,.OpLogContainer,.TodoContainer{width:100%!important;height:auto!important;overflow:visible!important;max-height:none!important;margin-bottom:var(--spacing-lg)}.ClockContainer{order:1}.TodoContainer{order:2}.OpLogContainer{order:3}}html{-webkit-overflow-scrolling:touch}@media (max-width:var(--breakpoint-desktop )){body{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;overflow-x:hidden;overflow-y:auto}*{-webkit-overflow-scrolling:touch}}@media (min-width:var(--breakpoint-desktop )){body{overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}