@mobiage/homescreen/dist/mobiage-homescreen.min.css

cp-mbg-homescreen

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}[aria-disabled]{cursor:default}.mh-container{width:100%;height:auto;padding:15px}.mh-container .mh-panel-container{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25)}.mh-container .mh-content-container{margin-top:50px;height:300px;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 3px 10px 0 rgba(0,0,0,.2)}.mh-container .mh-content-container:first-child{margin-top:0}.mh-container .mbg-h-card-container{width:100%;height:auto;text-align:center;padding-bottom:50px;padding-top:50px}.mh-container .mbg-h-tabs{background-color:#fff;height:auto;width:100%;border-radius:25px;display:flex;flex-wrap:wrap;justify-content:center;padding-left:5px;padding-right:5px;margin-bottom:15px;box-shadow:0 2px 20px rgba(0,0,0,.05);user-select:none}.mh-container .mbg-h-tabs .mbg-h-t-tab{color:#a5a5a5;width:auto;height:35px;line-height:35px;background-color:#fff;padding:0 15px;margin:7.5px 5px;border-radius:17.5px;font-weight:500;font-size:14px;transition:color .1s linear,background-color .1s linear;cursor:pointer;white-space:nowrap}.mh-container .mbg-h-tabs .mbg-h-t-tab.active,.mh-container .mbg-h-tabs .mbg-h-t-tab:active,.mh-container .mbg-h-tabs .mbg-h-t-tab:hover{color:#ff1e5f;background-color:#f8f8f8}.mb-h-charts-container{height:400px;width:100%;background-color:#fff;border-radius:15px;padding:0;margin:0;box-shadow:0 2px 20px rgba(0,0,0,.05);overflow:hidden;user-select:none;position:relative}.mb-h-charts-container .empty{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;color:#666;align-items:center;justify-content:center;flex-direction:column}.mb-h-charts-container .empty svg{width:100px;fill:#666;margin-bottom:18px}@keyframes mbg-home-loading{0%{background-position:100% 100%}to{background-position:-100% -100%}}.mbg-h-c-typeone{width:45%;min-width:375px;height:100px;margin-top:20px;margin-right:10px;margin-left:10px;display:inline-block}@media screen and (max-width:768px){.mbg-h-c-typeone{width:80%}}.mbg-h-c-typeone .mbg-h-c-tone-inside-container{position:relative;width:100%;height:100%;border-radius:5px;overflow:hidden;display:flex;flex-direction:row;background-color:#fff;border-left:8px solid #ccc;will-change:transform,box-shadow;transition:transform .5s ease,box-shadow .5s ease;transform:translateY(0);box-shadow:0 1px 5px 0 rgba(0,0,0,.05)}.mbg-h-c-typeone .mbg-h-c-tone-inside-container:hover{transform:translateY(-3px);box-shadow:0 4px 15px 2.5px rgba(0,0,0,.1)}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-icon-container{width:15%;min-width:55px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-icon-container .mbg-h-c-tone-icon{width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;font-size:22px;background-color:red;color:#fff}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-text{height:100%;width:30%;min-width:120px;color:#7b7b7b;font-weight:700;font-size:16px;text-align:left;display:flex;justify-content:center;flex-direction:column}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-loading{margin-right:10px;height:25px;width:150px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:mbg-home-loading;background:rgba(0,0,0,.05);background:linear-gradient(to bottom right,rgba(0,0,0,.05) 8%,rgba(0,0,0,.2) 18%,rgba(0,0,0,.05) 33%);background-size:300% 300%}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-value{width:55%;height:100%;display:flex;flex-direction:row;justify-content:flex-end;padding-right:20px;align-items:center;color:red;font-weight:700;font-size:24px}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-value .mbg-h-c-tone-v-hide-value{font-size:32px;letter-spacing:10px}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show{position:absolute;right:15px;top:10px;cursor:pointer;font-size:12px;font-weight:400;color:#ccc;user-select:none}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show .mbg-h-c-tone-s-icon{display:inline-block;vertical-align:top;font-size:14px;margin-left:2.5px}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show .mbg-h-c-tone-s-text{opacity:0;transition:opacity .25s linear,transform .5s ease;transform:translateX(3px);display:inline-block;vertical-align:top}.mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show:hover .mbg-h-c-tone-s-text{opacity:1;transform:translateX(0)}.mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker{background-color:#ccc}.mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-icon-container .mbg-h-c-tone-icon{background-color:#fff}.mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-show,.mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-text,.mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-value{color:#fff}