mirror of
https://github.com/danog/telegram-tt.git
synced 2024-12-02 17:48:34 +01:00
1 line
13 KiB
CSS
1 line
13 KiB
CSS
.lovely-chart--container{--background-color:#fff;--text-color:#222;--minimap-mask:rgba(226,238,249,0.6);--minimap-slider:#c0d1e1;--grid-lines:rgba(24,45,59,0.1);--zoom-out-text:#108be3;--tooltip-background:#fff;--tooltip-arrow:#d2d5d7}html.dark .lovely-chart--container{--background-color:#242f3e;--text-color:#fff;--minimap-mask:rgba(48,66,89,0.6);--minimap-slider:#56626d;--grid-lines:hsla(0,0%,100%,0.1);--zoom-out-text:#48aaf0;--tooltip-background:#1c2533;--tooltip-arrow:#d2d5d7}@keyframes lovely-chart--animation-shake{0%{transform:translateX(-3px)}16.66%{transform:translateX(3px)}33.33%{transform:translateX(-2px)}50%{transform:translateX(2px)}66.66%{transform:translateX(-1px)}83.33%{transform:translateX(1px)}to{transform:translateX(0)}}@keyframes lovely-chart--animation-fadeIn{0%{opacity:0;transform:scale3d(.5,.5,1)}40%{transform:scale3d(.75,.75,1)}to{opacity:1;transform:scaleX(1)}}@keyframes lovely-chart--animation-fadeOut{0%{opacity:1;transform:scaleX(1)}60%{transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(.5,.5,1)}}@keyframes lovely-chart--animation-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lovely-chart--transition-container{position:relative}.lovely-chart--transition{position:absolute;top:0;bottom:0}.lovely-chart--transition.lovely-chart--position-top{transform-origin:top left}.lovely-chart--transition.lovely-chart--position-top.lovely-chart--position-right{transform-origin:top right}.lovely-chart--transition.lovely-chart--position-bottom{transform-origin:bottom left}.lovely-chart--transition.lovely-chart--position-bottom.lovely-chart--position-right{transform-origin:bottom right}.lovely-chart--transition.lovely-chart--position-left{left:0}.lovely-chart--transition.lovely-chart--position-right{right:0}.lovely-chart--transition.lovely-chart--state-hidden{opacity:0}.lovely-chart--state-animated{animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:.2s}.lovely-chart--state-animated.lovely-chart--state-hidden{animation-name:lovely-chart--animation-fadeOut;animation-duration:.3s}.lovely-chart--state-animated:not(.lovely-chart--state-hidden){animation-name:lovely-chart--animation-fadeIn}.lovely-chart--container{font:300 13px -apple-system,HelveticaNeue,Helvetica,Arial,sans-serif;color:#222;position:relative;text-align:left;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lovely-chart--container.lovely-chart--state-invisible>*{display:none}.lovely-chart--container .lovely-chart--tooltip canvas,.lovely-chart--container>canvas{margin-top:10px}.lovely-chart--container-type-pie.lovely-chart--state-animating>canvas{transform-origin:center calc(50% - 7.5px)}.lovely-chart--container-type-pie.lovely-chart--state-animating.lovely-chart--state-zoomed-in>canvas{animation:lovely-chart--animation-pie-transition-in .6s;animation-timing-function:ease-out}.lovely-chart--container-type-pie.lovely-chart--state-animating:not(.lovely-chart--state-zoomed-in)>canvas{animation:lovely-chart--animation-pie-transition-out .55s;animation-timing-function:ease-in}@keyframes lovely-chart--animation-pie-transition-in{0%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(-1turn)}25%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(-1turn)}75%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(0)}}@media (max-width:480px){@keyframes lovely-chart--animation-pie-transition-in{0%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(-1turn)}25%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(-1turn)}75%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(0)}}}@keyframes lovely-chart--animation-pie-transition-out{0%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(1turn)}50%{clip-path:circle(32% at center calc(50% - 7.5px));-webkit-clip-path:circle(32% at center calc(50% - 7.5px));transform:rotate(0)}75%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(0)}}@media (max-width:480px){@keyframes lovely-chart--animation-pie-transition-out{0%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(1turn)}50%{clip-path:circle(40% at center calc(50% - 7.5px));-webkit-clip-path:circle(40% at center calc(50% - 7.5px));transform:rotate(0)}75%{clip-path:circle(80% at center calc(50% - 7.5px));-webkit-clip-path:circle(80% at center calc(50% - 7.5px));transform:rotate(0)}}}html.cursor-ew-resize,html.cursor-ew-resize *{cursor:ew-resize!important}html.cursor-grabbing,html.cursor-grabbing *{cursor:grabbing!important}.lovely-chart--spinner{width:16px;height:16px;position:relative}.lovely-chart--spinner.lovely-chart--size-big{width:64px;height:64px}.lovely-chart--spinner:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 16 16'%3E%3Cpath fill='%23D2D5D7' d='M9.9.2l-.2 1C12.7 2 15 4.7 15 8c0 3.9-3.1 7-7 7s-7-3.1-7-7c0-3.3 2.3-6 5.3-6.8l-.2-1C2.6 1.1 0 4.3 0 8c0 4.4 3.6 8 8 8s8-3.6 8-8c0-3.7-2.6-6.9-6.1-7.8z' data-original='%23444444' class='active-path' data-old_color='%23444444'/%3E%3C/svg%3E");background-size:100%;animation:lovely-chart--animation-spin 1s linear infinite}.lovely-chart--header{height:30px;font-weight:700;margin:0 10px}.lovely-chart--header-caption,.lovely-chart--header-title{color:var(--text-color);line-height:30px}.lovely-chart--header-caption.lovely-chart--state-hidden,.lovely-chart--header-title.lovely-chart--state-hidden{opacity:0;pointer-events:none}.lovely-chart--header-title{font-size:16px;float:left}.lovely-chart--header-caption{font-size:12px;text-align:right;float:right}.lovely-chart--header-zoom-out-control{display:flex;align-items:center;color:var(--zoom-out-text);cursor:pointer}.lovely-chart--header-zoom-out-control:before{content:"";display:inline-block;margin-right:6px;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M497.938 430.063l-112-112c-.367-.367-.805-.613-1.18-.965C404.438 285.332 416 248.035 416 208 416 93.313 322.695 0 208 0S0 93.313 0 208s93.305 208 208 208c40.035 0 77.332-11.563 109.098-31.242.354.375.598.813.965 1.18l112 112C439.43 507.313 451.719 512 464 512c12.281 0 24.57-4.688 33.938-14.063 18.75-18.734 18.75-49.14 0-67.874zM64 208c0-79.406 64.602-144 144-144s144 64.594 144 144-64.602 144-144 144S64 287.406 64 208z' data-original='%23000000' class='active-path' data-old_color='%232d98e6' fill='%232d98e6'/%3E%3Cpath d='M272 176H144c-17.672 0-32 14.328-32 32s14.328 32 32 32h128c17.672 0 32-14.328 32-32s-14.328-32-32-32z' data-original='%23000000' class='active-path' data-old_color='%232d98e6' fill='%232d98e6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}.lovely-chart--minimap{position:relative;margin:0 10px 16px;border-radius:6px;overflow:hidden;opacity:1;transition:opacity .4s ease}.lovely-chart--minimap.lovely-chart--state-hidden{display:none}.lovely-chart--minimap.lovely-chart--state-transparent{opacity:0}.lovely-chart--minimap-ruler{position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;user-select:none;-webkit-user-select:none}.lovely-chart--minimap-mask{display:inline-block;width:33.3%;height:100%;background:var(--minimap-mask)}.lovely-chart--minimap-mask:last-child{position:relative}.lovely-chart--minimap-mask:last-child:after{content:"";display:block;position:absolute;top:0;bottom:0;right:-5px;width:5px;background:var(--minimap-mask)}.lovely-chart--minimap-slider{display:inline-block;box-sizing:border-box;width:33.3%;height:100%;min-width:16px}.lovely-chart--minimap-slider-inner{box-sizing:border-box;border-top:1px solid var(--minimap-slider);border-bottom:1px solid var(--minimap-slider);float:left;width:calc(100% - 16px);height:100%;background:transparent!important;cursor:grab}.lovely-chart--minimap-slider-handle{width:8px;height:100%;position:relative;background:var(--minimap-mask);cursor:ew-resize}.lovely-chart--minimap-slider-handle:after,.lovely-chart--minimap-slider-handle:before{content:"";display:block;position:absolute}.lovely-chart--minimap-slider-handle:before{background:var(--minimap-slider);top:0;bottom:0;right:0;left:0}.lovely-chart--minimap-slider-handle-pin{display:block;position:absolute;background:#fff;width:2px;height:8px;top:calc(50% - 4px);left:calc(50% - 1px);pointer-events:none}.lovely-chart--minimap-slider-handle:first-child{float:left}.lovely-chart--minimap-slider-handle:first-child:before{border-top-left-radius:6px;border-bottom-left-radius:6px}.lovely-chart--minimap-slider-handle:last-child{float:right}.lovely-chart--minimap-slider-handle:last-child:before{border-top-right-radius:6px;border-bottom-right-radius:6px}@media (pointer:coarse){.lovely-chart--minimap-slider-handle:after{top:-10px;bottom:-10px;z-index:1}.lovely-chart--minimap-slider-handle:first-child:after{left:-26px;right:0}.lovely-chart--minimap-slider-handle:last-child:after{left:0;right:-26px}}.lovely-chart--tooltip{position:absolute;top:30px;left:0}.lovely-chart--tooltip-balloon{position:absolute;top:5px;left:0;min-width:130px;max-height:320px;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:8px;padding:8px 10px;white-space:nowrap;background:var(--tooltip-background);color:var(--text-color);box-shadow:0 1px 2px 1px hsla(0,0%,82.7%,.8);opacity:0;transition:opacity .2s ease-out;cursor:pointer;pointer-events:none}.lovely-chart--tooltip-balloon.lovely-chart--state-shown{opacity:1;pointer-events:auto}.lovely-chart--tooltip-balloon.lovely-chart--state-inactive{cursor:default}.lovely-chart--tooltip-balloon.lovely-chart--state-inactive .lovely-chart--tooltip-title:after{display:none}.lovely-chart--tooltip-balloon.lovely-chart--state-loading .lovely-chart--spinner{display:block}.lovely-chart--tooltip-balloon .lovely-chart--spinner{position:absolute;top:7px;right:8px;display:none}.lovely-chart--tooltip-title{font-size:12px;font-weight:700;position:relative;padding-bottom:5px}.lovely-chart--tooltip-title:after{content:"";display:block;position:absolute;right:0;top:0;width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 451.846 451.847'%3E%3Cpath d='M345.441 248.292L151.154 442.573c-12.359 12.365-32.397 12.365-44.75 0-12.354-12.354-12.354-32.391 0-44.744L278.318 225.92 106.409 54.017c-12.354-12.359-12.354-32.394 0-44.748 12.354-12.359 32.391-12.359 44.75 0l194.287 194.284c6.177 6.18 9.262 14.271 9.262 22.366 0 8.099-3.091 16.196-9.267 22.373z' data-original='%23000000' class='active-path' data-old_color='%23757B84' fill='%23D2D5D7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%}.lovely-chart--tooltip-dataset{height:20px;line-height:20px;color:var(--text-color)}.lovely-chart--tooltip-dataset .lovely-chart--tooltip-dataset-value{float:right;font-weight:700}.lovely-chart--percentage-title{display:inline-block;font-weight:700;width:25px;margin-right:5px;text-align:right}.lovely-chart--percentage-title.lovely-chart--transition~.lovely-chart--dataset-title{padding-left:30px}html.dark .lovely-chart--tooltip-balloon{box-shadow:none}.lovely-chart--tools{opacity:1;transition:opacity .4s ease;padding:0 10px 16px}.lovely-chart--tools.lovely-chart--state-hidden{display:none}.lovely-chart--tools.lovely-chart--state-transparent{opacity:0}.lovely-chart--button{background-color:initial;padding:7px;display:inline-block;border-radius:18px;text-align:center;text-decoration:none;margin:0 6px 8px 0;position:relative;border:1px solid #e6ecf0;border-color:var(--text-color);background:transparent;color:var(--text-color)}.lovely-chart--button.lovely-chart--state-checked{background-color:var(--text-color);animation-duration:.5s}.lovely-chart--button.lovely-chart--state-checked .lovely-chart--button-check{opacity:1}.lovely-chart--button.lovely-chart--state-checked .lovely-chart--button-label{color:#fff;transform:translateX(6px)}.lovely-chart--button.lovely-chart--state-shake{animation-name:lovely-chart--animation-shake}.lovely-chart--button-check{display:inline-block;position:absolute;top:7px;left:7px;width:20px;height:20px;opacity:0;transition:opacity .3s ease-out}.lovely-chart--button-check:after{position:absolute;top:50%;left:50%;content:"";width:12px;height:12px;margin-left:-6px;margin-top:-6px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -256 1792 1792'%3E%3Cpath d='M1678.593 247.085q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z' fill='%23fff'/%3E%3C/svg%3E");background-size:100%}.lovely-chart--button-label{display:inline-block;font-weight:300;line-height:20px;color:inherit;padding:0 13px;transition:transform .3s ease-out,color .3s ease-out} |