qcinfo-ui/dist/style.css

An Amazing Vue3 UI Components Library.

*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.m-countdown[data-v-a612ff62]{display:inline-block;line-height:1.57142857}.m-countdown .u-title[data-v-a612ff62]{margin-bottom:4px;color:#00000073;font-size:14px}.m-countdown .m-time[data-v-a612ff62]{color:#000000e0;font-size:24px;font-family:Helvetica Neue}.m-countdown .m-time .u-prefix[data-v-a612ff62]{display:inline-block;margin-inline-end:4px}.m-countdown .m-time .u-time-value[data-v-a612ff62]{display:inline-block;direction:ltr}.m-countdown .m-time .u-suffix[data-v-a612ff62]{display:inline-block;margin-inline-start:4px}.m-qrcode[data-v-0d49dc43]{display:inline-block;border-radius:8px;overflow:hidden}.m-qrcode .u-qrcode[data-v-0d49dc43]{width:100%;height:100%}.bordered[data-v-0d49dc43]{border-width:1px;border-style:solid}.m-slider-horizon[data-v-59a4e903]{box-shadow:0 0 5px #d3d3d3;border-radius:6px;white-space:nowrap;overflow:hidden;text-align:center}.m-slider-horizon[data-v-59a4e903]:after{content:"";height:100%;display:inline-block;vertical-align:middle}.m-slider-horizon .u-slide-title[data-v-59a4e903]{display:inline-block;vertical-align:middle;font-size:16px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.m-slider-horizon .u-slide-title[data-v-59a4e903]:hover{color:#1677ff}.slide-enter-active[data-v-59a4e903],.slide-leave-active[data-v-59a4e903]{transition:all 1s ease}.slide-enter-from[data-v-59a4e903]{transform:translateY(50px) scale(.5);opacity:0}.slide-leave-to[data-v-59a4e903]{transform:translateY(-50px) scale(.5);opacity:0}.m-slider-vertical[data-v-59a4e903]{position:relative;overflow:hidden;border-radius:6px}.m-slider-vertical .m-slider[data-v-59a4e903]{position:absolute;left:0;right:0;margin:0 auto;text-align:center}.m-slider-vertical .m-slider[data-v-59a4e903]:after{content:"";height:100%;display:inline-block;vertical-align:middle}.m-slider-vertical .m-slider .u-slider[data-v-59a4e903]{max-width:100%;display:inline-block;vertical-align:middle;font-size:18px;line-height:28px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.m-slider-vertical .m-slider .u-slider[data-v-59a4e903]:hover{color:#1677ff}.m-tooltip[data-v-4f8baea0]{position:relative;display:inline-block}.m-tooltip .m-tooltip-content[data-v-4f8baea0]{position:absolute;z-index:999;width:max-content;padding-bottom:12px;pointer-events:none;opacity:0;transform-origin:50% 75%;transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8);transition:transform .25s,opacity .25s}.m-tooltip .m-tooltip-content .u-tooltip[data-v-4f8baea0]{min-width:32px;min-height:32px;padding:6px 8px;font-size:var(--tooltip-font-size);color:var(--tooltip-color);line-height:1.57142857;text-align:start;text-decoration:none;word-wrap:break-word;background-color:var(--tooltip-background-color);border-radius:6px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-tooltip .m-tooltip-content .m-tooltip-arrow[data-v-4f8baea0]{position:absolute;z-index:9;left:50%;bottom:12px;transform:translate(-50%) translateY(100%) rotate(180deg);display:block;border-radius:0 0 2px;pointer-events:none;width:32px;height:32px;overflow:hidden}.m-tooltip .m-tooltip-content .m-tooltip-arrow[data-v-4f8baea0]:before{position:absolute;bottom:0;inset-inline-start:0;width:32px;height:8px;background:var(--tooltip-background-color);clip-path:path("M 6.343145750507619 8 A 4 4 0 0 0 9.17157287525381 6.82842712474619 L 14.585786437626904 1.414213562373095 A 2 2 0 0 1 17.414213562373096 1.414213562373095 L 22.82842712474619 6.82842712474619 A 4 4 0 0 0 25.65685424949238 8 Z");content:""}.m-tooltip .m-tooltip-content .m-tooltip-arrow[data-v-4f8baea0]:after{position:absolute;width:11.3137085px;height:11.3137085px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px #0000001a;z-index:0;background:transparent;content:""}.m-tooltip .show-tip[data-v-4f8baea0]{pointer-events:auto;opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}.colors[data-v-eafc4117]{color:#09f;min-width:4vw;flex-shrink:0;text-align:right;margin-right:1vw}.Menu[data-v-eafc4117]{display:flex;flex-direction:column;justify-content:space-around}.Menu>div[data-v-eafc4117]{display:flex;align-items:center}.btn[data-v-eafc4117]{display:flex;flex-direction:row;flex-wrap:wrap}.btn div[data-v-eafc4117]{margin:5px 5px 5px 0}.reset[data-v-eafc4117]{justify-content:flex-end}.cursor-move[data-v-2bd66dc1]{cursor:move}.main[data-v-2bd66dc1]{background:#fff;border-radius:0 0 3px 3px;position:relative}.modal-close-bar[data-v-2bd66dc1]{position:absolute;top:13px;right:10px;cursor:pointer;z-index:1;color:#fff;height:20px;width:20px;background:transparent;transition:all .3s;border-radius:3px;display:flex;align-items:center;justify-content:center}.modal-close-bar[data-v-2bd66dc1]:hover{background:rgba(0,0,0,.1)}header[data-v-2bd66dc1]{line-height:45px;color:#fff;font-weight:600;background-image:linear-gradient(90deg,#217dd9,#4db5ff);font-size:18px;padding-left:10px}.content[data-v-2bd66dc1]{padding:10px}footer[data-v-2bd66dc1]{width:95%;margin:0 auto;display:flex;align-items:center;justify-content:flex-end}.customModal{width:auto!important;padding:0!important}.n-base-close{top:-7px!important;right:-10px!important;color:#fff}.n-base-close :hover{color:#fff!important}.n-dialog__content{margin:0!important}