.touchpad-wrapper[data-v-69afa457]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.touchpad-wrapper .touchpad-container[data-v-69afa457]{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7%;flex-grow:1}.touchpad-wrapper .cta[data-v-69afa457]{position:relative;z-index:1;background-color:hsla(0,0%,100%,.2);color:#fff}.touchpad[data-v-69afa457]{position:relative;width:100%;height:auto;background-color:#dbdbdb;aspect-ratio:1;box-shadow:inset 0 3px 16px 0 rgba(0,0,0,.122)}.touchpad .touch[data-v-69afa457]{position:absolute;z-index:9;border-radius:50%;width:var(--size);height:var(--size);box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.1);pointer-events:none}.touchpad.square-shape .touch[data-v-69afa457]{top:50%;left:50%;transform:translate(calc(var(--x) - 50%),calc(var(--y) - 50%))}.touchpad.circle-shape[data-v-69afa457]{border-radius:50%}.touchpad.circle-shape img[data-v-69afa457]{position:absolute;width:100%;height:100%;pointer-events:none}.touchpad.circle-shape .touch[data-v-69afa457]{top:0;right:0;bottom:0;left:0;margin:auto;transform:rotate(var(--angle)) translateY(var(--offcenter))}.jButtons[data-v-69afa457]{margin-top:3em;display:flex;justify-content:center;gap:1em}.jButtons .button[data-v-69afa457]{border:0;border-radius:50%;width:70px;height:70px;background-color:var(--userColor);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.1);transition:alñ .1s}.jButtons .button[data-v-69afa457]:active{font-size:16px;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.2)}