.animated-clock{padding:0 .5rem}.animated-clock .date{display:inline-block;font-size:75%;line-height:85%;padding-right:.5rem}.animated-clock .date .timezone{opacity:.5}.animated-clock .time{font-size:110%}.timebar.marker-position,.timebar .marker-position,.timebar-tooltip.marker-position,.timebar-tooltip .marker-position{background-size:auto auto;background-color:#f44336;background-image:repeating-linear-gradient(60deg,transparent,transparent 10px,#ffebee 10px,#ffebee 20px)}.timebar.marker-zero,.timebar .marker-zero,.timebar-tooltip.marker-zero,.timebar-tooltip .marker-zero{background-color:#2196f3}.timebar.marker-one,.timebar .marker-one,.timebar-tooltip.marker-one,.timebar-tooltip .marker-one{background-color:#ffd54f}.timebar.marker-sign,.timebar .marker-sign,.timebar-tooltip.marker-sign,.timebar-tooltip .marker-sign{background-size:auto auto;background-color:#009688;background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,#e0f2f1 10px,#e0f2f1 20px)}.timebar{width:30px;height:80px;border:solid 2px #121212;transition:transform .2s}.timebar:hover{transform:scale(1.15)}.timebar.now{border:solid 2px #f4f5fa;border-top-width:5px;border-bottom-width:5px;outline:#121212 2px solid}.timebar-tooltip .title{font-size:125%;font-weight:700}.timebar-tooltip .legend{width:15px;height:15px;border:solid 1px #121212;display:inline-block;margin-right:5px}