-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathyxtx-lib.469f258.css
1 lines (1 loc) · 31.3 KB
/
yxtx-lib.469f258.css
1
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-display:"auto";font-family:element-icons;font-style:normal;font-weight:400;src:url(/b381a11d05d02ea243ed.woff) format("woff"),url(/f762eeaa9cf147a6c035.ttf) format("truetype")}[class*=" el-icon-"],[class^=el-icon-]{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline}.el-icon-ice-cream-round:before{content:""}.el-icon-ice-cream-square:before{content:""}.el-icon-lollipop:before{content:""}.el-icon-potato-strips:before{content:""}.el-icon-milk-tea:before{content:""}.el-icon-ice-drink:before{content:""}.el-icon-ice-tea:before{content:""}.el-icon-coffee:before{content:""}.el-icon-orange:before{content:""}.el-icon-pear:before{content:""}.el-icon-apple:before{content:""}.el-icon-cherry:before{content:""}.el-icon-watermelon:before{content:""}.el-icon-grape:before{content:""}.el-icon-refrigerator:before{content:""}.el-icon-goblet-square-full:before{content:""}.el-icon-goblet-square:before{content:""}.el-icon-goblet-full:before{content:""}.el-icon-goblet:before{content:""}.el-icon-cold-drink:before{content:""}.el-icon-coffee-cup:before{content:""}.el-icon-water-cup:before{content:""}.el-icon-hot-water:before{content:""}.el-icon-ice-cream:before{content:""}.el-icon-dessert:before{content:""}.el-icon-sugar:before{content:""}.el-icon-tableware:before{content:""}.el-icon-burger:before{content:""}.el-icon-knife-fork:before{content:""}.el-icon-fork-spoon:before{content:""}.el-icon-chicken:before{content:""}.el-icon-food:before{content:""}.el-icon-dish-1:before{content:""}.el-icon-dish:before{content:""}.el-icon-moon-night:before{content:""}.el-icon-moon:before{content:""}.el-icon-cloudy-and-sunny:before{content:""}.el-icon-partly-cloudy:before{content:""}.el-icon-cloudy:before{content:""}.el-icon-sunny:before{content:""}.el-icon-sunset:before{content:""}.el-icon-sunrise-1:before{content:""}.el-icon-sunrise:before{content:""}.el-icon-heavy-rain:before{content:""}.el-icon-lightning:before{content:""}.el-icon-light-rain:before{content:""}.el-icon-wind-power:before{content:""}.el-icon-baseball:before{content:""}.el-icon-soccer:before{content:""}.el-icon-football:before{content:""}.el-icon-basketball:before{content:""}.el-icon-ship:before{content:""}.el-icon-truck:before{content:""}.el-icon-bicycle:before{content:""}.el-icon-mobile-phone:before{content:""}.el-icon-service:before{content:""}.el-icon-key:before{content:""}.el-icon-unlock:before{content:""}.el-icon-lock:before{content:""}.el-icon-watch:before{content:""}.el-icon-watch-1:before{content:""}.el-icon-timer:before{content:""}.el-icon-alarm-clock:before{content:""}.el-icon-map-location:before{content:""}.el-icon-delete-location:before{content:""}.el-icon-add-location:before{content:""}.el-icon-location-information:before{content:""}.el-icon-location-outline:before{content:""}.el-icon-location:before{content:""}.el-icon-place:before{content:""}.el-icon-discover:before{content:""}.el-icon-first-aid-kit:before{content:""}.el-icon-trophy-1:before{content:""}.el-icon-trophy:before{content:""}.el-icon-medal:before{content:""}.el-icon-medal-1:before{content:""}.el-icon-stopwatch:before{content:""}.el-icon-mic:before{content:""}.el-icon-copy-document:before{content:""}.el-icon-full-screen:before{content:""}.el-icon-switch-button:before{content:""}.el-icon-aim:before{content:""}.el-icon-crop:before{content:""}.el-icon-odometer:before{content:""}.el-icon-time:before{content:""}.el-icon-bangzhu:before{content:""}.el-icon-close-notification:before{content:""}.el-icon-microphone:before{content:""}.el-icon-turn-off-microphone:before{content:""}.el-icon-position:before{content:""}.el-icon-postcard:before{content:""}.el-icon-message:before{content:""}.el-icon-chat-line-square:before{content:""}.el-icon-chat-dot-square:before{content:""}.el-icon-chat-dot-round:before{content:""}.el-icon-chat-square:before{content:""}.el-icon-chat-line-round:before{content:""}.el-icon-chat-round:before{content:""}.el-icon-set-up:before{content:""}.el-icon-turn-off:before{content:""}.el-icon-open:before{content:""}.el-icon-connection:before{content:""}.el-icon-link:before{content:""}.el-icon-cpu:before{content:""}.el-icon-thumb:before{content:""}.el-icon-female:before{content:""}.el-icon-male:before{content:""}.el-icon-guide:before{content:""}.el-icon-news:before{content:""}.el-icon-price-tag:before{content:""}.el-icon-discount:before{content:""}.el-icon-wallet:before{content:""}.el-icon-coin:before{content:""}.el-icon-money:before{content:""}.el-icon-bank-card:before{content:""}.el-icon-box:before{content:""}.el-icon-present:before{content:""}.el-icon-sell:before{content:""}.el-icon-sold-out:before{content:""}.el-icon-shopping-bag-2:before{content:""}.el-icon-shopping-bag-1:before{content:""}.el-icon-shopping-cart-2:before{content:""}.el-icon-shopping-cart-1:before{content:""}.el-icon-shopping-cart-full:before{content:""}.el-icon-smoking:before{content:""}.el-icon-no-smoking:before{content:""}.el-icon-house:before{content:""}.el-icon-table-lamp:before{content:""}.el-icon-school:before{content:""}.el-icon-office-building:before{content:""}.el-icon-toilet-paper:before{content:""}.el-icon-notebook-2:before{content:""}.el-icon-notebook-1:before{content:""}.el-icon-files:before{content:""}.el-icon-collection:before{content:""}.el-icon-receiving:before{content:""}.el-icon-suitcase-1:before{content:""}.el-icon-suitcase:before{content:""}.el-icon-film:before{content:""}.el-icon-collection-tag:before{content:""}.el-icon-data-analysis:before{content:""}.el-icon-pie-chart:before{content:""}.el-icon-data-board:before{content:""}.el-icon-data-line:before{content:""}.el-icon-reading:before{content:""}.el-icon-magic-stick:before{content:""}.el-icon-coordinate:before{content:""}.el-icon-mouse:before{content:""}.el-icon-brush:before{content:""}.el-icon-headset:before{content:""}.el-icon-umbrella:before{content:""}.el-icon-scissors:before{content:""}.el-icon-mobile:before{content:""}.el-icon-attract:before{content:""}.el-icon-monitor:before{content:""}.el-icon-search:before{content:""}.el-icon-takeaway-box:before{content:""}.el-icon-paperclip:before{content:""}.el-icon-printer:before{content:""}.el-icon-document-add:before{content:""}.el-icon-document:before{content:""}.el-icon-document-checked:before{content:""}.el-icon-document-copy:before{content:""}.el-icon-document-delete:before{content:""}.el-icon-document-remove:before{content:""}.el-icon-tickets:before{content:""}.el-icon-folder-checked:before{content:""}.el-icon-folder-delete:before{content:""}.el-icon-folder-remove:before{content:""}.el-icon-folder-add:before{content:""}.el-icon-folder-opened:before{content:""}.el-icon-folder:before{content:""}.el-icon-edit-outline:before{content:""}.el-icon-edit:before{content:""}.el-icon-date:before{content:""}.el-icon-c-scale-to-original:before{content:""}.el-icon-view:before{content:""}.el-icon-loading:before{content:""}.el-icon-rank:before{content:""}.el-icon-sort-down:before{content:""}.el-icon-sort-up:before{content:""}.el-icon-sort:before{content:""}.el-icon-finished:before{content:""}.el-icon-refresh-left:before{content:""}.el-icon-refresh-right:before{content:""}.el-icon-refresh:before{content:""}.el-icon-video-play:before{content:""}.el-icon-video-pause:before{content:""}.el-icon-d-arrow-right:before{content:""}.el-icon-d-arrow-left:before{content:""}.el-icon-arrow-up:before{content:""}.el-icon-arrow-down:before{content:""}.el-icon-arrow-right:before{content:""}.el-icon-arrow-left:before{content:""}.el-icon-top-right:before{content:""}.el-icon-top-left:before{content:""}.el-icon-top:before{content:""}.el-icon-bottom:before{content:""}.el-icon-right:before{content:""}.el-icon-back:before{content:""}.el-icon-bottom-right:before{content:""}.el-icon-bottom-left:before{content:""}.el-icon-caret-top:before{content:""}.el-icon-caret-bottom:before{content:""}.el-icon-caret-right:before{content:""}.el-icon-caret-left:before{content:""}.el-icon-d-caret:before{content:""}.el-icon-share:before{content:""}.el-icon-menu:before{content:""}.el-icon-s-grid:before{content:""}.el-icon-s-check:before{content:""}.el-icon-s-data:before{content:""}.el-icon-s-opportunity:before{content:""}.el-icon-s-custom:before{content:""}.el-icon-s-claim:before{content:""}.el-icon-s-finance:before{content:""}.el-icon-s-comment:before{content:""}.el-icon-s-flag:before{content:""}.el-icon-s-marketing:before{content:""}.el-icon-s-shop:before{content:""}.el-icon-s-open:before{content:""}.el-icon-s-management:before{content:""}.el-icon-s-ticket:before{content:""}.el-icon-s-release:before{content:""}.el-icon-s-home:before{content:""}.el-icon-s-promotion:before{content:""}.el-icon-s-operation:before{content:""}.el-icon-s-unfold:before{content:""}.el-icon-s-fold:before{content:""}.el-icon-s-platform:before{content:""}.el-icon-s-order:before{content:""}.el-icon-s-cooperation:before{content:""}.el-icon-bell:before{content:""}.el-icon-message-solid:before{content:""}.el-icon-video-camera:before{content:""}.el-icon-video-camera-solid:before{content:""}.el-icon-camera:before{content:""}.el-icon-camera-solid:before{content:""}.el-icon-download:before{content:""}.el-icon-upload2:before{content:""}.el-icon-upload:before{content:""}.el-icon-picture-outline-round:before{content:""}.el-icon-picture-outline:before{content:""}.el-icon-picture:before{content:""}.el-icon-close:before{content:""}.el-icon-check:before{content:""}.el-icon-plus:before{content:""}.el-icon-minus:before{content:""}.el-icon-help:before{content:""}.el-icon-s-help:before{content:""}.el-icon-circle-close:before{content:""}.el-icon-circle-check:before{content:""}.el-icon-circle-plus-outline:before{content:""}.el-icon-remove-outline:before{content:""}.el-icon-zoom-out:before{content:""}.el-icon-zoom-in:before{content:""}.el-icon-error:before{content:""}.el-icon-success:before{content:""}.el-icon-circle-plus:before{content:""}.el-icon-remove:before{content:""}.el-icon-info:before{content:""}.el-icon-question:before{content:""}.el-icon-warning-outline:before{content:""}.el-icon-warning:before{content:""}.el-icon-goods:before{content:""}.el-icon-s-goods:before{content:""}.el-icon-star-off:before{content:""}.el-icon-star-on:before{content:""}.el-icon-more-outline:before{content:""}.el-icon-more:before{content:""}.el-icon-phone-outline:before{content:""}.el-icon-phone:before{content:""}.el-icon-user:before{content:""}.el-icon-user-solid:before{content:""}.el-icon-setting:before{content:""}.el-icon-s-tools:before{content:""}.el-icon-delete:before{content:""}.el-icon-delete-solid:before{content:""}.el-icon-eleme:before{content:""}.el-icon-platform-eleme:before{content:""}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#components-layout{height:100%;width:100%}#components-layout .pageMain{display:flex;height:100%;position:relative;width:100%}#components-layout .pageMain-left{flex:0 0 auto;margin-left:10px;width:260px}#components-layout .pageMain-left-tools{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}#components-layout .pageMain .centerContain{background-color:#fff;height:100%;overflow:auto!important;transition:all .3s;width:100%}#components-layout .pageMain .centerContain.fixed{bottom:0;left:0;position:fixed;right:0;top:0}#components-layout .pageMain .centerContain .canvansDiv{transform-origin:left top;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}#guide-x{width:100%}#guide-x,#guide-y{display:none;left:0;position:absolute;top:0}#guide-y{height:100%}.topo-layer{background-image:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-position:0 0,10px 10px;background-size:20px 20px;height:100%;overflow:auto;position:absolute;transform-origin:left top;width:100%}.resize-left-top{cursor:nwse-resize;top:-5px}.resize-left-bottom,.resize-left-top{background-color:#fff;border:1px solid #0cf;height:10px;left:-5px;position:absolute;width:10px}.resize-left-bottom{bottom:-5px;cursor:nesw-resize}.resize-right-top{cursor:nesw-resize;top:-5px}.resize-right-bottom,.resize-right-top{background-color:#fff;border:1px solid #0cf;height:10px;position:absolute;right:-5px;width:10px}.resize-right-bottom{bottom:-5px;cursor:nwse-resize}.topo-layer-view-selected{outline:1px solid #0cf}.components-layout-left .ant-input-search-icon{color:#1890ff!important;font-size:20px!important}.components-layout-left .ant-collapse,.components-layout-left .ant-collapse-content,.components-layout-left .ant-collapse>.ant-collapse-item{border-color:#eee!important}.components-layout-left .ant-collapse-content>.ant-collapse-content-box{padding:16px 0}.ant-input-affix-wrapper{border:none;height:45px;line-height:45px}.svg-nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.svg-nav-list li{align-items:center;border-radius:50%;box-shadow:1px 1px 5px #ddd;cursor:pointer;display:flex;justify-content:center;margin:0 15px 15px;padding:0;position:relative;width:calc(33.33% - 30px)}.svg-nav-list li:hover{box-shadow:1px 1px 10px #ccc}.svg-nav-list li img{display:block;width:100%}.svg-nav-list li .title{background:rgba(0,0,0,.4);bottom:0;color:#fff;display:none;font-size:12px;height:20px;left:0;line-height:20px;position:absolute;right:0;text-align:center}.svg-nav-list.two-item li{border-radius:10px;height:100px;margin-bottom:25px;width:calc(50% - 30px)}.svg-nav-list.two-item li img{height:100%;width:auto}.toolbar-selected{outline:1px solid #0cf}.leftNav{overflow:auto;width:100%}.svg-contain{bottom:0;left:0;position:fixed;right:0;top:0}.btns-content{bottom:10px;left:10px;position:fixed}.btns-content button{margin-right:10px}.rightNav{overflow:auto;width:100%}.rightNav .bg-code{background:#444;border-radius:4px;color:#fff;width:calc(100% - 20px)}.components-layout-right .ant-tabs-bar{margin-bottom:0!important}.components-layout-right .ant-form-item-label{flex-shrink:0;width:100px!important}.components-layout-right .ant-input-number,.components-layout-right input{border-color:#ddd;border-radius:4px;width:160px}.components-layout-right .ant-form-item-control{line-height:24px!important}.components-layout-right .ant-form-item-control p{margin-bottom:0!important}.components-layout-right .ant-form-item{align-items:center;display:flex;flex-flow:nowrap;margin-bottom:0;padding:8px 0;position:relative}.components-layout-right .ant-form-item:after{bottom:0;content:"";height:1px;left:15px;position:absolute;right:15px}.components-layout-right .ant-form-item:last-child:after{content:unset}.btn-sure{width:100px}.outer-container{overflow:hidden;position:relative;width:100%}.infinite-list-container{overflow:auto;position:relative;width:calc(100% + 20px)}.infinite-list-phantom{z-index:-1}.infinite-list,.infinite-list-phantom{left:0;position:absolute;right:0;top:0}.infinite-list-item{box-sizing:border-box;color:#555;padding:5px}.charge{background:#000;display:flex;height:100%;overflow:hidden;width:100%}.charge .g-container{height:400px;margin:auto;position:relative;width:300px}.charge .g-container .g-number{color:#fff;font-size:32px;position:absolute;text-align:center;top:27%;width:300px;z-index:10}.charge .g-container .g-contrast{animation:hueRotate 10s linear infinite;background-color:#000;filter:contrast(10) hue-rotate(0);height:400px;overflow:hidden;width:300px}.charge .g-container .g-contrast .g-circle{box-sizing:border-box;filter:blur(8px);height:300px;position:relative;width:300px}.charge .g-container .g-contrast .g-circle:after{animation:xuanzhuan 10s linear infinite;background-color:#00ff6f;border-radius:42% 38% 62% 49%/45%;content:"";height:200px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%) rotate(0);width:200px}.charge .g-container .g-contrast .g-circle:before{background-color:#000;border-radius:50%;content:"";height:176px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:176px;z-index:10}.charge .g-container .g-contrast .g-bubbles{background-color:#00ff6f;border-radius:100px 100px 0 0;bottom:0;filter:blur(5px);height:40px;left:50%;position:absolute;transform:translate(-50%);width:100px}.charge .g-container .g-contrast .g-bubbles li{background:#00ff6f;border-radius:50%;position:absolute}.charge .g-container li:nth-child(0){animation:moveToTop 7s ease-in-out -2.02s infinite;height:19px;left:52px;top:50%;transform:translate(-50%,-50%);width:19px}.charge .g-container li:first-child{animation:moveToTop 9s ease-in-out -1.046s infinite;height:21px;left:64px;top:50%;transform:translate(-50%,-50%);width:21px}.charge .g-container li:nth-child(2){animation:moveToTop 7s ease-in-out -1.638s infinite;height:27px;left:30px;top:50%;transform:translate(-50%,-50%);width:27px}.charge .g-container li:nth-child(3){animation:moveToTop 5s ease-in-out -3.885s infinite;height:28px;left:41px;top:50%;transform:translate(-50%,-50%);width:28px}.charge .g-container li:nth-child(4){animation:moveToTop 4s ease-in-out -2.927s infinite;height:30px;left:35px;top:50%;transform:translate(-50%,-50%);width:30px}.charge .g-container li:nth-child(5){animation:moveToTop 8s ease-in-out -2.614s infinite;height:19px;left:40px;top:50%;transform:translate(-50%,-50%);width:19px}.charge .g-container li:nth-child(6){animation:moveToTop 5s ease-in-out -1.715s infinite;height:24px;left:24px;top:50%;transform:translate(-50%,-50%);width:24px}.charge .g-container li:nth-child(7){animation:moveToTop 9s ease-in-out -4.174s infinite;height:29px;left:48px;top:50%;transform:translate(-50%,-50%);width:29px}.charge .g-container li:nth-child(8){animation:moveToTop 7s ease-in-out -2.602s infinite;height:25px;left:33px;top:50%;transform:translate(-50%,-50%);width:25px}.charge .g-container li:nth-child(9){animation:moveToTop 4s ease-in-out -3.402s infinite;height:16px;left:28px;top:50%;transform:translate(-50%,-50%);width:16px}.charge .g-container li:nth-child(10){animation:moveToTop 8s ease-in-out -3.031s infinite;height:30px;left:67px;top:50%;transform:translate(-50%,-50%);width:30px}.charge .g-container li:nth-child(11){animation:moveToTop 6s ease-in-out -3.289s infinite;height:20px;left:28px;top:50%;transform:translate(-50%,-50%);width:20px}.charge .g-container li:nth-child(12){animation:moveToTop 5s ease-in-out -4.992s infinite;height:26px;left:16px;top:50%;transform:translate(-50%,-50%);width:26px}.charge .g-container li:nth-child(13){animation:moveToTop 9s ease-in-out -2.679s infinite;height:16px;left:72px;top:50%;transform:translate(-50%,-50%);width:16px}.charge .g-container li:nth-child(14){animation:moveToTop 5s ease-in-out -3.46s infinite;height:28px;left:26px;top:50%;transform:translate(-50%,-50%);width:28px}.charge .g-container li:nth-child(15){animation:moveToTop 8s ease-in-out -3.19s infinite;height:17px;left:43px;top:50%;transform:translate(-50%,-50%);width:17px}@keyframes xuanzhuan{50%{border-radius:45%/42% 38% 58% 49%}to{transform:translate(-50%,-50%) rotate(2turn)}}@keyframes moveToTop{90%{opacity:1}to{opacity:.1;transform:translate(-50%,-180px)}}@keyframes hueRotate{to{filter:contrast(15) hue-rotate(1turn)}}.loading{background:#000;display:flex;flex-direction:row;height:500px;width:100%}.loading .g-container{height:120px;margin:auto;position:relative;width:120px}.loading .g-box{left:50%;position:absolute;top:50%}.loading .g-box:before{background:#01fd28;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.loading .g-box:first-child{--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(18deg) translateY(120px);width:var(--width)}.loading .g-box:first-child:before{filter:hue-rotate(18deg);transform:scale(.05);will-change:transform}.loading .g-box:nth-child(2){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(36deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(2):before{filter:hue-rotate(36deg);transform:scale(.1);will-change:transform}.loading .g-box:nth-child(3){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(54deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(3):before{filter:hue-rotate(54deg);transform:scale(.15);will-change:transform}.loading .g-box:nth-child(4){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(72deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(4):before{filter:hue-rotate(72deg);transform:scale(.2);will-change:transform}.loading .g-box:nth-child(5){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(90deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(5):before{filter:hue-rotate(90deg);transform:scale(.25);will-change:transform}.loading .g-box:nth-child(6){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(108deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(6):before{filter:hue-rotate(108deg);transform:scale(.3);will-change:transform}.loading .g-box:nth-child(7){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(126deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(7):before{filter:hue-rotate(126deg);transform:scale(.35);will-change:transform}.loading .g-box:nth-child(8){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(144deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(8):before{filter:hue-rotate(144deg);transform:scale(.4);will-change:transform}.loading .g-box:nth-child(9){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(162deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(9):before{filter:hue-rotate(162deg);transform:scale(.45);will-change:transform}.loading .g-box:nth-child(10){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(180deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(10):before{filter:hue-rotate(180deg);transform:scale(.5);will-change:transform}.loading .g-box:nth-child(11){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(198deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(11):before{filter:hue-rotate(198deg);transform:scale(.55);will-change:transform}.loading .g-box:nth-child(12){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(216deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(12):before{filter:hue-rotate(216deg);transform:scale(.6);will-change:transform}.loading .g-box:nth-child(13){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(234deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(13):before{filter:hue-rotate(234deg);transform:scale(.65);will-change:transform}.loading .g-box:nth-child(14){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(252deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(14):before{filter:hue-rotate(252deg);transform:scale(.7);will-change:transform}.loading .g-box:nth-child(15){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(270deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(15):before{filter:hue-rotate(270deg);transform:scale(.75);will-change:transform}.loading .g-box:nth-child(16){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(288deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(16):before{filter:hue-rotate(288deg);transform:scale(.8);will-change:transform}.loading .g-box:nth-child(17){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(306deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(17):before{filter:hue-rotate(306deg);transform:scale(.85);will-change:transform}.loading .g-box:nth-child(18){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(324deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(18):before{filter:hue-rotate(324deg);transform:scale(.9);will-change:transform}.loading .g-box:nth-child(19){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(342deg) translateY(120px);width:var(--width)}.loading .g-box:nth-child(19):before{filter:hue-rotate(342deg);transform:scale(.95);will-change:transform}.loading .g-box:nth-child(20){--width:20px;height:var(--width);margin-left:calc(var(--width)/-2);margin-top:calc(var(--width)/-2);transform:rotate(1turn) translateY(120px);width:var(--width)}.loading .g-box:nth-child(20):before{filter:hue-rotate(1turn);transform:scale(1);will-change:transform}.loading .g-steps{animation:rotate 2s steps(20) infinite}.loading .g-animation{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scale{to{transform:scale(0)}}@keyframes scaleAndHueRotate{to{filter:hue-rotate(1turn);transform:scale(0)}}.clock{animation:color 40s linear infinite;background:#222;background:radial-gradient(circle at center center,#2a2a2a,#000);display:flex;height:500px;justify-content:center;overflow:hidden}.clock figure{transform:translateY(200px)}.clock .wheel,.clock figure{height:40px;position:relative;width:40px}.clock .wheel{animation:ticktock 2s cubic-bezier(1,-.21,.85,1.29) infinite}.clock div{animation:bop 1s infinite;font:800 40px/40px Lato,monospace;height:1000%;position:absolute;text-align:center;top:-180px;width:100%}.clock div:nth-child(2n):after{content:"O"}.clock div:nth-child(odd):after{content:"I"}.clock div:first-child{transform:rotate(11.25deg)}.clock div:nth-child(2){transform:rotate(22.5deg)}.clock div:nth-child(3){transform:rotate(33.75deg)}.clock div:nth-child(4){transform:rotate(45deg)}.clock div:nth-child(5){transform:rotate(56.25deg)}.clock div:nth-child(6){transform:rotate(67.5deg)}.clock div:nth-child(7){transform:rotate(78.75deg)}.clock div:nth-child(8){transform:rotate(90deg)}.clock div:nth-child(9){transform:rotate(101.25deg)}.clock div:nth-child(10){transform:rotate(112.5deg)}.clock div:nth-child(11){transform:rotate(123.75deg)}.clock div:nth-child(12){transform:rotate(135deg)}.clock div:nth-child(13){transform:rotate(146.25deg)}.clock div:nth-child(14){transform:rotate(157.5deg)}.clock div:nth-child(15){transform:rotate(168.75deg)}.clock div:nth-child(16){transform:rotate(180deg)}.clock div:nth-child(17){transform:rotate(191.25deg)}.clock div:nth-child(18){transform:rotate(202.5deg)}.clock div:nth-child(19){transform:rotate(213.75deg)}.clock div:nth-child(20){transform:rotate(225deg)}.clock div:nth-child(21){transform:rotate(236.25deg)}.clock div:nth-child(22){transform:rotate(247.5deg)}.clock div:nth-child(23){transform:rotate(258.75deg)}.clock div:nth-child(24){transform:rotate(270deg)}.clock div:nth-child(25){transform:rotate(281.25deg)}.clock div:nth-child(26){transform:rotate(292.5deg)}.clock div:nth-child(27){transform:rotate(303.75deg)}.clock div:nth-child(28){transform:rotate(315deg)}.clock div:nth-child(29){transform:rotate(326.25deg)}.clock div:nth-child(30){transform:rotate(337.5deg)}.clock div:nth-child(31){transform:rotate(348.75deg)}.clock div:nth-child(32){transform:rotate(1turn)}.clock div.hand{transform:none}.clock div.hand:after,.clock div.hand:before{transform:translateY(-40px)}.clock div.hand:before{content:"T";display:block}.clock div.hand:after{content:"C \aK";transform:translateY(-40px)}@keyframes color{0%,to{color:#ff0}33%{color:aqua}66%{color:#f0f}}@keyframes ticktock{to{transform:rotate(-22.5deg)}50%{transform:rotate(-11.25deg)}}.color-list-container{border-top:1px solid #ebeef5;margin-top:15px;padding-top:10px;width:100%}.color-list{max-height:138px;overflow:auto}.color-list-item{cursor:pointer;height:24px;margin:2px 0;position:relative;width:100%}.color-list-item:hover{background:#efefef}.color-list-item-ball{border-radius:100%;display:block;height:20px;margin-left:5px;margin-top:2px;position:absolute;width:20px}.color-list-item-label{display:inline-block;font-size:13px;line-height:24px;margin-left:35px;overflow:hidden;width:85%}.color-list-item-value{float:right}