UNPKG

@careevolution/mydatahelps-js

Version:

MyDataHelps client to be used by external applications for integrations inside the MyDataHelps platform

1 lines 2.24 kB
body.no-scroll{overflow:hidden!important;position:fixed!important;height:100%;width:100%;}#mydatahelps-survey-modal{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);}#mydatahelps-survey-modal .mydatahelps-survey{margin:0px auto;z-index:5002;position:relative;max-width:768px;height:calc(100% - 32px);box-sizing:border-box;margin-top:16px;margin-bottom:16px;border-radius:5px;overflow:hidden;background:#FFF;}#mydatahelps-survey-modal .mydatahelps-survey iframe{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:none;opacity:0;}#mydatahelps-survey-modal.loaded .mydatahelps-survey iframe{opacity:1;}@media (max-width:768px){#mydatahelps-survey-modal .mydatahelps-survey{height:100%;margin-top:0;margin-bottom:0;border-radius:0;}}#mydatahelps-survey-modal .mydatahelps-survey .loader{font-size:5px;text-indent:-9999em;width:11em;height:11em;position:absolute;top:calc(50% - 5.5em);left:calc(50% - 5.5em);border-radius:50%;background:#ffffff;background:-moz-linear-gradient(left,#bbb 10%,rgba(255,255,255,0) 42%);background:-webkit-linear-gradient(left,#bbb 10%,rgba(255,255,255,0) 42%);background:-o-linear-gradient(left,#bbb 10%,rgba(255,255,255,0) 42%);background:-ms-linear-gradient(left,#bbb 10%,rgba(255,255,255,0) 42%);background:linear-gradient(to right,#bbb 10%,rgba(255,255,255,0) 42%);-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);z-index:1;}#mydatahelps-survey-modal .mydatahelps-survey .loader:before{width:50%;height:50%;background:#bbb;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:'';}#mydatahelps-survey-modal .mydatahelps-survey .loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}#mydatahelps-survey-modal.loaded .mydatahelps-survey .loader{display:none;}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}