.keyboard-base[data-v-ab9a3afc]{border-radius:1.5rem;border-bottom-width:12px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-image:linear-gradient(to top right,var(--tw-gradient-stops));--tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fff var(--tw-gradient-to-position);padding:1.5rem;--tw-shadow: 0 40px 80px -15px rgba(0,0,0,.2);--tw-shadow-colored: 0 40px 80px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);perspective:1200px;transform-style:preserve-3d;will-change:transform}.bottom-button[data-v-ab9a3afc]{height:3rem;width:4rem;border-radius:.5rem;border-bottom-width:4px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position) }.space-bar[data-v-ab9a3afc]{height:3rem;flex:1 1 0%;border-radius:.5rem;border-bottom-width:4px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position) }