.map-container[data-v-d3b6df13]{height:auto;max-width:100%;position:relative;width:100%}.tooltip[data-v-d3b6df13]{background-color:#d85701;border-radius:4px;color:#fff;font-size:14px;opacity:0;position:absolute;transform:translate(-20px);transition:opacity .7s ease,transform .3s ease;z-index:1}.tooltip.right[data-v-d3b6df13]{transform:translate(20px)}.tooltip.active[data-v-d3b6df13]{opacity:1;transform:translate(0)}.tooltip-line[data-v-d3b6df13]{animation:none;overflow:visible;pointer-events:none;position:absolute}.line-vertical[data-v-d3b6df13]{animation:drawVertical-d3b6df13 .3s ease forwards}.line-horizontal[data-v-d3b6df13]{animation:drawHorizontal-d3b6df13 .3s ease .3s forwards;opacity:0}@keyframes drawVertical-d3b6df13{0%{stroke-dasharray:0 30}to{stroke-dasharray:30 0}}@keyframes drawHorizontal-d3b6df13{0%{stroke-dasharray:0 50;opacity:0}to{stroke-dasharray:50 0;opacity:1}}.indonesia-map[data-v-d3b6df13]{height:auto;position:relative;width:100%}.indonesia-map path[data-v-d3b6df13]{stroke:#aaa;stroke-width:.1;cursor:pointer;opacity:.5;transition:fill .15s}.indonesia-map path[data-v-d3b6df13]:hover{opacity:1}html.dark .indonesia-map path[data-v-d3b6df13]{stroke:#222}.land[data-v-d3b6df13]{fill-opacity:.2;stroke:#fff;stroke-opacity:1;stroke-width:.5;transition:opacity .07s ease-in-out}.land.land-disabled[data-v-d3b6df13]{opacity:.2}.land.hovered[data-v-d3b6df13],.land[data-v-d3b6df13]:hover{fill-opacity:1}@media screen and (max-width:768px){html .outlined-line{filter:drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white)}html.dark .outlined-line{filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(1px -1px 0 black) drop-shadow(-1px -1px 0 black)}}.transition-w{overflow-x:hidden;transition:all 1s ease-in-out!important;width:1px!important}.transition-w.active{width:200px!important}@keyframes scrollBackground{0%{background-position:center 0}to{background-position:center 100%}}@keyframes scrollBackgroundReverse{0%{background-position:center 100%}to{background-position:center 0}}.bg-scroll{animation:scrollBackground 50s linear infinite;background:linear-gradient(125deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 30%,transparent 60%);background-repeat:repeat;background-size:100% auto;height:100%}.bg-scroll .notch{background:#424242;border-radius:0 0 8px 8px;height:20px;left:50%;position:absolute;top:0;transform:translate(-50%);width:130px;z-index:2}.warloc-perspective{border-radius:50px;box-shadow:10px 10px 10px #000,inset 15px 5px 10px #ffffff1a,inset 5px -5px 10px #000;height:500px;position:relative;transform:rotateY(40deg) rotateX(-25deg);transform-style:preserve-3d;width:255px}.warloc-perspective .phone-frame{background:linear-gradient(45deg,#1a1a1a,#4a4a4a);border-radius:40px;box-shadow:-10px 10px 20px #0000004d,inset -5px 5px 10px #ffffff1a,inset 5px -5px 10px #0000004d;height:100%;position:absolute;width:100%}.warloc-perspective .screen{animation:scrollBackgroundReverse 40s linear infinite;background-color:#000;background-repeat:repeat;background-size:100% auto;border-radius:35px;height:96%;left:2%;overflow:hidden;position:absolute;top:2%;width:96%}.warloc-perspective .screen:after{background:linear-gradient(45deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.warloc-perspective .notch{background:#424242;border-radius:0 0 15px 15px;height:10px;left:50%;position:absolute;top:0;transform:translate(-50%);width:130px;z-index:2}.warloc-perspective .reflection{background:linear-gradient(125deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 30%,transparent 60%);border-radius:40px;height:100%;left:0;position:absolute;top:0;width:100%}.warloc-loading-a .loading{background:transparent;height:1em;margin:0 auto;position:relative;width:1em}.warloc-loading-a .loading:after{animation:rotate .9s steps(8) infinite;border-radius:50%;bottom:0;box-shadow:10px 0 0 2px #aaa,7px 7px 0 2px #999,0 10px 0 2px #999,-7px 7px 0 2px #999,-10px 0 0 2px #999,-7px -7px 0 2px #999,0 -10px 0 2px #555,7px -7px 0 2px #333;content:"";display:block;height:1px;left:0;margin:auto;position:absolute;right:0;top:0;width:1px}.warloc-loading-b svg{animation:rotate 2s linear infinite;transform-origin:center;width:2.3em}.warloc-loading-b circle{fill:none;stroke:#acabab;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}