.card-header{z-index:990}.wrapper{position:relative;width:100%;height:600px;background:#fff}.wrapper.initializing{height:auto}.wrapper.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1015}.graph{position:relative;width:100%;height:100%;background:#fff}.graph.loading{filter:blur(5px)}.choice-view{display:inline-block;margin-right:15px}.choice-view__label{margin:0}.request-loader{background:hsla(0,0%,100%,.3);position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1005}.request-loader:after{content:"";border-radius:50%;width:75px;height:75px;position:absolute;top:50%;left:50%;font-size:10px;text-indent:-9999em;border:4px solid #17a2b8;border-left-color:hsla(0,0%,100%,0);transform:translate(-50%,-50%);animation:load8 1.1s linear infinite;z-index:1010}.line-loader{margin:10px}.line-loader__wrapper{background-color:#eee}.line-loader__line{width:0;height:4px;background-color:#007bff}.line-loader__start{font-size:12px;float:left}.line-loader__end{font-size:12px;float:right}@keyframes load8{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.detail-level{position:absolute;top:20px;right:20px;max-width:60%}.detail-level__input{cursor:pointer}.detail-level__popup{position:absolute;width:40px;height:25px;border:1px solid #000;background-color:#fff;color:#000;text-align:center;z-index:1025}.detail-level__popup--dark{background-color:#434e57;color:#d6d6d6}.currency-filter{position:absolute;top:20px;left:20px;max-width:30%}.currency-filter__select{width:100%;cursor:pointer}.depth-level{position:absolute;top:20px;left:50%;padding:3px;transform:translate(-50%);max-width:30%}.depth-level__header{font-size:inherit;font-weight:400;text-align:center;padding-right:16px}.depth-level__body{display:flex;align-items:center}.depth-level__button-block{display:flex;flex-flow:column}.depth-level__button{border:1px solid #767676;width:16px;height:16px;position:relative;margin:0;background:#fff;display:inline-block;vertical-align:middle;outline:none}.depth-level__button--increment{border-radius:2px 2px 0 0}.depth-level__button--decrement{border-radius:0 0 2px 2px}.depth-level__button--increment:after,.depth-level__button--increment:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000}.depth-level__button--increment:before{width:2px;border-radius:1px;margin:3px auto}.depth-level__button--decrement:before,.depth-level__button--increment:after{margin:auto 3px;height:2px;border-radius:1px}.depth-level__button--decrement:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000}.depth-level__button:hover{background:rgba(0,0,0,.15)}.depth-level__button:focus{box-shadow:none;outline:none}.depth-level__label{margin:0}.depth-level__label--inbound{margin-right:5px}.depth-level__label--outbound{margin-left:5px}.depth-level__input{text-align:center;height:32px;margin:0 5px}.depth-level input::-webkit-inner-spin-button,.depth-level input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.depth-level input[type=number]{-moz-appearance:textfield}.fullscreen-button{color:grey}.fullscreen-button__icon{font-size:25px;cursor:pointer}.tooltip{position:absolute;opacity:1;visibility:hidden;border:1px solid rgba(0,0,0,.125);border-radius:5px;padding:10px;background:#fff;pointer-events:none}.tooltip ul{font-size:12px;margin:0;padding:0;list-style:none;color:#000}.tooltip--dark{border-color:#343d46;background:#343d46}.tooltip--dark ul{color:#fff}.g-arrow{pointer-events:none}.card.dark{color:#d6d6d6;background-color:#434e57;border:1px solid #434e57}.card.dark .card-header{background-color:#343d46;border-bottom-color:#343d46}.card.dark .graph,.card.dark .wrapper{background:#434e57}.card.dark .request-loader{background:rgba(0,0,0,.3)}.card.dark .currency-filter__select,.card.dark .currency-filter__select:focus,.card.dark .detail-level__input,.card.dark .detail-level__input:focus{background-color:#434e57;border-color:#758591;color:#d6d6d6}.card.dark .depth-level__button{background:#434e57;border-color:#758591}.card.dark .depth-level__button:after,.card.dark .depth-level__button:before{background:#d6d6d6}.card.dark .depth-level__button:hover{background:hsla(0,0%,100%,.1)}.card.dark .fullscreen-button{color:silver}:focus{outline:none}.graph-modal-open{overflow:hidden}.graph-bottom-menu{display:flex;flex-flow:column;align-items:flex-end;position:absolute;right:20px;bottom:20px}.graph-bottom-menu__buttons{display:flex;margin-top:5px;margin-right:-5px}.graph-bottom-menu__buttons a.badge{color:#fff;font-size:80%;cursor:pointer;display:inline-block;padding:.25em .4em;margin-right:5px;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline}.graph-bottom-menu__buttons a.badge.badge-secondary{background-color:#6c757d}.graph-bottom-menu__buttons a.badge:hover{color:#fff}.graph-modal{display:none;overflow:hidden;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1050;background-color:rgba(0,0,0,.2)}.graph-modal .graph-modal-dialog{position:relative;margin:30px auto}@media screen and (min-width:992px){.graph-modal .graph-modal-dialog{width:80%}}@media screen and (min-width:768px)and (max-width:991px){.graph-modal .graph-modal-dialog{width:90%}}.graph-modal .graph-modal-dialog .graph-modal-content{background-color:#fff;box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22);border-radius:2px;border:none}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-header{border-bottom:none;padding:24px 24px 10px}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-header .graph-modal-title{margin:0;line-height:1.4}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-header button.graph-modal-close{padding:0;cursor:pointer;background:transparent;border:0;margin-top:-2px;-webkit-appearance:none;float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-body{padding:0 24px 16px;height:600px}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-body textarea{width:100%;height:100%;resize:none;border-color:#6c757d}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-url{padding:0 24px 16px}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-url input{width:100%}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-footer{padding:0 24px 16px}.graph-modal .graph-modal-dialog .graph-modal-content .graph-modal-footer .btn.btn-default{border:1px solid #6c757d}.graph-modal .query-url:disabled{background-color:#fff}.graph-modal.dark .graph-modal-dialog .graph-modal-content{background-color:#343a40}.graph-modal.dark .graph-modal-dialog .graph-modal-content .graph-modal-header button.graph-modal-close{color:#fff;text-shadow:0 1px 0 #000}.graph-modal.dark .graph-modal-dialog .graph-modal-content .graph-modal-body{color:#fff}.graph-modal.dark .graph-modal-dialog .graph-modal-content .graph-modal-body textarea{background-color:#627079;color:#fff;border-color:#6c757d}.graph-modal.dark .graph-modal-dialog .graph-modal-content .graph-modal-footer .btn.btn-default{background-color:#212529;color:#fff;border:none}.graph-modal.dark .query-url:disabled{background-color:#434e57}.graph-modal.graph-modal-shown{display:block}