@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap);#keys .page{padding:55px 50px 115px 50px}#keys .page h1{color:#fff;margin-bottom:30px}#keys .page h1 svg{margin-right:10px}#keys .page p{margin-top:30px}#keys .page .row{margin-bottom:20px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}#keys .page .card{background-color:#211d35;border-radius:8px;padding:40px;margin-bottom:40px}#keys .page .card p{margin:0}#keys .page .card .input-container{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#keys .page .card .copy,#keys .page .card .icon-button{margin-top:20px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 9px;height:100%;width:40px}#keys .page .card .copy svg,#keys .page .card .icon-button svg{width:16px}#keys .page .card .copy{background-color:#322d48;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;outline:none}#keys .page .card .copy:focus{border:1px solid #5935dd}#keys .page .card .copy svg{width:15px;margin-right:5px}#keys .page .card .hidden-key input{border-top-right-radius:0;border-bottom-right-radius:0}#keys .page .card .hidden-key.text{color:#fff}#keys .page .card .tooltip{position:absolute;background-color:#322d48;width:220px;padding:10px;right:-30px;top:-50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;jusitfy-content:center;border-radius:8px;opacity:0;-webkit-transition:opacity .3s ease-out,-webkit-transform .4s ease-out;transition:opacity .3s ease-out,-webkit-transform .4s ease-out;transition:opacity .3s ease-out,transform .4s ease-out;transition:opacity .3s ease-out,transform .4s ease-out,-webkit-transform .4s ease-out;-webkit-transform:translateY(10px);transform:translateY(10px)}#keys .page .card .tooltip svg{width:20px;margin-right:10px}#keys .page .card .tooltip.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#keys .page .card .help div{margin-right:0;padding-top:10px}#keys .page .card .help div p{color:#8b879a}#keys .page .card .help div a{color:#e345ff;text-decoration:underline;font-size:12px}