@xysfe/actui/lib/Toast/style.css

A fantastic mobile ui lib implement by Vue

.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}.act-loading[data-v-027695fc]{overflow:hidden}[class*=loading-cont-][data-v-027695fc]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir1[data-v-027695fc]{border-left-color:currentcolor;border-right-color:currentcolor;border-radius:50%;-webkit-animation:1s loading-cir1-data-v-027695fc linear infinite;animation:1s loading-cir1-data-v-027695fc linear infinite}@-webkit-keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-1e0cc706]{overflow:hidden}[class*=loading-cont-][data-v-1e0cc706]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir2[data-v-1e0cc706]{position:relative;border-radius:100%;-webkit-animation:1s loading-cir2-data-v-1e0cc706 linear infinite;animation:1s loading-cir2-data-v-1e0cc706 linear infinite}@-webkit-keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-4106ba04]{overflow:hidden}.act-loading .act-loading-wrap[data-v-4106ba04]{border-radius:3px;-webkit-transition:color .3s,border .3s;transition:color .3s,border .3s}[class*=loading-cont-][data-v-4106ba04]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir3[data-v-4106ba04]{position:relative;border-radius:50%;-webkit-animation:1s loading-cir3-data-v-4106ba04 linear infinite;animation:1s loading-cir3-data-v-4106ba04 linear infinite}.loading-cont-cir3 .cir3-mask[data-v-4106ba04]{display:block;position:absolute;border-radius:50%;opacity:.5}@-webkit-keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-6400ad02]{overflow:hidden}[class*=loading-cont-][data-v-6400ad02]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir4[data-v-6400ad02],.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out;animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out}.loading-cont-cir4[data-v-6400ad02]{color:currentcolor;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;top:-1em;margin:0 auto}.loading-cont-cir4[data-v-6400ad02]:before{right:100%;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-cont-cir4[data-v-6400ad02]:after{left:100%}.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{content:"";display:block;position:absolute;top:0;width:inherit;height:inherit}@-webkit-keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}@keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}.act-loading[data-v-86faa000]{overflow:hidden}[class*=loading-cont-][data-v-86faa000]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir5[data-v-86faa000]{position:relative;border-radius:50%;box-shadow:0 1em 0 -.2em currentcolor;-webkit-animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;-webkit-animation-delay:.16s;animation-delay:.16s;top:-1em;margin:0 auto}.loading-cont-cir5[data-v-86faa000]:after,.loading-cont-cir5[data-v-86faa000]:before{content:"";position:absolute;width:inherit;height:inherit;border-radius:inherit;box-shadow:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-cir5[data-v-86faa000]:before{left:-.8em;-webkit-animation-delay:.32s;animation-delay:.32s}.loading-cont-cir5[data-v-86faa000]:after{right:-.8em;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}@keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}.act-xysloading-path[data-v-073ac538]{stroke-dasharray:134.8 5000;stroke-dashoffset:134.8;-webkit-animation:dash-logo-data-v-073ac538 3.6s linear infinite;animation:dash-logo-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}@keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}.act-xysloading-path-oval-middle[data-v-073ac538]{stroke-dasharray:0 44.1;stroke-dashoffset:0;-webkit-animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite;animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}.act-xysloading-circle[data-v-073ac538]{stroke-width:7;fill:none;-webkit-animation:dash-circle-data-v-073ac538 3.6s linear infinite;animation:dash-circle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}@keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}.act-xysloading-path-oval-end[data-v-073ac538]{stroke-dasharray:0 54.4;stroke-dashoffset:0;-webkit-animation:dash-oval-end-data-v-073ac538 3.6s linear infinite;animation:dash-oval-end-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}.act-loading[data-v-4884e2ea]{overflow:hidden}[class*=loading-cont-][data-v-4884e2ea]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-line[data-v-4884e2ea]{position:relative;background:currentcolor;-webkit-animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;-webkit-animation-delay:.4s;animation-delay:.4s;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0)}.loading-cont-line[data-v-4884e2ea]:after,.loading-cont-line[data-v-4884e2ea]:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-line[data-v-4884e2ea]:before{right:.4em;-webkit-animation-delay:.2s;animation-delay:.2s}.loading-cont-line[data-v-4884e2ea]:after{left:.4em;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}@keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}.act-toast[data-v-503eaf05]{position:relative;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.act-toast .icon-left[data-v-503eaf05],.act-toast[data-v-503eaf05]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-toast .icon-left .icon-cont[data-v-503eaf05]{margin-bottom:0;margin-right:.6em}.act-toast .icon-cont[data-v-503eaf05]{margin-bottom:.6em}.act-toast-content[data-v-503eaf05]{max-width:70%;padding:1.2em 1.4em;line-height:1.8em;word-break:break-all;border-radius:4px;z-index:1000;color:#fff;-webkit-animation:move-data-v-503eaf05 .3s forwards;animation:move-data-v-503eaf05 .3s forwards}.act-toast-content.icon[data-v-503eaf05]{padding-top:.8em;padding-bottom:.8em}.act-toast-content .toast-txt[data-v-503eaf05]{font-size:1.6em}.toastMove-enter-active[data-v-503eaf05]{-webkit-animation:move-data-v-503eaf05 .3s;animation:move-data-v-503eaf05 .3s}.toastMove-leave-active[data-v-503eaf05]{animation:move-data-v-503eaf05 .3s reverse}@-webkit-keyframes move-data-v-503eaf05{0%{opacity:0;-webkit-transform:translate3d(0,-.6em,0);transform:translate3d(0,-.6em,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes move-data-v-503eaf05{0%{opacity:0;-webkit-transform:translate3d(0,-.6em,0);transform:translate3d(0,-.6em,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}