.button[data-v-dba789d2]{--translation-modifier:1;--start-translation:calc(.25em*var(--translation-modifier));--translation:var(--start-translation);--border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--border-radius);color:var(--color-button-text);cursor:pointer;display:block;font-size:1.25rem;height:3rem;padding:0 1px;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.click-extender[data-v-dba789d2]{border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:calc(var(--start-translation)*-2);width:100%}.button.subdued[data-v-dba789d2]{--color-button-outer-background:var(--color-background-secondary)}.round[data-v-dba789d2]{--border-radius:50%}.round .button-inner[data-v-dba789d2]{aspect-ratio:1}.button[data-v-dba789d2]:hover{--translation:calc(.5em*var(--translation-modifier))}.button.fake-pressed[data-v-dba789d2],.button[data-v-dba789d2]:active{--translation:0}.button[data-v-dba789d2]:focus{outline:none}.button-inner[data-v-dba789d2],.button[data-v-dba789d2]:before{border-radius:inherit}.button-inner[data-v-dba789d2]{align-items:center;background:var(--color-button-inner-background);border:1px solid var(--color-button-outer-background);border-radius:inherit;display:flex;font-weight:600;gap:.5em;height:100%;justify-content:center;margin-inline:-1px;padding:.5em;transition:translate .1s ease-out;translate:0 calc(var(--translation)*-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% + 2px);will-change:transform}.button.big[data-v-dba789d2]{font-size:1.5rem;height:auto}.button.emphasized[data-v-dba789d2]{--translation-modifier:2.5}.button.animate-in .button-inner[data-v-dba789d2]{animation:animateIn-dba789d2 1s var(--ease-out-back) both}.button[data-v-dba789d2]:before{background:var(--color-button-outer-background);content:"";inset:0;position:absolute}.button:focus-visible .button-inner[data-v-dba789d2]{outline:3px solid var(--color-interactive)}@keyframes animateIn-dba789d2{0%{transform:translateY(var(--translation))}}