.key-outer[data-v-fb712b06]{padding:calc(var(--kbd-spacing,.25rem) * .75);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.key[data-v-fb712b06]{border-radius:var(--kbd-radius-lg,.5rem);height:100%;padding-block:calc(var(--kbd-spacing,.25rem) * 2);font-size:var(--kbd-text-xl,1.25rem);line-height:var(--tw-leading,var(--kbd-text-xl--line-height,calc(1.75 / 1.25)));color:var(--kbd-color-black,#000);justify-content:center;align-items:center;display:flex;position:relative}[data-v-fb712b06] .fade{color:#a9a9ab!important}[data-v-fb712b06] .small{font-size:var(--kbd-text-xs,.75rem);line-height:var(--tw-leading,var(--kbd-text-xs--line-height,calc(1 / .75)))}.key__disabled[data-v-fb712b06]{pointer-events:none;color:#a9a9ab!important}.key__unpressed[data-v-fb712b06]{background-color:var(--kbd-color-white,#fff)}.key__pressed[data-v-fb712b06]{background-color:#e7eaf1}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-42fa8b09],[data-v-42fa8b09]:before,[data-v-42fa8b09]:after,[data-v-42fa8b09]::backdrop{--tw-font-weight:initial}}}.tooltip[data-v-42fa8b09]{z-index:10;background-color:var(--kbd-color-white,#fff);border-radius:var(--kbd-radius-lg,.5rem);text-align:center;font-size:var(--kbd-text-2xl,1.5rem);line-height:var(--tw-leading,var(--kbd-text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--kbd-font-weight-light,300);font-weight:var(--kbd-font-weight-light,300);color:var(--kbd-color-black,#000);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;--notch:15px;--r:15px;border-radius:var(--r);justify-content:center;align-items:center;display:flex;position:absolute}.tooltip-up[data-v-42fa8b09],.tooltip-down[data-v-42fa8b09]{width:var(--v717b46dc);height:calc(var(--v073a3bdb) + var(--notch))}.tooltip-left[data-v-42fa8b09],.tooltip-right[data-v-42fa8b09]{width:calc(var(--v717b46dc) + var(--notch));height:var(--v073a3bdb)}.tooltip-up[data-v-42fa8b09]{padding-bottom:var(--notch);top:-100%;left:0}.tooltip-down[data-v-42fa8b09]{padding-top:var(--notch);bottom:-100%;left:0}.tooltip-left[data-v-42fa8b09]{padding-right:var(--notch);top:0;left:-100%}.tooltip-right[data-v-42fa8b09]{padding-left:var(--notch);top:0;right:-100%}.tooltip-up[data-v-42fa8b09]{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--notch)),50% 100%,0 calc(100% - var(--notch)))}.tooltip-down[data-v-42fa8b09]{clip-path:polygon(50% 0,100% var(--notch),100% 100%,0 100%,0 var(--notch))}.tooltip-left[data-v-42fa8b09]{clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% 50%,calc(100% - var(--notch)) 100%,0 100%)}.tooltip-right[data-v-42fa8b09]{clip-path:polygon(var(--notch) 0,100% 0,100% 100%,var(--notch) 100%,0 50%)}@property --tw-font-weight{syntax:"*";inherits:false}.hint{--hint-inset-x:.3rem;--hint-inset-y:.1rem;font-size:var(--kbd-text-xs,.75rem);line-height:var(--tw-leading,var(--kbd-text-xs--line-height,calc(1 / .75)));color:var(--kbd-color-gray-500,oklch(55.1% .027 264.364));position:absolute}.hint.left{left:var(--hint-inset-x)}.hint.right{right:var(--hint-inset-x)}.hint.up{top:var(--hint-inset-y)}.hint.down{bottom:var(--hint-inset-y)}.row[data-v-62cf03c2]{justify-content:center;display:flex}.row[data-v-62cf03c2]>*{width:10%}.widebtn[data-v-62cf03c2]{width:12.5%!important}.enter[data-v-62cf03c2]{width:30%}.spacer[data-v-62cf03c2]{flex:1 1 0;width:auto!important}.japanese-keyboard[data-v-9f392830]{border-top-left-radius:var(--kbd-radius-lg,.5rem);border-top-right-radius:var(--kbd-radius-lg,.5rem);padding:calc(var(--kbd-spacing,.25rem) * 2);padding-bottom:calc(var(--kbd-spacing,.25rem) * 10);background-color:#e3e6ed}.row[data-v-9f392830]{display:flex}.row[data-v-9f392830]>*{width:25%}[data-v-9f392830] .flick-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}[data-v-9f392830] .flick-grid .rowspan-2{grid-row:span 2/span 2}