| 1 | :root{--success-color:green;--warning-color:#ff0;--danger-color:red}.theme-white{--shade-color:#000;--primary-color:#fff;--accent-color:gray}.theme-light-blue{--shade-color:#f1f1f1;--primary-color:#5fc9f3;--accent-color:#0d7fac}.theme-black{--shade-color:#859ba6;--primary-color:#283237;--accent-color:#000}.theme-purple{--shade-color:#fdecf0;--primary-color:#ee305a;--accent-color:#7b0a23}.theme-orange{--shade-color:#fff8f3;--primary-color:#f7892f;--accent-color:#884005}.theme-yellow{--shade-color:#fffcf2;--primary-color:#ffca26;--accent-color:#8c6a00}.theme-blue{--shade-color:#d4e1f1;--primary-color:#3e78bb;--accent-color:#182e48}.theme-green{--shade-color:#f6fbf6;--primary-color:#69bf66;--accent-color:#2b6329}.theme-red{--shade-color:#fef8f8;--primary-color:#ef3c3b;--accent-color:#860c0b}.theme-gray{--shade-color:#e4e4e5;--primary-color:#7c7e81;--accent-color:#313233}.mode-light{--background-color:var(--shade-color);--main-text-color:var(--primary-color);--main-color:var(--shade-color);--accent-text-color:var(--accent-color)}.mode-light-filled{--background-color:var(--shade-color);--main-text-color:var(--accent-color);--main-color:var(--primary-color);--accent-text-color:var(--accent-color)}.mode-dark{--background-color:var(--primary-color);--main-text-color:var(--shade-color);--main-color:var(--primary-color);--accent-text-color:var(--accent-color)}.mode-dark-filled{--background-color:var(--primary-color);--main-text-color:var(--accent-color);--main-color:var(--shade-color);--accent-text-color:var(--shade-color)}.primary{border-color:var(--main-text-color);color:var(--main-text-color);background-color:var(--main-color)}.accent{border-color:var(--accent-color);background-color:var(--accent-color);color:var(--primary-text-color)}.shade{border-color:var(--shade-color);background-color:var(--shade-color);color:var(--accent-text-color)}.success{background-color:var(--success-color);border-color:var(--success-color)}.warning{background-color:var(--warning-color);border-color:var(--warning-color)}.z-outer-circle{border-color:var(--main-text-color)}.danger{background-color:var(--danger-color);border-color:var(--danger-color)}.transparent{background-color:transparent;border-color:transparent}.z-range-bar,.z-range-bar-handlebar,.z-scroll,.z-scroll-handlebar,.z-slider{stroke:var(--accent-color)}.z-shape.active{background-color:var(--accent-color)}.z-shape.active,.z-shape.deactive{border-width:1px;border-color:var(--accent-color)}.z-shape.deactive{background-color:transparent}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.z-next-enter{opacity:0}.z-prev-leave{opacity:1}.z-next-enter-active{opacity:0;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.z-prev-leave-active{opacity:1;-webkit-animation-name:disappear;animation-name:disappear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.z-input{font:inherit;margin-top:20px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;color:inherit;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:inherit;background:inherit;outline:none;text-align:center}.z-canvas,.z-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.z-canvas{font-family:Source Sans Pro,sans-serif;background-color:var(--background-color);color:var(--foreground-color);-webkit-transition:background-color .5s;transition:background-color .5s;overflow:hidden}.z-canvas.is-full-mode{position:fixed;width:100%;height:100%;font-size:calc(13px + 1vmax)}.z-canvas.is-mixed-mode{position:absolute;width:100%;height:100%;font-size:13px}#z-zoomable-layer{text-decoration:none;will-change:transform;-webkit-perspective:1000px;perspective:1000px}#z-zoomable-layer,.z-shape{position:absolute;top:50%;left:50%}.z-shape{overflow:visible;display:block;border-radius:50%;border-width:3px;border-style:solid;text-align:center}.square .z-shape,.z-shape.is-square{border-radius:5%}.z-shape.is-circle{border-radius:50%}.z-shape.z-view{z-index:40;will-change:transform,opacity;-webkit-transition:background-color .8s;transition:background-color .8s}.z-shape.is-extension{z-index:80}.z-shape.is-extension.z-spot{cursor:-webkit-zoom-in;cursor:zoom-in}.z-shape.is-extension.z-spot:hover{z-index:400}.z-shape.is-extension.z-spot[role=button]{cursor:pointer}.z-shape.is-extension.z-spot[role=button]:hover{border-color:var(--accent-text-and-border-color)!important;-webkit-transition:border-color .3s;transition:border-color .3s}.z-shape.is-extension.z-dialog{z-index:500}.z-shape.is-extension.z-range,.z-shape.is-extension.z-scale,.z-shape.is-extension.z-spot{will-change:transform,opacity;-webkit-transition:background-color 1s;transition:background-color 1s}.z-shape.is-extension.z-pagination:hover{cursor:-webkit-grab;cursor:grab;border-color:var(--main-text-and-border-color)!important;-webkit-transition:border-color .3s;transition:border-color .3s}.z-shape.is-extension.z-pagination:active{cursor:-webkit-grabbing;cursor:grabbing}.z-shape.is-extension.z-range,.z-shape.is-extension.z-range:hover,.z-shape.is-extension.z-scroll,.z-shape.is-extension.z-scroll:hover{cursor:pointer}.z-shape.is-extension.z-range:active,.z-shape.is-extension.z-scroll:active{cursor:-webkit-grabbing;cursor:grabbing}.papa{position:relative;left:0}.z-scroll,.z-scroll:hover{cursor:pointer}.z-scroll:active{cursor:-webkit-grabbing;cursor:grabbing}.z-content{position:absolute;z-index:0;top:1%;left:1%;right:1%;bottom:1%;width:98%;height:98%;display:-webkit-box;display:-ms-flexbox;display:flex;background:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:50%}.square .z-content,.z-content.is-square{border-radius:5%}.z-content.is-circle{border-radius:50%}.z-content.maincontent{cursor:default;z-index:50}.z-content.maincontent.long-content{display:block}.z-content.maincontent.long-content:before{display:block;padding-top:80px;content:""}.z-content.maincontent.long-content:after{top:0;display:block;padding-bottom:80px;content:""}.z-content.maincontent.overflow-square{overflow-y:scroll}.z-label{font-size:calc(8px + 1vw);position:absolute;height:25px;background:none;white-space:nowrap}.z-label.bottom{width:100%;top:115%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.z-label.bottom>.inside{border-radius:25px;padding-left:5px;padding-right:5px;background-color:var(--background-color);border:1px solid transparent}.z-label.top{width:100%;top:calc(-15% - 25px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.z-label.top>.inside{border-radius:25px;padding-left:5px;padding-right:5px;background-color:var(--background-color)}.z-label.left{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:calc(50% - 12.5px);margin-right:8px;right:115%}.z-label.left>.inside{border-radius:25px;padding-left:5px;padding-right:5px;background-color:var(--background-color)}.z-label.right{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:calc(50% - 12.5px);margin-left:8px;left:115%}.z-label.right>.inside{border-radius:25px;padding-left:5px;padding-right:5px;background-color:var(--background-color)}.overflow{overflow:visible}.z-no-zoom-cursor{cursor:default!important}.z-range-bar,.z-scroll,.z-slider{position:absolute;overflow:visible;display:block;z-index:40;fill:none;stroke-linecap:round;stroke-opacity:1}.z-range-bar:hover,.z-scroll:hover,.z-slider:hover{cursor:-webkit-grab;cursor:grab}.z-range-bar:active,.z-scroll:active,.z-slider:active{cursor:-webkit-grabbing;cursor:grabbing}.z-range-bar-bar,.z-scroll-bar{position:absolute;border-radius:50%;display:block;width:40px;height:40px;top:50%;left:50%;margin:-20px 0 0 -20px;z-index:70}.z-range-bar-bar:hover,.z-scroll-bar:hover{cursor:-webkit-grab;cursor:grab}.z-range-bar-bar:active,.z-scroll-bar:active{cursor:-webkit-grabbing;cursor:grabbing}.is-past-view{-webkit-filter:blur(2px) opacity(20%);filter:blur(2px) opacity(20%);z-index:0}.is-past-view,.is-previous-view{pointer-events:none;cursor:-webkit-zoom-out;cursor:zoom-out;overflow:hidden}.is-previous-view{-webkit-filter:blur(2px) opacity(40%);filter:blur(2px) opacity(40%);z-index:50}.is-previous-view section.z-list{pointer-events:none}.is-previous-view div{cursor:-webkit-zoom-out;cursor:zoom-out}.is-current-view{pointer-events:auto;will-change:opacity;z-index:100}.z-outer-circle,.z-outer-spot{position:absolute;z-index:0;top:50%;left:50%;border-radius:50%;overflow:hidden}.square .z-outer-circle,.square .z-outer-spot,.z-outer-circle.is-square,.z-outer-spot.is-square{border-radius:5%}.z-outer-circle.is-circle,.z-outer-spot.is-circle{border-radius:50%}.z-outer-circle{border-width:1px;border-style:dashed;opacity:.2}.z-outer-spot{border-width:3px;border-style:solid;border-color:var(--accent-text-and-border-color)!important;opacity:0}.z-outer-point{position:absolute;z-index:90;top:50%;left:50%;border-radius:50%;opacity:1;overflow:hidden}.square .z-outer-point,.z-outer-point.is-square{border-radius:5%}.z-outer-point.is-circle{border-radius:50%}.z-dialog-transition-enter-active,.z-dialog-transition-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;position:absolute;top:50%;left:50%;z-index:500}.z-dialog-transition-enter,.z-dialog-transition-leave-to,.z-pulse{-webkit-transform:scale(0);transform:scale(0)}.z-pulse{opacity:0;background-color:hsla(0,0%,100%,.1);width:100%;height:100%;margin:-50% 0 0 -50%;position:absolute;z-index:0;top:50%;left:50%;border-radius:50%}.square .z-pulse,.z-pulse.is-square{border-radius:5%}.z-pulse.is-circle{border-radius:50%}.pulse-animation{-webkit-animation:pulse .35s ease-out;animation:pulse .35s ease-out}.spot-animation{-webkit-animation:spot .7s ease-in;animation:spot .7s ease-in}@-webkit-keyframes pulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes pulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@-webkit-keyframes spot{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}45%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}85%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes spot{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}45%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}85%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}} |