body{font-family:Arial,sans-serif;margin:0;background-color:#f0f0f0;padding:40px 0;box-sizing:border-box}.video-wrapper{width:100%;margin:0 auto}.video-container{position:relative;display:block;width:100%;padding-bottom:56.25%;height:0}#video-iframe{display:block}.draggable{position:absolute;width:auto;height:auto;padding:14px 24px;background-color:#8f1616bf;border:2px solid #000;border-radius:4px;cursor:move;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;text-transform:uppercase}.position-controls{margin-top:20px}.position-controls label,.position-controls input{margin:5px}.position-controls input{max-width:100px}.left-right{text-align:center}.radio-buttons{margin-top:20px;max-width:200px;margin-inline:auto}fieldset{margin:20px 0}legend{text-align:center}label{margin-right:10px}.circle-buttons{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin:20px auto}.circle-btn{position:absolute;width:50px;height:50px;border-radius:50%;background-color:#257180;color:#fff;border:1px solid #205762;text-align:center;line-height:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.circle-btn:hover{background-color:#cb6040}.circle-btn[data-position=top-left]{top:0;left:0}.circle-btn[data-position=top-center]{top:0;left:50%;transform:translate(-50%)}.circle-btn[data-position=top-right]{top:0;right:0}.circle-btn[data-position=left-center]{left:0;top:50%;transform:translateY(-50%)}.circle-btn[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.circle-btn[data-position=right-center]{right:0;top:50%;transform:translateY(-50%)}.circle-btn[data-position=bottom-left]{bottom:0;left:0}.circle-btn[data-position=bottom-center]{bottom:0;left:50%;transform:translate(-50%)}.circle-btn[data-position=bottom-right]{bottom:0;right:0}.bottom-position,.top-position{display:flex;justify-content:center;align-items:center}.main-wrapper{width:100%;max-width:1400px;margin-inline:auto;display:flex;align-items:stretch;justify-content:space-between}.video-col{flex-basis:65%;padding-inline:30px}.controls-col{flex-basis:35%;padding-inline:30px;display:flex;align-items:center}.return-wrapper{background:#ebd88fbf;min-height:200px;width:100%;max-width:1280px;margin-inline:auto;margin-top:40px;border:1px solid #ccc;padding:30px;box-sizing:border-box}.return-wrapper .values{font-family:Courier New,Courier,monospace;font-weight:600}.return-wrapper .values div{padding-left:20px}.hidden{display:none}