body{margin:0;overflow:hidden}.custom-ui-scanning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-ui-scanning.hidden{display:none}@media (max-aspect-ratio: 1 / 1){.custom-ui-scanning__shot{width:80vw;height:80vw}}@media (min-aspect-ratio: 1 / 1){.custom-ui-scanning__shot{width:50vw;height:50vw}}.custom-ui-scanning__box{position:relative;width:100%;height:100%;opacity:.8;background:linear-gradient(to right,white 10px,transparent 10px) 0 0,linear-gradient(to right,white 10px,transparent 10px) 0 100%,linear-gradient(to left,white 10px,transparent 10px) 100% 0,linear-gradient(to left,white 10px,transparent 10px) 100% 100%,linear-gradient(to bottom,white 10px,transparent 10px) 0 0,linear-gradient(to bottom,white 10px,transparent 10px) 100% 0,linear-gradient(to top,white 10px,transparent 10px) 0 100%,linear-gradient(to top,white 10px,transparent 10px) 100% 100%;background-repeat:no-repeat;background-size:40px 40px}.custom-ui-scanning__line{position:absolute;width:100%;height:10px;background:#fff;animation:customMove 2s linear infinite}.custom-ui-scanning__text{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:4em;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,110%);text-shadow:1px 1px 2px grey,0 0 1px grey,0 0 .2px grey}@media (max-aspect-ratio: 1 / 1){.custom-ui-scanning__text{font-size:3em}}@keyframes customMove{0%,to{top:0%}50%{top:calc(100% - 10px)}}