@media only screen and (max-width:700px){.backplayer{flex-direction:column;width:94%;margin-left:3%}#mcontainer{width:100%!important;max-height:65vh}#sidebrbgrm{width:calc(100% - 20px)!important}.fnldownbtns{position:relative!important}.fnldownbtns span,.fnldownbtns label{padding:10px 0}.fnldownbtns{width:calc(100% - 3px)}}#sidebrbgrm{width:30%;background:#dfdfdf;position:relative;padding:10px}#mcontainer{max-height:75vh;width:70%;position:relative;display:flex;justify-content:center}#mcontainer canvas{max-width:100%;max-height:100%}.cnvswrpr{position:relative;line-height:0;display:flex;justify-content:center}.trnsprnt{background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0px!important}.backplayer{width:90%;margin-left:5%;margin-top:22px;margin-bottom:22px;display:flex;border:1px solid #dfdfdf;border-radius:2px;min-height:400px}.fnldownbtns{position:absolute;bottom:0;width:calc(100% - 22px);padding:11px;margin-left:-10px}.fnldownbtns label{margin-top:13px;border:1px solid var(--pcolor);color:var(--pcolor)}.fnldownbtns span,.fnldownbtns label{width:100%;border-radius:2px;padding:8px 0;opacity:.9;font-size:15px;cursor:pointer;display:inline-block;user-select:none;text-align:center}.fnldownbtns span{background:var(--pcolor);color:white}.xcolorbar>.xcol.active{border:3px solid var(--pcolor);border-radius:5px}.xcolorbar>.xcol{width:24px;height:24px;display:inline-flex;border:1px solid rgb(202,202,202);border-radius:2px;cursor:pointer;justify-content:center;align-items:center;box-sizing:border-box}.xtitlx{font-size:15px;color:#414141}.xcolorbar{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0px;margin-left:8px}.xcolorbar label{position:relative}.xcolorbar input{width:1px;height:1px;opacity:0;position:absolute}.xcolorbar svg{cursor:pointer}