html,body,canvas{touch-action:none;overscroll-behavior:none}html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tw-touch{--tw-short:min(100vw, 100vh);--tw-action-size:clamp(120px, calc(var(--tw-short) * .24), 240px);--tw-special-size:max(84px, calc(var(--tw-action-size) * .6));--tw-gap:max(32px, calc(var(--tw-action-size) * .28));--tw-stick-r:clamp(60px, calc(var(--tw-short) * .15), 120px);--tw-pad:clamp(12px, calc(var(--tw-short) * .045), 36px);--tw-up:.7071;--tw-left:.7071;--tw-reach:calc(var(--tw-action-size) / 2 + var(--tw-gap) + var(--tw-special-size) / 2);box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;z-index:10;display:none;position:fixed;inset:0}@supports (height:100dvh){.tw-touch{--tw-short:min(100dvw, 100dvh)}}@media (orientation:portrait){.tw-touch{--tw-up:.94;--tw-left:.34}}.tw-touch.visible{display:block}.tw-ring{left:calc(var(--tw-pad) * 1.5 + env(safe-area-inset-left) + var(--tw-stick-r));top:calc(100% - var(--tw-pad) * 1.5 - env(safe-area-inset-bottom) - var(--tw-stick-r));box-sizing:border-box;width:calc(var(--tw-stick-r) * 2);height:calc(var(--tw-stick-r) * 2);background:color-mix(in srgb, var(--tw-ring) 22%, transparent);border:4px solid color-mix(in srgb, var(--tw-ring) 55%, transparent);opacity:.6;border-radius:50%;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.tw-ring.on{opacity:1}.tw-knob{background:color-mix(in srgb, var(--tw-ring) 85%, transparent);border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000002e}.tw-btn{box-sizing:border-box;border-radius:50%;place-items:center;transition:transform .12s cubic-bezier(.3,1.8,.5,1);display:grid;position:absolute;box-shadow:0 6px 16px #0003}.tw-btn svg{width:62%;height:62%}.tw-btn.down{transition-duration:50ms;transform:scale(1.12,.84)}.tw-action{width:var(--tw-action-size);height:var(--tw-action-size);right:calc(var(--tw-pad) + env(safe-area-inset-right));bottom:calc(var(--tw-pad) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--tw-action) 75%, transparent);border:5px solid #ffffffb3}.tw-special{width:var(--tw-special-size);height:var(--tw-special-size);right:calc(var(--tw-pad) + env(safe-area-inset-right) + var(--tw-action-size) / 2 + var(--tw-reach) * var(--tw-left) - var(--tw-special-size) / 2);bottom:calc(var(--tw-pad) + env(safe-area-inset-bottom) + var(--tw-action-size) / 2 + var(--tw-reach) * var(--tw-up) - var(--tw-special-size) / 2);background:color-mix(in srgb, var(--tw-special) 75%, transparent);border:4px solid #ffffffb3;display:none}.tw-touch.riding .tw-special{display:grid}