.sc--container{position:relative;margin:0 auto;width:240px;height:80px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1}.sc--container:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%}.sc--container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.sc--container img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#js-debug-cursor{position:absolute;top:0;left:0;background-color:yellow;width:50px;height:50px;z-index:99;will-change:transform;-webkit-transition-duration:300ms;transition-duration:300ms}.sc__wrapper{display:block;width:100%;height:80px;max-width:240px;margin:0 auto;border:5px solid rgba(255,255,255,0.5)}.sc__container{position:relative;overflow:hidden;max-height:80px;max-width:240px}.sc__inner{position:absolute;top:0;left:0;width:100%;height:100%}.sc__container>img{position:relative;top:0;left:0;width:100%;height:auto}.sc__container canvas{position:absolute;top:0;left:0;width:100%;height:auto}.sc__infos{text-align:center;height:40px;line-height:40px;margin-top:5px;font-weight:bold;font-size:16px}.scratch-text{color:#CE0D0D;font-size:42px;font-weight:800;text-align:center;position:absolute;top:0;left:0;height:100%;width:100%;background-color:white}