.wrapper[data-v-4116035c]{padding:1rem;background-color:#222;border-radius:7.5px;box-shadow:1px 2px 4px rgba(0,0,0,.8)}#color[data-v-4116035c]{font-size:clamp(1.5rem,5vw,2.75rem);color:snow;display:inline}button[data-v-421f1f68]{padding:.5rem 1rem;border:2px solid #222;border-radius:5px;font-size:clamp(.75rem,5vw,1.5rem);font-weight:700;outline:none;transition:all .25s ease}button[data-v-421f1f68]:focus,button[data-v-421f1f68]:hover{background-color:#222;color:snow;box-shadow:1px 2px 4px rgba(0,0,0,.8)}[data-v-cf922ed6]{font-family:Source Sans Pro}.key-wrapper[data-v-cf922ed6]{position:relative}.key-wrapper[data-v-cf922ed6]:before{content:"";height:50px;background:linear-gradient(to top right,#fbfbfc 0,#b6b6b6);border:1px solid #131313;box-shadow:0 2px 2px rgba(0,0,0,.5);border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.key-wrapper.special[data-v-cf922ed6],.key-wrapper.special[data-v-cf922ed6]:before{width:94px}.key-wrapper.arrow[data-v-cf922ed6],.key-wrapper.arrow[data-v-cf922ed6]:before,.key-wrapper.normal[data-v-cf922ed6],.key-wrapper.normal[data-v-cf922ed6]:before{width:64px}.key[data-v-cf922ed6]{height:40px;margin:auto;background:linear-gradient(90deg,#e5e5e5 0,#f3f3f3);border:1px solid #f1f1f1;border-radius:8px;color:#666;font-weight:700;position:relative;z-index:2}.special .key[data-v-cf922ed6]{width:75px}.arrow .key[data-v-cf922ed6],.normal .key[data-v-cf922ed6]{width:45px}.key span[data-v-cf922ed6]{font-size:15px;text-shadow:0 1px #fff;position:absolute;top:4px;left:6px}.arrow .key span[data-v-cf922ed6]{font-size:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:none){[data-v-cf922ed6]{display:none}}.action-keys[data-v-47918752],.action-panel[data-v-47918752]{display:flex;justify-content:center;align-items:center;gap:1rem}.action-keys[data-v-47918752]{gap:.5rem}p[data-v-47918752]{font-size:1.2rem}@media (hover:none){p[data-v-47918752]{display:none}}[data-v-1800fb13]:focus{outline-color:#fff;outline-offset:5px;transition:outline-offset .25s ease}.invert svg[data-v-1800fb13]{mix-blend-mode:difference}.change-fill-onHover:hover svg[data-v-1800fb13]{fill:var(--fill-color-hover);mix-blend-mode:normal}td[data-v-50b98dc8]{padding:.55rem;color:#fff;font-size:1.2rem;font-weight:600}tr td[data-v-50b98dc8]:first-child{mix-blend-mode:difference}tr:last-of-type td[data-v-50b98dc8]:last-child{border-bottom-right-radius:5px}tr:last-of-type td[data-v-50b98dc8]:nth-last-child(2){border-bottom-left-radius:5px}.container[data-v-ef1b44d4]{width:100%;max-height:250px;overflow:auto}table[data-v-ef1b44d4]{width:100%;border-collapse:collapse;color:snow;text-align:center;table-layout:fixed}thead[data-v-ef1b44d4]{background-color:#222}thead th[data-v-ef1b44d4]:first-child{border-top-left-radius:5px}thead th[data-v-ef1b44d4]:last-child{border-top-right-radius:5px}th[data-v-ef1b44d4]{padding:.55rem}@media (min-width:600px){.container[data-v-ef1b44d4]{width:450px}table[data-v-ef1b44d4]{width:443px;margin-right:auto}}@media (hover){[data-v-ef1b44d4]::-webkit-scrollbar{width:5px}[data-v-ef1b44d4]::-webkit-scrollbar-track{border-radius:1px}[data-v-ef1b44d4]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#777}[data-v-ef1b44d4]::-webkit-scrollbar-thumb:hover{background-color:#666}[data-v-ef1b44d4]::-webkit-scrollbar-thumb:active{background-color:#444}}@media (hover) and (min-width:600px){.container[data-v-ef1b44d4]{overflow:hidden}.container[data-v-ef1b44d4]:hover{overflow-y:auto}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html,main{width:100%;min-height:100vh}body{font-family:sans-serif;letter-spacing:.12rem}main{padding:0 1rem;flex-direction:column;gap:2rem;transition:all .25s ease}.display-and-save,main{display:flex;justify-content:center;align-items:center}.display-and-save{gap:1rem}button{background-color:transparent;border:none;cursor:pointer}