body{overflow-x:hidden}.fdg-main{width:100%;height:calc(100vh - 16px);position:relative;background:#fff}.fdg-hidden{display:none!important}.fdg-invisible{visibility:hidden!important}.fdg-emphasized{color:rgba(215,25,28,.5)}.fdg-main>*{display:inline-block}.fdg-controls{width:5%;position:absolute;right:0;top:0;padding:10px;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;z-index:1}.fdg-controls>*{display:inline-block}.fdg-control{font-size:.75rem;text-transform:uppercase;width:100%}.fdg-control:not(:last-child){margin-bottom:25px}.fdg-button{padding:3px 3px;text-align:center;border:1px solid #ccc;cursor:pointer;width:calc(100% - 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fdg-button.current{color:#fff;background:#000;border:1px solid #000}.fdg-button.clicked{background:#aaa}.fdg-button input{text-align:right}:root{--left-margin:20%}.fdg-sidebar{width:calc(var(--left-margin) - 21px);padding:10px;font-size:1.25rem;float:left;min-height:calc(100% - 20px);float:left;clear:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#eee}.fdg-freq-table,.fdg-legends,.fdg-progress{width:100%;display:inline-block;text-align:center;margin:10px 0}.fdg-sidebar__label{width:100%;margin-bottom:8px;border-bottom:1px solid #aaa;padding-bottom:8px;font-size:1.25rem;font-weight:700;text-align:center}.fdg-progress{position:relative}.fdg-progress:hover .progressbar-text{font-weight:700}.fdg-timing{width:100%}.fdg-duration,.fdg-percent-complete{top:3rem;position:absolute}.fdg-duration{top:3.35rem}.fdg-percent-complete{margin-left:4px}.fdg-countdown,.fdg-timer{margin-top:8px;padding-top:8px}.fdg-countdown{border-top:1px solid #aaa;border-bottom:none}.fdg-countdown div{border-bottom:none!important;display:inline-block}.fdg-freq-table table{width:100%}.fdg-freq-table th{border-bottom:1px solid #bbb;text-align:center}.fdg-freq-table td{width:50%}.fdg-freq-table td:first-child{text-align:right;padding-right:10px;width:calc(75% - 10)}.fdg-freq-table td:last-child{text-align:left;width:25%}.fdg-info{font-weight:lighter;font-size:2rem;color:#000;text-shadow:#000 0 0 10px;height:50%;display:flex;justify-content:center;align-content:center;flex-direction:column}.fdg-animation{width:calc(100% - var(--left-margin) - 1px);height:100%;border-left:1px solid #aaa;position:relative;float:right}.fdg-canvas,.fdg-svg--background,.fdg-svg--foreground{position:absolute;left:0}.fdg-focus-annotation{font-weight:700;font-size:1.25rem}.fdg-focus-annotation__background{stroke:#fff;stroke-width:4px}.fdg-focus-annotation__event-count{font-weight:700}.fdg-focus-annotation__foreground{fill:#000}.fdg-focus-annotation--categorical text{font-size:1rem}.fdg-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:2%;border-radius:5px;font-size:2rem;text-shadow:#000 0 0 10px}