.stage .konvajs-content{margin:auto;border:1px solid #ccc;background-color:#fff}.menu[data-v-3e63d01c]{display:grid;grid-template-columns:auto auto auto auto}.menu .btn-icon[data-v-3e63d01c]{border:1px solid #ccc;background-color:#fff}.menu .btn-icon img[data-v-3e63d01c]{height:50px}.no-animation__card[data-v-8de6d5ab]{font-weight:500;font-size:2rem;line-height:1.5;display:block;color:var(--4a76faf6)}.flip-clock[data-v-8de6d5ab]{text-align:center;perspective:500px;margin:0 auto}.flip-clock *[data-v-8de6d5ab],.flip-clock *[data-v-8de6d5ab]:before,.flip-clock *[data-v-8de6d5ab]:after{box-sizing:border-box}.flip-clock__piece[data-v-8de6d5ab]{display:inline-block;margin:0 .2vw}@media (min-width: 1000px){.flip-clock__piece[data-v-8de6d5ab]{margin:0 5px}}.flip-clock__slot[data-v-8de6d5ab]{font-size:1rem;line-height:1.5;display:block;color:var(--19ce06d4)}.flip-card[data-v-8de6d5ab]{display:block;position:relative;padding-bottom:.72em;font-size:2.25rem;line-height:.95}@media (min-width: 1000px){.flip-clock__slot[data-v-8de6d5ab]{font-size:1.2rem}.flip-card[data-v-8de6d5ab]{font-size:3rem}}.flip-card__top[data-v-8de6d5ab],.flip-card__bottom[data-v-8de6d5ab],.flip-card__back-bottom[data-v-8de6d5ab],.flip-card__back[data-v-8de6d5ab]:before,.flip-card__back[data-v-8de6d5ab]:after{display:block;color:var(--4a76faf6);background:var(--31ab536c);padding:.25em .15em .4em;border-radius:.15em .15em 0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;width:2.1em;height:.72em}.flip-card__bottom[data-v-8de6d5ab],.flip-card__back-bottom[data-v-8de6d5ab]{color:var(--611405fd);position:absolute;top:50%;left:0;border-top:solid 1px #000;background:var(--1024d4ef);border-radius:0 0 .15em .15em;pointer-events:none;overflow:hidden;z-index:2}.flip-card__back-bottom[data-v-8de6d5ab]{z-index:1}.flip-card__bottom[data-v-8de6d5ab]:after,.flip-card__back-bottom[data-v-8de6d5ab]:after{display:block;margin-top:-.72em}.flip-card__back[data-v-8de6d5ab]:before,.flip-card__bottom[data-v-8de6d5ab]:after,.flip-card__back-bottom[data-v-8de6d5ab]:after{content:attr(data-value)}.flip-card__back[data-v-8de6d5ab]{position:absolute;top:0;height:100%;left:0%;pointer-events:none}.flip-card__back[data-v-8de6d5ab]:before{position:relative;overflow:hidden;z-index:-1}.flip .flip-card__back[data-v-8de6d5ab]:before{z-index:1;animation:flipTop-8de6d5ab .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom}.flip .flip-card__bottom[data-v-8de6d5ab]{transform-origin:center top;animation-fill-mode:both;animation:flipBottom-8de6d5ab .6s cubic-bezier(.15,.45,.28,1)}@keyframes flipTop-8de6d5ab{0%{transform:rotateX(0);z-index:2}0%,99%{opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes flipBottom-8de6d5ab{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:1}to{opacity:1;transform:rotateX(0);z-index:5}}.guitar-head[data-v-1fc02c40]{display:flex;justify-content:center;align-items:center;margin:1.25rem}.head-shape[data-v-1fc02c40]{position:relative;width:100px;height:140px;background-color:#1e1e1e;border-radius:20px}.tuning-key[data-v-1fc02c40]{position:absolute;display:flex;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;color:#1e1e1e;background-color:#dcdcdc;border-radius:50%}.tuning-key[data-v-1fc02c40]:nth-child(1){top:20px;left:10px}.tuning-key[data-v-1fc02c40]:nth-child(2){top:60px;left:10px}.tuning-key[data-v-1fc02c40]:nth-child(3){top:100px;left:10px}.tuning-key[data-v-1fc02c40]:nth-child(4){top:20px;right:10px}.tuning-key[data-v-1fc02c40]:nth-child(5){top:60px;right:10px}.tuning-key[data-v-1fc02c40]:nth-child(6){top:100px;right:10px}*,*:before,*:after{box-sizing:border-box}::selection{background-color:transparent;color:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;border:none}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.tuner-wrapper[data-v-aef92d92]{position:relative;width:100%;height:100vh;color:#dcdcdc;background-color:#0d5b5c;overflow:hidden}.toggle-button[data-v-aef92d92]{padding:.75rem 1.25rem;font-size:1rem;background:#1e1e1e;color:#dcdcdc;border-radius:.75rem;cursor:pointer}.grid-overlay[data-v-aef92d92]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:110vh;overflow:hidden}.grid-overlay.play[data-v-aef92d92]:before{animation-play-state:running}.grid-overlay[data-v-aef92d92]:before{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(#1e1e1e -1px 1px,transparent 1px 100%),repeating-linear-gradient(90deg,#1e1e1e -1px 1px,transparent 1px 100%);background-size:30px 30px;background-position:center center;content:"";opacity:.25;animation:moveDown .5s infinite linear;animation-play-state:paused}.reference-line[data-v-aef92d92]{position:absolute;top:0;left:50%;width:1px;height:100%;background:#e53935;transform:translate(-50%);opacity:.4}.tuner-inner[data-v-aef92d92]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:.5rem}.top-bar[data-v-aef92d92]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%}.note[data-v-aef92d92]{width:150px;height:150px;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;background:#1e1e1e;border-radius:50%;box-shadow:inset 0 0 30px #000;border:1px solid #000000}.detune[data-v-aef92d92]{display:flex;align-items:center;justify-content:space-around;width:100%}.detune-tip[data-v-aef92d92]{position:relative;bottom:1.25rem;height:60px;width:60px;display:flex;justify-content:center;transition:transform .3s linear}.detune-tip.tuned[data-v-aef92d92]:before{background:linear-gradient(45deg,#0d5b5c,#bfffc7)}.detune-tip.untuned[data-v-aef92d92]:before{background:linear-gradient(90deg,#e53935,#e35d5b)}.detune-tip[data-v-aef92d92]:before{position:absolute;bottom:0;right:0;left:0;content:"";height:100%;width:100%;margin:0 auto;background:#1e1e1e;border-radius:50% 50% 2.5px 100%/50% 100% 2.5px 50%;transform:rotate(45deg);opacity:.8;box-shadow:1.25rem 0 1.25rem #1e1e1e}.detune-value[data-v-aef92d92]{z-index:2;padding-top:.25rem;font-weight:700;font-size:1.5rem}