html,html body{height:100%}html body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html #root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%}.note{color:#000;font-weight:300;float:right;font-size:.7em;margin-inline:8px}.Time{position:relative;display:flex;justify-content:center}.Time .Time__text-container{padding:16px}.Time .Time__text-container .Time__text{color:#6182fb;font-size:1.5em;margin:0;cursor:pointer}.Time .Time__format-tip{position:absolute;top:-15px;left:0;right:0;text-align:center;font-size:1.1em}.clock-wrapper{height:100%;display:flex;align-items:center;justify-content:center}.Clock .Clock__image{height:40vmin;will-change:transform;cursor:pointer}@media (prefers-reduced-motion:no-preference){.Clock .Clock__image.Clock__image--animation{animation-name:App-logo-spin;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Clock .Clock__image.Clock__image--animation.Clock__image--play{animation-play-state:running}.Clock .Clock__image.Clock__image--animation.Clock__image--pause{animation-play-state:paused}.Clock .Clock__image.Clock__image--animation.Clock__image--1x{animation-duration:20s}.Clock .Clock__image.Clock__image--animation.Clock__image--2x{animation-duration:10s}.Clock .Clock__image.Clock__image--animation.Clock__image--4x{animation-duration:5s}.Clock .Clock__image.Clock__image--animation.Clock__image--10x{animation-duration:2s}.Clock .Clock__image.Clock__image--animation.Clock__image--100x{animation-duration:.2s}}.Clock .Buttons{display:flex;justify-content:center}.Clock .Buttons button{outline:none;background:none;border:none;font-size:1em;cursor:pointer}.Clock .Buttons button:hover{transform:scale(1.2)}.Clock .Buttons button.Buttons__button--disabled{cursor:unset}.Clock .Buttons button.Buttons__button--disabled:hover{transform:unset}.Clock .Clock__formats-popover{z-index:1001;position:absolute;opacity:.95;right:27%;top:49%;width:200px}.Clock .Clock__speeds-popover{z-index:1001;position:absolute;opacity:.95;text-align:center}.Clock .Clock__time{-webkit-margin-before:72px;margin-block-start:72px}.Formats{background-color:#6a5acd;font-size:.6em;color:#fff;padding:1px 0;border-radius:10px;white-space:nowrap}.Formats .Formats__item{border-radius:10px;padding:2px 4px;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.Formats .Formats__item:hover{background-color:#483d8b}.Formats .Formats__item .Formats__example{font-weight:700;padding:0 4px}.Speeds{background-color:#6a5acd;font-size:.6em;color:#fff;padding:1px 0;border-radius:10px;white-space:nowrap}.Speeds .Speeds__header{padding:3px 4px;font-weight:700}.Speeds .Speeds__header,.Speeds .Speeds__item{border-radius:10px;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.Speeds .Speeds__item{padding:2px 4px}.Speeds .Speeds__item:hover{background-color:#483d8b}.Speeds .Speeds__item .Speeds__example{font-weight:700;padding:0 4px}.Speeds .Speeds__item .Speeds__item-checkmark{font-weight:700;position:absolute;right:2px}
/*# sourceMappingURL=main.d30b400e.chunk.css.map */