@font-face{font-family:ds-digit;src:url(/build/assets/DS-DIGI-87eb14d4.TTF)}:root{--radius: 25px;--key-color: #7f8db5}div#app{width:100vw;min-height:100vh;display:grid;place-content:center;text-align:center}#radio div.container{margin:auto;height:500px;width:1200px;background:linear-gradient(180deg,#0008 1%,#000D 3%,#000D 95%,#000E 99%);box-shadow:-3px 3px 10px #eee inset;filter:drop-shadow(0 0 15px var(--key-color));border-radius:var(--radius);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}#radio div.zonas{height:100%}#radio .redondo{border-radius:50%}#radio div.izquierda{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);width:10%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#radio div.volume,#radio div.squelch{position:relative;width:80px;height:80px;display:grid;place-items:center;margin-top:20px;margin-left:20px;background:radial-gradient(#333 0%,#333 55%,#111 60%,#222 100%);box-shadow:-1px 1px 5px #eee6 inset}#radio div.volume div,#radio div.squelch div{width:70px;height:70px}#radio div.volume span,#radio div.squelch span{position:absolute;top:-15px;color:var(--key-color);font-size:.5em}#radio div.headphone{position:relative;width:30px;height:30px;background:radial-gradient(black 0%,white 2%,black 5%,black 50%,white 95%)}#radio div.headphone span{position:absolute;top:-15px;left:-28px;width:20ch;color:var(--key-color);font-size:.5em}#radio div.centro{width:85%;display:grid;grid-template-rows:85% 15%}div.pantalla{display:grid;place-items:center}div.screen{display:grid;place-items:center;width:95%;height:90%;background:lightblue;border-radius:var(--radius);box-shadow:0 0 15px #000 inset;filter:drop-shadow(0 0 10px black)}#radio div.botones_inferior{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around;width:100%;height:50%}#radio div.boton_inferior{transform:translateY(-10px);display:grid;place-items:center;width:calc(100%/7);height:100%}#radio .key_function{margin-top:20px;font-size:.6em;font-weight:700;text-shadow:0 0 2px rgb(133,133,40);color:#adad3c}#radio div.btn_inf{display:grid;place-items:center;width:80px;height:30px;border-radius:5px;background:linear-gradient(180deg,#eee2 5%,#000C 90%,black 100%);box-shadow:-2px 2px 3px #eee6 inset;cursor:pointer}#radio span.tecla{color:var(--key-color);font-weight:800;font-size:.6em}#radio div.derecha{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);width:40%;display:grid;grid-template-columns:30% 70%}#radio div.teclado_derecho{box-shadow:-1px 1px 2px #eee4 inset;margin-left:20px;border-radius:10px;padding:10px;width:80%;height:25%;display:grid;grid-template:1fr 1fr 1fr 1fr / 1fr 1fr 1fr 1fr;place-items:center}#radio div.teclado_derecho_keys div.tecla_funcion span.tecla{font-weight:600;filter:drop-shadow(0 0 5px var(--key-color))}#radio div.teclado_derecho_keys div.tecla_subfuncion span.key_function{font-size:.5em}#radio div.tecla_funcion{display:grid;place-items:center;width:35px;height:15px;border-radius:10px;background:linear-gradient(180deg,#0008 1%,#000D 3%,#000D 95%,#000E 99%);box-shadow:-2px 2px 6px #eee6 inset;cursor:pointer}#radio div.derecha div.funciones{height:94%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#radio .boton_ps{margin-top:20px;border:5px solid var(--key-color);box-shadow:0 0 5px var(--key-color);height:80px;width:80px;transition:filter .5s;cursor:pointer}#radio .boton_ps:hover{transition:filter .5s;filter:drop-shadow(0 0 5px var(--key-color))}#radio .boton_ps .tecla{font-size:1em;width:100%;height:100%}#radio div.funciones .tecla{display:grid;place-items:center;width:100%}#radio div.funciones .tecla .tecla_funcion{width:80px;height:30px;border-radius:5px}#radio .especial{background:#333!important}#radio div.btn_direccion{transform:translateY(2px);width:100px}#radio div.btn_direccion div.tecla .tecla_funcion{width:45px;height:30px}#radio div.btn_direccion{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#radio .derecha .teclado .otros{position:relative;height:60%;width:87%}#radio .otros{position:relative;width:100%;height:100%;display:grid;place-items:center}#radio .otros .btn_dsp{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:45px;height:20px}#radio .otros .btn_funcion{cursor:pointer;position:absolute;display:grid;place-items:center;top:10px;left:10px;width:40px;height:40px;background:linear-gradient(180deg,#eee2 5%,#000C 90%,black 100%);box-shadow:0 0 5px #111 inset}#radio .btn_f{display:grid;place-items:center;color:transparent;width:25px;height:17px;border-radius:5px;border:1px solid #1112;background:linear-gradient(180deg,#0509 5%,#000C 90%,transparent 100%)}#radio .btn_f .tecla{z-index:1;color:#666}#radio div.otros div.btn_radial{display:grid;place-items:center;margin-top:120px;position:relative;z-index:10;width:150px;height:150px;background:radial-gradient(#333 0%,#333 55%,#111 60%,#222 100%);box-shadow:-1px 1px 5px #eee6 inset}#radio div.btn_radial .btn_radial_in{width:125px;height:125px}#radio div.btn_radial_in{position:relative;background:radial-gradient(#333 0%,#333 55%,#111 60%,#222 100%);box-shadow:-1px 1px 5px #eee6 inset}div.screen form{padding:20px;font-family:ds-digit;font-size:1.5em;display:grid;place-items:center;width:100%;height:100%;border-radius:var(--radius)}div.screen form label{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}div.screen input[type=text],div.screen input[type=email],div.screen input[type=password]{color:#000;width:100%;background:transparent;font-family:"system-ui";border:0;outline:0;padding:10px;border-radius:15px;border:3px solid gray;box-shadow:0 0 5px #1115 inset}div.screen form input[type=submit]{font-family:ds-digit;border:none;outline:none;padding:10px 30px;border-radius:10px;background-color:#999;box-shadow:0 0 5px #000 inset;color:#fff;cursor:pointer;transition:box-shadow .5s,filter .5s,background-color .5s}div.screen form input[type=submit]:hover{transition:box-shadow .5s,filter .5s,background-color .5s;background-color:#111;box-shadow:0 0 5px #000 inset;color:var(--key-color);filter:drop-shadow(0 0 5px var(--key-color))}div.screen input[type=checkbox]{background:transparent}div.screen input[type=text]::-moz-placeholder,div.screen input[type=email]::-moz-placeholder,div.screen input[type=password]::-moz-placeholder{text-align:center;color:#7f7f7f80;font-weight:100;font-family:ds-digit;font-size:1.2em}div.screen input[type=text]::placeholder,div.screen input[type=email]::placeholder,div.screen input[type=password]::placeholder{text-align:center;color:#7f7f7f80;font-weight:100;font-family:ds-digit;font-size:1.2em}#radio div.screen input[type=text]:focus::-moz-placeholder,#radio div.screen input[type=email]:focus::-moz-placeholder,#radio div.screen input[type=password]:focus::-moz-placeholder{-moz-transition:transform .5s;transition:transform .5s;transform:translateY(-35px)}#radio div.screen input[type=text]:focus::placeholder,#radio div.screen input[type=email]:focus::placeholder,#radio div.screen input[type=password]:focus::placeholder{transition:transform .5s;transform:translateY(-35px)}.btn_inf:hover,.tecla_funcion:hover{transition:filter .5s;filter:drop-shadow(0 0 5px var(--key-color))}.btn_funcion:hover{transition:filter .5s;filter:drop-shadow(0 0 5px rgb(0,255,0))}.clicked{transition:.2s;transform:scale(.9)}@font-face{font-family:ds-digit;src:url(/build/assets/DS-DIGI-87eb14d4.TTF)}:root{margin:0;padding:0;box-sizing:border-box;font-family:"system-ui";--radius: 25px;--key-color: #7f8db5;--h-wlk: 750px;--h-sup: 50px;--h-scr: 250px;--h-spk: 300px;--h-bot: calc(var(--h-wlk) - var(--h-sup) - var(--h-scr) - var(--h-spk));--color1: #111;--color2: #222}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#walkie div.container{width:350px;height:700px;border:5px solid black;background:linear-gradient(45deg,#111,#222);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:-3px 3px 10px #eee3 inset;border-radius:var(--radius);z-index:10}#walkie .key_text{text-align:center;font-weight:600;font-size:.8em;color:#eee9}#walkie .btn_up,#walkie .btn_down,#walkie .tecla{box-shadow:-2px 2px 5px #ccc5 inset;background:linear-gradient(45deg,#000D,#222)}#walkie .btn_menu:hover,#walkie .btn_up:hover,#walkie .btn_down:hover,#walkie .tecla:hover{transition:filter .5s;filter:drop-shadow(0 0 5px #eee8)}#walkie .clicked{transition:.2s;transform:scale(.9)}#walkie .pwr_on{transition:.3s;filter:drop-shadow(0 -2px 10px yellow)}#walkie .superior{width:300px;height:var(--h-sup);display:flex;flex-direction:row;align-items:flex-end;justify-content:space-around}#walkie .antena{background:radial-gradient(farthest-corner at 50px 10px,#666 0%,#222 40%,#111 50%,black 60%);width:70px;height:200px;border:inherit}#walkie .led_on{width:20px;height:5px;border-top-right-radius:25px;border-top-left-radius:25px;background:red}#walkie .rueda{width:80px;height:50px;background:radial-gradient(farthest-corner at 60px 10px,#666 0%,#222 20%,#111 50%,black 60%);border-top-right-radius:25px;border-top-left-radius:25px}#walkie .container .pantalla{margin-top:0;width:100%;height:var(--h-scr);display:grid;place-items:center}#walkie .pantalla .borde_screen{display:grid;place-items:center;width:90%;height:95%;border:5px solid black;border-radius:var(--radius)}#walkie div.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--h-scr);background:#b2d8e8}#walkie form{padding:5px;font-family:ds-digit;font-size:.8em;display:grid;place-items:center;width:100%;height:100%}#walkie form label{width:100%;display:none;flex-direction:row;align-items:center;justify-content:space-between}#walkie form label input{height:20px;font-family:ds-digit;border:0;outline:0;padding:5px;border-radius:15px;box-shadow:0 0 5px #1115 inset;text-align:center}#walkie form input[type=submit]{font-family:ds-digit;border:none;outline:none;width:100px;padding:5px 10px;border-radius:10px;background-color:#999;box-shadow:0 0 5px #000 inset;color:#fff;cursor:pointer;transition:box-shadow .5s,filter .5s,background-color .5s}#walkie form input[type=submit]:hover{transition:box-shadow .5s,filter .5s,background-color .5s;background-color:#111;box-shadow:0 0 5px #000 inset;color:var(--key-color);filter:drop-shadow(0 0 5px var(--key-color))}#walkie input[type=email]::-moz-placeholder,#walkie input[type=password]::-moz-placeholder{color:#00000080}#walkie input[type=email]::placeholder,#walkie input[type=password]::placeholder{color:#00000080}#walkie input[type=email],#walkie input[type=password]{width:100%}#walkie input[type=text]:focus::-moz-placeholder,#walkie input[type=password]:focus::-moz-placeholder{-moz-transition:transform .5s;transition:transform .5s;transform:translateY(-25px)}#walkie input[type=text]:focus::placeholder,#walkie input[type=password]:focus::placeholder{transition:transform .5s;transform:translateY(-25px)}#walkie .container .altavoz{position:relative;width:100%;height:var(--h-spk);display:grid;grid-template-columns:20% 80%}#walkie .altavoz .speaker{position:relative;top:50px;left:40px;width:200px;height:200px;display:flex;align-items:center;justify-content:center}#walkie .altavoz .speaker{border-radius:50%;box-shadow:2px -2px 5px #eee5,-2px 2px 18px #111;border:10px solid #222;background:linear-gradient(45deg,var(--color1),var(--color1) 45%,var(--color2) 55%,var(--color2));background-size:5px 5px}#walkie .altavoz .btn_spk{position:relative;width:100%;height:100%;display:grid;grid-template-rows:10% 75% 15%;align-items:center;justify-content:center}#walkie .btn_spk_inf{width:100%;height:70%;margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#walkie .btn_menu{position:absolute;width:50px;height:30px;background:linear-gradient(45deg,#9b1010,#c22d2d)}#walkie .btn_up,#walkie .btn_down{display:grid;place-items:center;width:30px;height:50px;background:linear-gradient(45deg,#111,#222)}#walkie .btn_menu,#walkie .btn_up,#walkie .btn_down{border-radius:5px;box-shadow:-2px 2px 5px #ccc5 inset}#walkie .btn_up_in{width:0;height:0;border-top:0px solid var(--key-color);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--key-color)}#walkie .btn_down_in{width:0;height:0;border-top:10px solid var(--key-color);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:0px solid lightblue}#walkie .btn_exit .tecla{width:50px;height:30px;background:linear-gradient(45deg,rgb(3,3,77),rgb(5,5,136))}.btn_exit .tecla span{font-size:.9em}#walkie .container .botonera{position:relative;width:90%;height:var(--h-bot);display:grid;grid-template:1fr 1fr 1fr / 1fr 1fr 1fr 1fr;place-items:center}#walkie .tecla{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border-radius:5px;width:60px;height:40px}#walkie .tecla .key_text{font-size:1.4em}#walkie .tecla small{max-width:6ch;font-size:.6em;color:#eee}