button[data-v-45f59fd5]{max-width:200px}#container[data-v-45f59fd5]{position:fixed;inset:0;z-index:1000;background:#7f7f7f56}#area[data-v-45f59fd5]{background:#00000056;position:absolute}#area.vertical[data-v-45f59fd5]{transform:rotate(90deg);transform-origin:center center}#area .grid[data-v-45f59fd5]{width:10em;height:10em;position:absolute;bottom:0;left:0;border:1px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#area .grid p[data-v-45f59fd5]{font-size:4em;color:#fff}.touch_button[data-v-45f59fd5]{position:absolute;top:2em;right:2em;width:20em;height:6em;background-color:#fffa;border-radius:20em;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000}.touch_button p[data-v-45f59fd5]{font-size:3em}.touch_button.start[data-v-45f59fd5]{right:24em}.area_combo[data-v-45f59fd5]{position:absolute;left:0;right:0;top:0}.area_combo p[data-v-45f59fd5]{font-size:6em;text-align:center;font-weight:900;color:#fff}.area_note_touch[data-v-45f59fd5]{position:absolute;left:0;right:0;top:60em}.area_note_touch p[data-v-45f59fd5]{font-size:6em;text-align:center;font-weight:900;color:#fff;animation:note_touch_fade-45f59fd5 .7s linear 1 both}@keyframes note_touch_fade-45f59fd5{10%{transform:scale(1.15)}to{transform:scale(.75);opacity:0}}.touch_area[data-v-45f59fd5]{position:absolute;inset:0}.chart[data-v-45f59fd5]{width:305px;background-color:#d4d4d4;position:relative}.chart .beat[data-v-45f59fd5]{position:absolute;width:100%;height:1px;background-color:#7fffd4}.chart .note[data-v-45f59fd5]{position:absolute;height:6px;background-color:#1d86ef;transform:translateY(3px)}.chart .note.wipe[data-v-45f59fd5]{background-color:#e8ef1d}.chart .note.slide[data-v-45f59fd5]{background-color:#1f8d00}.chart .note.slide_child[data-v-45f59fd5]{background-color:#1def71}