.svg-overlay-wrapper{display:none}.annotation-ruler .tick-mark{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.annotation .annotation-negative-marquee{stroke-width:3px!important;stroke-dasharray:8;stroke-dashoffset:0;-webkit-animation:animate-marquee 2s linear infinite forwards;animation:animate-marquee 2s linear infinite forwards}.annotation .annotation-negative-marquee-background{stroke-dasharray:0;stroke-dashoffset:0;-webkit-animation:none;animation:none}.annotation-draw-ruler .tick-mark{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.annotation-draw-polygon .polygon-path{pointer-events:none}.annotation-draw-polygon .polygon-point:hover{stroke-width:2px;vector-effect:non-scaling-stroke;fill:none;stroke:#00f;z-index:1000;cursor:crosshair}.annotation-draw-polygon .polygon-point:hover:hover{stroke-width:2px;vector-effect:non-scaling-stroke;fill:#00f;fill-opacity:.4;stroke:#00f;cursor:crosshair}.annotation-edit-rect .label-text{stroke-width:4px;vector-effect:non-scaling-stroke;pointer-events:none;fill:#000}.annotation-edit-rect .edit-shape{fill:#000;fill-opacity:.2}.annotation-edit-rect .edit-shape.hidden{fill-opacity:0}.annotation-edit-ruler .tick-mark{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.annotation-edit-polygon .edit-shape{stroke:#2771c9}.annotation-edit-polygon .segment{stroke-width:20px}.annotation-edit-polygon .add-point:hover{cursor:copy}.annotation-edit-polygon .edit-point{cursor:pointer}.annotation-edit :focus{outline:none}.annotation-edit .edit-shape-click-target{cursor:move;stroke-width:16px;vector-effect:non-scaling-stroke;stroke:#000;stroke-opacity:.2}.annotation-edit .edit-shape{cursor:move;stroke-width:2px;vector-effect:non-scaling-stroke;fill:#000;fill-opacity:.2}.annotation-edit .edit-point{stroke-width:2px;vector-effect:non-scaling-stroke;fill:#fff;stroke:#2771c9;z-index:1000}.annotation-edit .edit-point.top.left{cursor:nw-resize}.annotation-edit .edit-point.top.right{cursor:ne-resize}.annotation-edit .edit-point.bottom.left{cursor:sw-resize}.annotation-edit .edit-point.bottom.right{cursor:se-resize}.annotation-edit .edit-bounds{stroke-width:2px;vector-effect:non-scaling-stroke;stroke:#2771c9;fill:transparent}.proscia-viewer-annotations .annotation{opacity:1}.proscia-viewer-annotations .annotation.segmentation,.proscia-viewer-annotations.segmentation-mode .annotation{opacity:.5;pointer-events:none}.proscia-viewer-annotations.segmentation-mode .annotation.segmentation{opacity:1}@-webkit-keyframes animate-marquee{to{stroke-dashoffset:16}}@keyframes animate-marquee{to{stroke-dashoffset:16}}.proscia-viewer-annotations .annotation-negative-marquee{stroke-width:3px!important;stroke-dasharray:8;stroke-dashoffset:0;-webkit-animation:animate-marquee 2s linear infinite forwards;animation:animate-marquee 2s linear infinite forwards}.proscia-viewer-annotations .annotation-negative-marquee-background{stroke-dasharray:0;stroke-dashoffset:0;-webkit-animation:none;animation:none}.annotation-bounding-box.visible.not-editing:hover{border:2px solid #2771c9}.annotation-bounding-box{pointer-events:auto}.annotation-bounding-box:not(.not-editing),.annotation-bounding-box:not(.visible){pointer-events:none}.proscia-viewer-popover{-webkit-transition:opacity .1s;transition:opacity .1s}.proscia-viewer-popover-annotation .popover-header{min-height:36px}.proscia-viewer-popover-annotation .color-lens-indicator{position:absolute;width:8px;height:8px;border-radius:3px;bottom:0;right:6px;border:1px solid #5a5a5a}.proscia-viewer-popover-annotation .color-picker-menu{width:100%}.proscia-viewer-popover-annotation .popover-label-text{font-size:10px;padding-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.proscia-viewer-popover-annotation .popover-text-input .v-input__slot:after{border-color:#2771c9}.proscia-viewer-popover-annotation .popover-text{max-height:150px;font-size:14px;overflow-y:auto}.proscia-viewer-popover-annotation .popover-text.empty{margin-left:8px;color:#ccc;content:"No description";font-size:14px;max-width:250px;word-wrap:break-word}.proscia-viewer-popover{position:absolute;z-index:2;top:0;left:0;margin-top:11px;min-width:250px;min-height:32px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.proscia-viewer-popover .arrow,.proscia-viewer-popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.proscia-viewer-popover .arrow{border-width:11px}.proscia-viewer-popover .arrow:after{border-width:10px;content:""}.proscia-viewer-popover .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0}.proscia-viewer-popover .arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.proscia-viewer-popover .arrow,.proscia-viewer-popover .arrow:after{border-top-color:#333}.proscia-viewer-popover .mini-button{min-width:auto;width:100%}.proscia-viewer-annotation-measurement{padding:4px;font-weight:700;font-size:14px;border:2px solid #000;color:#000;border-radius:6px;white-space:nowrap;position:absolute;opacity:.8;pointer-events:none;z-index:1}.control-multi-viewer-zoom .zoom-level{display:-webkit-box;display:-ms-flexbox;display:flex}.control-multi-viewer-zoom .zoom-level .material-icons{font-size:16px}.control-multi-viewer-zoom .level-selector{width:48px;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.10196078431372549);box-shadow:0 5px 12px 0 rgba(0,0,0,.10196078431372549);-webkit-box-shadow:0 3px 12px 0 rgba(0,0,0,.10196078431372549);box-shadow:0 3px 12px 0 rgba(0,0,0,.10196078431372549);-webkit-box-shadow:0 8px 12px 0 rgba(0,0,0,.10196078431372549);box-shadow:0 8px 12px 0 rgba(0,0,0,.10196078431372549);padding:8px,0,8px,0;border-radius:0 0 8px 8px}.control-multi-viewer-zoom__level-selector-menu{-webkit-box-shadow:none;box-shadow:none;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.10196078431372549),0 3px 12px 0 rgba(0,0,0,.10196078431372549),0 8px 12px 0 rgba(0,0,0,.10196078431372549);box-shadow:0 5px 12px 0 rgba(0,0,0,.10196078431372549),0 3px 12px 0 rgba(0,0,0,.10196078431372549),0 8px 12px 0 rgba(0,0,0,.10196078431372549);border-radius:0 0 8px 8px}.control-multi-viewer-zoom__level-selector-menu .level-selector{width:48px;padding-top:4px;padding-bottom:4px;background-color:#fff}.control-multi-viewer-zoom__level-selector-menu .level-selector .level-selector__item{line-height:22px;padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;text-align:right;color:#444;cursor:pointer}.control-multi-viewer-zoom__level-selector-menu .level-selector .level-selector__item:hover{background-color:#2771c9;color:#fff}.control-multi-viewer-zoom__level-selector-menu .level-selector.dark-mode{background-color:#202020}.control-multi-viewer-zoom__level-selector-menu .level-selector.dark-mode .level-selector__item{color:#828282}.control-multi-viewer-zoom__level-selector-menu .level-selector.dark-mode .level-selector__item:hover{background-color:#444;color:#c4c4c4}.control-multi-viewer{position:absolute;top:16px;right:24px;height:24px;z-index:1;background-color:#1f477d;border-radius:24px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:16px;padding:4px 10px;color:#c4c4c4}.control-multi-viewer.dark-mode{color:#828282;background-color:#202020}.control-multi-viewer .control{border-right:1px solid #00376a;padding-left:6px;padding-right:6px}.control-multi-viewer .control:last-child{border:none}.control-multi-viewer.dark-mode .control{border-color:#000}.control-multi-viewer .control:hover{color:#fff}.control-multi-viewer.dark-mode .control:hover{color:#c4c4c4}.control-multi-viewer .image-name{max-width:98px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;direction:rtl}.control-multi-viewer .control-btn{cursor:pointer;color:#c4c4c4;font-size:24px}.control-multi-viewer.dark-mode .control-btn{color:#828282}.control-multi-viewer .material-icons{line-height:inherit}.control-rotation-knob{background-color:hsla(0,0%,96.5%,.63);top:0;left:120px;position:absolute;margin:16px;z-index:2147483646;-webkit-box-shadow:inset 3px 0 0 -3px rgba(0,0,0,.4);box-shadow:inset 3px 0 0 -3px rgba(0,0,0,.4)}.control-rotation-knob .text-wrapper{position:absolute;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-rotation-knob .text-wrapper .text-value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4}.control-rotation-knob .text-wrapper .text-value .degree{color:#2771c9;font-size:18px;font-weight:500;margin-left:-7px;padding-top:1px}.control-rotation-knob .text-wrapper .text-value .v-text-field{margin:0;padding:0}.control-rotation-knob .text-wrapper .text-value .v-text-field:hover .v-input__slot:before{opacity:1}.control-rotation-knob .text-wrapper .text-value .v-text-field .v-input__slot:before{opacity:0}.control-rotation-knob .text-wrapper .text-value .v-text-field input{color:#2771c9;font-size:18px;font-weight:500;text-align:center;padding-right:10px}.control-rotation-knob .text-wrapper .text-value .v-text-field input::-webkit-inner-spin-button,.control-rotation-knob .text-wrapper .text-value .v-text-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.control-rotation-knob .text-wrapper .text-value .v-text-field input[type=number]{-moz-appearance:textfield}.control-label-image{position:absolute;z-index:2147483646;top:84px;left:0;margin:16px;display:block;pointer-events:all;-webkit-box-shadow:0 4px 7px rgba(0,0,0,.05);box-shadow:0 4px 7px rgba(0,0,0,.05);border:1px solid #2771c9;overflow:hidden}.control-label-image.is-dragging{border-color:orange}.control-label-image.is-dragging .resize-handler{background-color:orange}.control-label-image .resize-handler{position:absolute;z-index:2;bottom:-10px;right:-10px;width:20px;height:20px;background-color:#2771c9;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:nwse-resize}.control-label-image .resize-handler:hover{background-color:orange}.control-label-image .image-background{position:absolute;background-repeat:no-repeat;background-size:cover}.control-snapshot-overlay{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.control-snapshot-overlay *{pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.snapshot-background-section{background-color:rgba(0,0,0,.25);pointer-events:none;position:absolute}.snapshot-background-section .dark-mode{background-color:hsla(0,0%,100%,.15)}.take-snapshot-button{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.35)!important;box-shadow:0 2px 12px rgba(0,0,0,.35)!important}.take-snapshot-button .v-icon{color:#2771c9}.frame{border:2px solid #2771c9;cursor:move;position:absolute}.frame .resize-top-left{cursor:nw-resize;left:0;position:absolute;top:0;-webkit-transform:translate(-13px,-13px);transform:translate(-13px,-13px);z-index:1}.frame .resize-top-left:before{height:24px;width:56px}.frame .resize-top-left:after,.frame .resize-top-left:before{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent}.frame .resize-top-left:after{height:56px;width:24px}.frame .resize-top-right{cursor:ne-resize;position:absolute;right:0;top:0;-webkit-transform:translate(13px,-13px);transform:translate(13px,-13px);z-index:1}.frame .resize-top-right:before{height:24px;width:56px}.frame .resize-top-right:after,.frame .resize-top-right:before{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent;right:0}.frame .resize-top-right:after{height:56px;width:24px}.frame .resize-bottom-right{cursor:se-resize;bottom:0;position:absolute;right:0;-webkit-transform:translate(13px,13px);transform:translate(13px,13px);z-index:1}.frame .resize-bottom-right:before{height:56px;width:24px}.frame .resize-bottom-right:after,.frame .resize-bottom-right:before{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent;bottom:0;right:0}.frame .resize-bottom-right:after{height:24px;width:56px}.frame .resize-bottom-left{cursor:sw-resize;bottom:0;position:absolute;left:0;-webkit-transform:translate(-13px,13px);transform:translate(-13px,13px);z-index:1}.frame .resize-bottom-left:before{height:56px;width:24px}.frame .resize-bottom-left:after,.frame .resize-bottom-left:before{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent;bottom:0;left:0}.frame .resize-bottom-left:after{height:24px;width:56px}.frame .resize-top-center{cursor:n-resize;height:24px;left:50%;top:0;-webkit-transform:translate(-50%,-13px);transform:translate(-50%,-13px);width:56px}.frame .resize-right-center,.frame .resize-top-center{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent}.frame .resize-right-center{cursor:e-resize;height:56px;right:0;top:50%;-webkit-transform:translate(13px,-50%);transform:translate(13px,-50%);width:24px}.frame .resize-bottom-center{bottom:0;cursor:s-resize;height:24px;left:50%;-webkit-transform:translate(-50%,13px);transform:translate(-50%,13px);width:56px}.frame .resize-bottom-center,.frame .resize-left-center{background:#2771c9;background-clip:content-box;content:"";position:absolute;border:8px solid transparent}.frame .resize-left-center{cursor:w-resize;height:56px;left:0;top:50%;-webkit-transform:translate(-13px,-50%);transform:translate(-13px,-50%);width:24px}.frame .controls-wrapper{position:absolute;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:default}.frame .controls-wrapper.inside-bottom{bottom:0;-webkit-transform:translate(-50%,-18px);transform:translate(-50%,-18px)}.frame .controls-wrapper.outside-bottom{bottom:0;-webkit-transform:translate(-50%,calc(100% + 18px));transform:translate(-50%,calc(100% + 18px))}.frame .controls-wrapper.outside-top{top:0;-webkit-transform:translate(-50%,calc(-18px - 100%));transform:translate(-50%,calc(-18px - 100%))}.frame .controls-wrapper .dimensions{border-radius:4px;background:#2771c9;padding:8px;font-size:16px;line-height:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;white-space:nowrap;text-transform:uppercase;color:#fff;height:36px}.frame .controls-wrapper .expand-frame-button{border:2px solid #2771c9;border-radius:100%;color:#2771c9;background-color:#fff;margin:0;margin-left:16px}.control-channel-popout{padding:8px 0;height:auto;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(0,0,0,.61);border-radius:0 8px 8px 0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.control-channel-popout__channel-list{float:left;padding-left:16px;padding-right:16px;max-width:168px;max-height:336px;overflow-y:auto;scrollbar-color:#444 transparent;scrollbar-width:thin}.control-channel-popout__channel-list::-webkit-scrollbar{display:block;height:12px;width:12px;overflow:auto;background-color:transparent}.control-channel-popout__channel-list::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:content-box;border-radius:12px;background-color:#444}.control-channel-popout__channel-list::-webkit-scrollbar-track{background-color:transparent}.control-channel-popout__channel-list--closed{width:0;padding-left:0;opacity:0}.control-channel-popout__channel-item{color:#c4c4c4;padding:4px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.control-channel-popout__channel-circle{margin-right:8px;border-radius:100%;border:3px solid #000;width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0}.control-channel-popout__channel-biomarker{line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.control-channel-popout__knob{width:24px;cursor:pointer}.control-channel-popout__knob:hover i{color:#f2f2f2}.control-channel-popout__knob i{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:4px;color:#828282;font-size:20px}.z-layer-selector{background:hsla(0,0%,100%,.6);padding-left:25px;padding-right:25px}.z-layer-selector .v-input--slider{margin:0}.viewer-navigator{position:absolute;top:16px;left:16px;z-index:1;background-color:#fff;-webkit-box-shadow:0 4px 7px rgba(0,0,0,.05);box-shadow:0 4px 7px rgba(0,0,0,.05);border:1px solid #2771c9;overflow:hidden}.viewer-navigator.is-dragging{border-color:orange}.viewer-navigator.is-dragging .resize-handler{background-color:orange}.viewer-navigator.dark-mode{background-color:#000}.viewer-navigator .resize-handler{position:absolute;z-index:2;bottom:-10px;right:-10px;width:20px;height:20px;background-color:#2771c9;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:nwse-resize}.viewer-navigator .resize-handler:hover{background-color:orange}.viewer-navigator .navigator{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.viewer-navigator .navigator .displayregion{border:2px solid #2771c9!important;border-radius:0}.image-status-overlay{height:100%;width:100%}.image-status-overlay .spinner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-status-overlay .status-view{width:100%;height:100%}.image-status-overlay .empty-set{position:relative}.image-status-overlay .empty-set .circle{position:absolute;top:55%;left:50%;width:450px;height:450px;border-radius:100%;background-color:#e8edef;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.image-status-overlay .empty-set .circle .image{position:relative;top:-30px;margin-left:auto;margin-right:auto;width:246px;height:300px;background-image:url(/images/imageSet/emptyState.png);background-repeat:no-repeat;background-size:contain}.image-status-overlay .empty-set .circle h3{font-size:24px;color:grey;font-weight:300;margin-bottom:12px;margin-top:0;text-align:center}.image-status-overlay .empty-set .circle .v-btn{position:relative}.image-status-overlay .no-image-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-status-overlay .uploading{background-image:url(/images/imageSet/uploading.png)}.image-status-overlay .optimizing,.image-status-overlay .uploading{background-repeat:no-repeat;background-position:50%;background-size:700px}.image-status-overlay .optimizing{background-image:url(/images/imageSet/optimizing.png)}.image-status-overlay .optimizing-failed{background-image:url(/images/imageSet/failed.png);background-repeat:no-repeat;background-position:50%;background-size:700px}.image-status-overlay .uploading-failed{background-image:url(/images/imageSet/failed_upload.png);background-repeat:no-repeat;background-position:50%;background-size:700px}.image-status-overlay .failure-message{font-size:18px;font-weight:300;color:#8d8d8d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:57%;width:100%}.image-status-overlay .failure-message .v-icon{margin-right:4px;font-size:48px;color:#e5a8b2}.image-status-overlay .unsupported-format{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;height:100%}.image-status-overlay .unsupported-format h1,.image-status-overlay .unsupported-format h2{color:#444;margin-bottom:16px}.image-status-overlay .unsupported-format h2{color:#828282}.image-status-overlay .unsupported-format .v-icon{color:#99afc3;font-size:210px;margin-bottom:51px}.collaboation-user{border:1px solid #fff;color:#fff;font-size:30px;height:35px;line-height:34px;margin:0 0 0 5px;opacity:.2;text-align:center;width:35px;cursor:pointer}.collaboation-mouse-overlay .pointer.mouse-down{font-size:20px!important;color:red!important}.collaboation-mouse-overlay .pointer .mouse-icon{-webkit-transform:translate(-5px,-5px) rotate(-90deg);transform:translate(-5px,-5px) rotate(-90deg)}.collaboration-mode-overlay{height:100%;width:100%;position:absolute;background:transparent}.collaboration-mode-overlay .bottom-bar{position:absolute;z-index:2;width:100%;bottom:0}.collaboration-mode-overlay .bottom-bar .users{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.osd-container{overflow:hidden;width:auto!important;height:auto!important;position:absolute!important;border:1px solid transparent}.osd-container.dark-mode{background-color:#000}.osd-container.focused.multiple-canvases{border:1px solid #00f}.osd-container .openseadragon-container{z-index:0}.osd-container .openseadragon-canvas{outline:none;z-index:1}.osd-container .navigator .openseadragon-container .openseadragon-canvas{z-index:0}.osd-container .z-layer-selector{z-index:2147483647;position:absolute;bottom:0;right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.osd-container .viewer-loading-indicator{z-index:1;position:absolute;top:0;right:0}.osd-container .viewer-loading-indicator circle{color:#000}@keyframes colorchange{0%,to{color:#006400}10%{color:#0ff}20%{color:#00f}30%{color:purple}40%{color:indigo}50%{color:brown}60%{color:#000}70%{color:red}80%{color:orange}90%{color:#ff0}}@-webkit-keyframes colorchange{0%,to{color:#000}10%{color:red}20%{color:orange}30%{color:#ff0}40%{color:green}50%{color:#0ff}60%{color:#00f}70%{color:purple}80%{color:indigo}90%{color:brown}}