*{box-sizing:border-box;padding:0;margin:0;overflow:hidden}.controller-builder-wrapper{background-color:#3b3b3b;width:100%;height:100%;position:absolute/*!*background-color: #3b3b3b;*!*//*!*width: 100%;*!*//*!*height: 30%;*!*//*!*position: absolute;*!*//*!*position: fixed;*!*//*!* bring your own prefixes *!*/}#builder-header{background:#1c1d1f;opacity:.9;width:100vw;height:5vh;z-index:2;position:absolute;min-height:50px}#builder-footer{background:#1c1d1f;opacity:.9;width:100vw;height:5vh;z-index:2;position:fixed;bottom:0;min-height:40px}#headerSliderDiv{border-style:solid;position:absolute;height:100%;width:100%;left:0}#headerButtonsDiv{background:#1c1d1f;border-style:solid;height:100%;width:100%;position:absolute}#saveButtonModal{height:100%;width:19.5%;right:0;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px;text-align:center;vertical-align:middle}#openButtonModal{height:100%;width:19.5%;left:0;position:absolute;word-wrap:break-word;font-size:14px;text-align:center;white-space:nowrap}#resetButtonModal{height:100%;width:19.5%;right:20%;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px}#loadButtonModal{height:100%;width:19.5%;left:20%;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px}#toggleTypeButtonModal{height:100%;width:19.5%;left:40.25%;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px}.width-slider-container{height:50%;width:69%;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px;text-align:center;color:#fff;top:0;left:20%}#widthOutput{pointer-events:none;height:50%;width:20%;position:absolute;font-size:10px;font-weight:700;color:#fff;opacity:1;top:0;text-align:center;z-index:1;padding:0;left:0}#heightOutput{pointer-events:none;height:50%;width:20%;position:absolute;white-space:normal;font-size:10px;font-weight:700;color:#fff;top:50%;text-align:center;z-index:1;padding:0;right:10%;left:0}#backButton{height:100%;width:10%;position:absolute;top:0;padding:0;left:0}.height-slider-container{height:50%;width:69%;bottom:0;position:absolute;white-space:normal;word-wrap:break-word;font-size:14px;text-align:center;color:#fff;left:20%}#deleteButton{height:100%;width:10%;position:absolute;top:0;padding:0;right:0}.button-80{position:absolute;width:10%;height:20%;left:50%;top:50%;border-color:grey;border-style:dotted}.button-300-300{position:absolute;width:10%;height:30%;left:50%;top:50%;border-color:grey;border-style:dotted}.button-300-150{position:absolute;width:10%;height:20%;left:50%;top:50%;border-color:grey;border-style:dotted}#four_directional_swipe_dpad{position:absolute;width:20%;height:50%;top:50%;left:50%;border-color:grey;border-style:dotted}#eight_directional_swipe_dpad{position:absolute;width:10%;height:20%;top:50%;left:50%;border-color:grey;border-style:dotted}#four_directional_fixed_dpad{position:absolute;width:20%;height:80%;top:50%;left:50%;border-color:grey;border-style:dotted}#eight_directional_fixed_dpad{position:absolute;width:20%;height:80%;top:20%;left:50%;border-color:grey;border-style:dotted}.joystick{position:absolute;width:20%;height:50%;top:20%;left:20%;border-color:grey;border-style:dotted}