@charset "UTF-8";#app{margin:0 auto;text-align:center;width:100%}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#222;background:white;color:#000;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--key-bg: lightblue;--key-bg-hover: rgb(80, 169, 228);--key-active: rgb(76, 130, 167);--f-key-bg: #f0f0f0f0;--f-key-fg: #333;--f-key-bg-hover: rgb(255, 255, 255);--f-key-active: rgb(207, 207, 207);--title-text-hover-color: navy;--print-bg: rgb(136, 202, 136);--print-hover: rgb(173, 231, 173);--print-active: rgb(112, 160, 112);--clear-bg: tomato;--clear-hover: rgb(255, 134, 112);--clear-active: rgb(209, 87, 65);--label-fg: #222;--label-border-color:rgba(0, 0, 0, .2)}#keypad__outer{padding:0 10px;position:relative}#overlay{padding:0 10px;z-index:1;background:rgba(255,255,255,.807);backdrop-filter:blur(5px);position:absolute;right:0;left:0;top:0;height:100%}html{width:100%}body{width:100%;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-style:normal}h1{font-size:3.2em;line-height:1.1}.button__disabled{opacity:.2}#label_overlay{z-index:10000;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.205);backdrop-filter:blur(3px) saturate(.8);display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}#label_overlay .confirm{display:flex;gap:1em}#label_overlay .confirm button{aspect-ratio:1/1;width:5rem;height:5rem;background:rgb(255,255,255);color:#333;border:None;border-radius:4px;font-size:1.4rem;margin-top:2.5rem;box-shadow:0 2px 2px #0000001a;border:2px solid rgba(0,0,0,.258)}#label_overlay .confirm button:first-of-type{background:tomato;font-size:2.4em}.title{position:relative}.title:after{position:absolute;left:55%;top:70%;font-size:1.4rem;content:"Happy Birthday!!!";white-space:nowrap;padding:.2em .4em;color:#ff0;background:rgb(33,33,211);border-radius:3px;transform:rotate(-5deg);background:linear-gradient(60deg,red,#f37055,#ef4e7b,#a166ab,orange,yellow,red);animation:animatedgradient 4s linear alternate infinite;background-size:300% 300%}@keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: dark){#display[data-v-b0212915]{box-shadow:0 6px 4px #00000065 inset,0 -6px 20px #ffffff32 inset,0 0 50px #fff}}.color_button[data-v-b0212915]{display:flex;justify-content:center;aspect-ratio:1/.66;text-shadow:none!important}#edit_row[data-v-b0212915]{display:flex;flex-flow:row nowrap;justify-content:space-between}.grid_two[data-v-b0212915]{grid-template-columns:repeat(2,1fr)!important}.keypad_button[disabled=true][data-v-b0212915]{opacity:.3;pointer-events:none}#pg1[data-v-b0212915]{width:100%;gap:3rem;display:flex;flex-flow:column nowrap;align-items:center}#wall[data-v-b0212915]{width:min(100%,1500px);margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center;overflow:hidden;padding-bottom:5rem}.label[data-v-b0212915]{font-weight:600;padding:.2em 2em;margin:.6em;width:fit-content;box-shadow:1px 3px 3px #00000019;height:fit-content;white-space:nowrap;background:white;color:#333;background:var(--label-bg);color:var(--label-fg);border-color:var(--label-border-color);border:1px solid rgba(0,0,0,.1);transition-duration:.2s}.label text[data-v-b0212915]{border-color:var(--border-color);-webkit-filter:grayscale(100%)}@media (max-width: 700px){.label[data-v-b0212915]{font-size:.8rem}}#print[data-v-b0212915]{margin:auto;border-radius:5px;background:var(--print-bg)}#print[data-v-b0212915]:hover{background:var(--print-hover)}#print[data-v-b0212915]:active{background:var(--print-active)}#clear[data-v-b0212915]{background:var(--clear-bg)}#clear[data-v-b0212915]:hover{background:var(--clear-hover)}#clear[data-v-b0212915]:active{background:var(--clear-active)}.label[data-v-b0212915]:hover{transform:scale(1.3)}.label_style[data-v-b0212915]{border-top:1px solid;border-bottom:1px solid;display:block;line-height:14px;height:14px;margin-top:3px;margin-bottom:3px}.special[data-v-b0212915]{--style_char: "\2740" }.label_style[data-v-b0212915]:after{content:var(--style_char)}.label_style[data-v-b0212915]:before{content:var(--style_char)}h1[data-v-b0212915]{font-style:italic}#outer:hover #controls[data-v-b0212915]{transform:rotateX(20deg);box-shadow:0 30px 10px -5px #00000032}#outer:hover #display[data-v-b0212915]{transform:rotateX(-30deg);box-shadow:6px 6px 5px #00000065 inset,0 -14px 20px #ffffff4c inset}h1[data-v-b0212915]{transition-duration:.5s}#outer:hover h1[data-v-b0212915]{transform:scale(1.2);color:var(--title-text-hover-color)}#outer[data-v-b0212915]{border-radius:20px;gap:1em;display:flex;flex-flow:column;perspective:1000px;width:100%;max-width:500px}#controls[data-v-b0212915]{padding:10px 0 100px;border-radius:10px 10px 100px 100px;transition-duration:.3s;box-shadow:0 0 2px #00000065;background:var(--machine-bg);border:1px solid grey}#display[data-v-b0212915]{padding:0 1em;background:olive;border-radius:4px;transition-duration:.3s;box-shadow:0 6px 4px #00000065 inset,0 -6px 20px #ffffff32 inset}#text_display[data-v-b0212915]{padding:2em 0;width:100%;text-align:right;overflow:hidden;height:100%}.text[data-v-b0212915]{text-align:left;min-width:100%;float:right;background:none;border:none;padding:0;margin:0;font-size:23.815px;color:#313109;font-family:monospace;letter-spacing:2px;text-shadow:1px 4px 2px rgba(0,0,0,.267);white-space:nowrap}.text[data-v-b0212915]:focus{outline:none}.text[data-v-b0212915]:after{content:"_";animation:flash-b0212915 .7s infinite}@keyframes flash-b0212915{0%{opacity:1}50%{opacity:0}to{opacity:1}}.keys[data-v-b0212915]{font-weight:600;padding:.3em 0rem;display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(5,1fr);gap:.7em}.keypad_button[data-v-b0212915]{border-bottom:4px solid rgba(0,0,0,.517);--key-border-color: rgba(0, 0, 0, .301);box-sizing:border-box;color:var(--key-fg);background:var(--key-bg);user-select:none;font-family:monospace;padding:.2em 0;border-radius:5px;width:9ch;height:105%;transition-duration:.3s;white-space:nowrap;--x-offset: 3px;box-shadow:none;text-shadow:0px -1px rgba(0,0,0,.059),-1px 0px rgba(0,0,0,.059),-1px -1px rgba(0,0,0,.059),0px 1px rgba(255,255,255,.439),1px 0px rgba(255,255,255,.439),1px 1px rgba(255,255,255,.439)}.emboss[data-v-b0212915]{text-shadow:0px -1px rgba(0,0,0,.059),-1px 0px rgba(0,0,0,.059),-1px -1px rgba(0,0,0,.059)}#outer:hover .keypad_button[data-v-b0212915]{box-shadow:inset 0 2px 3px 3px #ffffff42,inset 0 -2px 3px #00000058,var(--x-offset) 3px 1px 1px #5275c234}@media (hover: hover){.keypad_button[data-v-b0212915]:hover{transition-duration:.05s;background:var(--key-bg-hover)}}.function_button[data-v-b0212915]{user-select:none;background:var(--f-key-bg);color:var(--f-key-fg)}.function_button[data-v-b0212915]:hover{background:var(--f-key-bg-hover)}.function_button[active=true][data-v-b0212915]:hover{background:auto}.function_button[data-v-b0212915]:active{background:var(--f-key-active)}.function_button[active=true][data-v-b0212915]{background:var(--f-key-active);transform:translateY(2px);height:calc(105% - 2px);box-shadow:none!important;border:none;border-top:3px solid rgba(0,0,0,.517);border-right:1px solid rgba(0,0,0,.517);border-left:1px solid rgba(0,0,0,.517);border-bottom:1px solid rgba(0,0,0,.404)}.keypad_button[data-v-b0212915]:active{background:linear-gradient(var(--key-active),var(--key-active));transform:translateY(2px);height:calc(105% - 2px);box-shadow:none;border:none;border-top:3px solid rgba(0,0,0,.517);border-right:1px solid rgba(0,0,0,.517);border-left:1px solid rgba(0,0,0,.517);border-bottom:1px solid rgba(0,0,0,.404)}.space_button[data-v-b0212915]{user-select:none;grid-column:2;grid-column-end:5;border-radius:5px;transform:none!important;width:60%}.keys div[data-v-b0212915]:nth-child(5n-4){border-radius:5px;--x-offset: -2px;border-right:2px solid var(--key-border-color)}.keys div[data-v-b0212915]:nth-child(5n-3){--x-offset: -1px;border-radius:5px;border-right:1px solid var(--key-border-color)}.keys div[data-v-b0212915]:nth-child(5n-2){--x-offset: 0px;border-radius:5px}.keys div[data-v-b0212915]:nth-child(5n-1){--x-offset: 1px;border-radius:5px;border-left:1px solid var(--key-border-color)}.keys div[data-v-b0212915]:nth-child(5n){--x-offset: 2px;border-left:2px solid var(--key-border-color);border-radius:5px}.logo[data-v-dcc270c0]{height:6em;padding:1.5em;will-change:filter}.logo[data-v-dcc270c0]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-dcc270c0]:hover{filter:drop-shadow(0 0 2em #42b883aa)}