html{background-blend-mode:lighten;background-image:url(../img/BGTextureLite.5bc396f2.jpg);background-size:cover}#main-app-mockup{background:transparent!important;left:0;right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;background:#fff!important}.slide-left-enter-active,.slide-left-leave-active{transition:all .5s ease}.slide-left-enter,.slide-left-leave-to{opacity:.5;position:absolute}.slide-left-leave-to{transform:translateX(-100%);z-index:99!important;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.slide-right-enter-active,.slide-right-leave-active{transition:all .5s ease}.slide-right-enter{transform:translateX(-100%);z-index:99!important;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.slide-right-enter,.slide-right-leave-to{opacity:.5;position:absolute}.slide-bottom-enter-active,.slide-bottom-leave-active{transition:all .5s ease}.slide-bottom-enter{transform:translateY(-100%);position:absolute;z-index:99!important;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.slide-bottom-leave-to{position:absolute}.slide-top-enter-active,.slide-top-leave-active{transition:all .5s ease}.slide-top-enter{position:absolute}.slide-top-leave-to{transform:translateY(-100%);position:absolute;z-index:99!important;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}@font-face{font-family:Sassoon;src:local("Sassoon"),url(../fonts/SassoonPrimaryStd-Bold.462d1987.otf) format("opentype")}@font-face{font-family:MouseMemoirs;src:local("MouseMemoirs"),url(../fonts/MouseMemoirs.a8ce62e7.ttf) format("truetype")}@font-face{font-family:WarungKopi;src:local("WarungKopi"),url(../fonts/WarungKopi.156168cb.otf) format("opentype")}.v-application,.v-application [class*=text-]{font-family:Sassoon,sans-serif,MouseMemoirs,WarungKopi!important}.list-card-x .v-input__append-inner{margin-top:auto!important;margin-bottom:auto!important}.mockup,.mockup [class*=text-]{font-family:roboto,sans-serif!important}.v-application,.v-application--wrap,body,html{height:100%!important;min-height:100%!important;width:100%!important}body,html{overflow:hidden!important}.screen-wrap{height:100%}.hmc-app,.screen-wrap{left:0;right:0;top:0;bottom:0}.hmc-app{background:transparent!important;overflow-y:auto;overflow-x:hidden}:root{touch-action:pan-x pan-y;height:100%}.mouseMemoirs,.mouseMemoirs [class*=text-]{font-family:MouseMemoirs,sans-serif!important}.warungKopi,.warungKopi [class*=text-]{font-family:WarungKopi,sans-serif!important}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;background-color:rgba(0,0,0,.8);opacity:0;background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);transition:all .3s ease-out}.introjs-fixParent{z-index:auto!important;opacity:1!important;transform:none!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0;filter:alpha(opacity=0)}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{z-index:9999998;background-color:#fff;background-color:hsla(0,0%,100%,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4)}.introjs-helperLayer,.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{visibility:hidden;z-index:100000000;background-color:transparent}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{display:none;box-sizing:content-box;position:absolute;visibility:visible;top:-16px;left:-16px;z-index:9999999999!important;padding:2px;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:700;color:#fff;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:linear-gradient(180deg,#ff3019 0,#cf0404);width:20px;height:20px;line-height:20px;border:3px solid #fff;border-radius:50%;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top,.introjs-arrow.top-right{top:-10px;border-bottom-color:#fff}.introjs-arrow.top-right{right:10px}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom,.introjs-arrow.bottom-right{bottom:-10px;border-top-color:#fff}.introjs-arrow.bottom-right{right:10px}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:#fff;min-width:300px;max-width:100%!important;border-radius:10px;box-shadow:0 1px 10px rgba(0,0,0,.4);transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font-family:Sassoon,sans-serif!important;font-size:larger;color:#333;white-space:nowrap;cursor:pointer;outline:none;background-color:#07b056;background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;border-radius:.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0 1px 1px #e3e3e3}.introjs-button:active,.introjs-button:focus{background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{box-sizing:content-box;margin-right:5px;color:#7a7a7a;display:none}.introjs-prevbutton{border-radius:.2em 0 0 .2em;border-right:none;display:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;border-radius:.2em}.introjs-nextbutton{border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{border-radius:.2em}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none;display:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover{background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{box-sizing:content-box;float:left;width:0;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:transparent;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,.57)}.introjs-hint-pulse{box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,.27);border-radius:30px;background-color:hsla(0,0%,53.3%,.24);z-index:10;position:absolute;transition:all .2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{animation:none}.introjs-hint-dot{box-sizing:content-box;border:10px solid hsla(0,0%,57.3%,.36);background:transparent;border-radius:60px;height:50px;width:50px;animation:introjspulse 3s ease-out;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}.introjs-tooltiptext{font-family:Sassoon,sans-serif!important;font-size:larger;display:flex;justify-content:center;align-items:center;text-align:center}.introjs-tooltiptext img{height:80px;margin-right:5px}@media only screen and (max-width:400px){.introjs-tooltip{min-width:70vw}}@keyframes introjspulse{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:.1}50%{transform:scale(.1);opacity:.3}75%{transform:scale(.5);opacity:.5}to{transform:scale(1);opacity:0}}