*{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;box-sizing:border-box;color:#fff;user-select:none}@font-face{font-family:'Unus Annus';src:url("/toys/utilitools/app/ttf/unusannus.ttf");font-display:swap}a,button,input{pointer-events:all}button.button.action{background:#000;border:1px solid #333;border-radius:.5rem;transition-property:border;transition-duration:.35s;transition-timing-function:cubic-bezier(0.77,0,0.175,1)}button.button.action:hover{border:1px solid #999}button.button.action:focus{border:1px solid #fff;outline:0}input{user-select:initial}body,html{width:100%;height:100vh;overflow:hidden;margin:0;padding:0;background-color:#000}div.global-container{position:absolute;top:0;left:0;width:100vw;height:100vh;display:grid;grid-template-rows:10vh 1fr}body[data-full] div.global-container{grid-template-rows:1fr}body[data-full] div.header{display:none}div.header{background:#0e0e0e;display:grid;grid-template-columns:1fr 10vh;border-bottom:1px solid #444}div.header-inside div{display:inline-grid;padding-left:2em;padding-right:2em;font-size:2vh;align-items:center;height:100%;cursor:pointer}div.content{width:100%;height:100%;display:none;pointer-events:all;position:relative}body[data-full] div.content{cursor:none}body[data-show=clock] div.content.clock{display:block}body[data-show=bpm] div.content.bpm{display:block}div.content div.inside{width:100%;height:100%;pointer-events:none}button.fs-button{background-color:#0e0e0e;background-image:url(/toys/utilitools/app/svg/fullscreen.svg);background-repeat:no-repeat;background-position:center center;background-size:5vh;outline:0;border:none;padding:0;margin:0;border-left:1px solid #444;cursor:pointer}button.fs-button:focus{outline:0}div.clock.float{font-family:Inconsolata,monospace;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:20vh;color:#fff;pointer-events:none;transition-property:top,font-size;transition-duration:.4s;transition-timing-function:cubic-bezier(0.77,0,0.175,1)}div.content.clock[data-unus-annus=active] div.clock.float{top:35%;font-size:14vh}div.clock.unus-clock{font-family:'Unus Annus',monospace;position:absolute;top:65%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:18vh;color:#fff;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:.4s;transition-timing-function:cubic-bezier(0.77,0,0.175,1)}div.content.clock[data-unus-annus=active] div.clock.unus-clock{opacity:1}div.clock.unus-cover{width:100vw;height:200vh;top:-50vh;left:50vw;position:fixed;background:#fff;mix-blend-mode:difference;transform:rotate(0) translateX(51%);transform-origin:left center;pointer-events:none;transition-property:transform,font-size;transition-duration:.4s;transition-timing-function:cubic-bezier(0.77,0,0.175,1)}div.content.clock[data-unus-annus] div.clock.unus-cover{transform:rotate(5deg) translateX(50%);pointer-events:all;cursor:pointer}div.content.clock[data-unus-annus=active] div.clock.unus-cover{transform:rotate(0) translateX(0);pointer-events:none;cursor:initial}@media only screen and (max-aspect-ratio:1/1){div.clock.float{font-size:15vw}}div.bpm.tapper{font-family:Inconsolata,monospace;position:absolute;top:30%;width:30%;min-width:40vh;height:30%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:calc(2vh + 2vw);text-align:center;pointer-events:all;color:#fff;background-color:#171717;padding:1rem;border:1px solid #333;border-radius:1rem;display:grid;grid-template-rows:3fr 2fr;gap:1rem;align-items:center;transition-property:border,background-color;transition-duration:.35s;transition-timing-function:cubic-bezier(0.77,0,0.175,1)}div.bpm.tapper:hover{border:1px solid #999;background-color:#333}div.bpm.tapper:focus{border:1px solid #fff;background-color:#333}div.bpm.tapper div:not(.bpm.reset){pointer-events:none}div.bpm.info{display:grid;padding:1rem;grid-template-columns:1fr 1fr;gap:1rem;height:100%;font-size:1.5rem;font-family:Inconsolata,monospace;text-align:left}