.noDisplay{opacity:0}.styledButton,main section .audioAction .audioPopupTrigger,main section .copyAction .copyPassword{background:none;border:none;outline:none;cursor:pointer;color:#b1b1b1}.styledButton:hover,main section .audioAction .audioPopupTrigger:hover,main section .copyAction .copyPassword:hover{-webkit-transition:200ms all ease;-moz-transition:200ms all ease;-ms-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease;color:#333}.styleActionButton{-webkit-transition:200ms all ease;-moz-transition:200ms all ease;-ms-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease;background:#000;color:#fff;outline:none;border:none;padding:.6em .8em;cursor:pointer}.audioPlayer:focus{outline:none}body{margin:0;padding:0;width:100%;background:#d1efff}main section{display:block;margin:4em auto}main section .copyAction{display:inline-block;height:20px}main section .copyAction .copyPassword{-webkit-transition:500ms all ease;-moz-transition:500ms all ease;-ms-transition:500ms all ease;-o-transition:500ms all ease;transition:500ms all ease;padding:.2em;font-size:1.1em}main section .copyAction .copyPassword:focus{-webkit-transition:500ms all ease;-moz-transition:500ms all ease;-ms-transition:500ms all ease;-o-transition:500ms all ease;transition:500ms all ease;margin-top:-2px}main section .copyAction .fa-check{color:#a5a0a0;margin:.1em 0 0 .15em;font-size:1em}main section .copyAction .fa-check.visible{visibility:visible;opacity:1}main section .copyAction .fa-check.hidden{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear}main section .audioAction{display:inline-block;float:right}main section.passwordGenerate{-webkit-transition:200ms all ease;-moz-transition:200ms all ease;-ms-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease;-webkit-box-shadow:5px 5px #000;-moz-box-shadow:5px 5px #000;box-shadow:5px 5px #000;width:fit-content;min-width:405px;padding:1em;margin:4em auto;display:block;background:#fff}main section.passwordGenerate .mobileTop{vertical-align:top;display:inline-block}main section.passwordGenerate .mobileBottom{vertical-align:top;display:inline-block;float:right}@media only screen and (min-width: 0px)and (max-width: 550px){main section.passwordGenerate{width:82%;min-width:auto}main section.passwordGenerate .mobileTop{display:block;text-align:center;margin-bottom:15px}main section.passwordGenerate .mobileBottom{display:block;float:none !important}main section.passwordGenerate .mobileBottom button{display:block;margin:auto;float:none !important}}main section.passwordGenerate .container{position:relative}main section.passwordGenerate .container .top{position:absolute;top:-65px;right:-13px}main section.passwordGenerate .container .top img{width:70px}main section.passwordGenerate .container .createdPassword{background:#f5f5f5;padding:.5em;text-align:center;font-size:2em;font-weight:100;font-family:"Courier New",sans-serif;min-height:36px;height:36px;cursor:pointer;z-index:999}@media only screen and (min-width: 0px)and (max-width: 550px){main section.passwordGenerate .container .createdPassword{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}main section.passwordGenerate .container .createdPassword:focus{outline:none}main section.passwordGenerate .container .passGenForm{display:block;margin:2em 0 0 0}main section.passwordGenerate .container .passGenForm label{font-family:sans-serif;text-transform:uppercase;font-weight:800;font-size:.6em;vertical-align:top}main section.passwordGenerate .container .passGenForm select{vertical-align:top;display:inline-block;color:#444;padding:.2em 1.4em .2em .3em;box-sizing:border-box;margin:0;border:1px solid #000;border-radius:.2em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat,repeat;background-position:right 0 top 50%,0 0;background-size:1.65em auto,100%}main section.passwordGenerate .container .passGenForm select::-ms-expand{display:none}main section.passwordGenerate .container .passGenForm select:focus{border:1px solid #000;outline:none}main section.passwordGenerate .container .passGenForm select option{font-weight:normal}main section.passwordGenerate .container .passGenForm .lengthContainer{display:inline-block;margin:0 0 0 8px}main section.passwordGenerate .container .passGenForm button{float:right}main section.passwordGenerate .container .passGenForm button:active{-webkit-transition:200ms all ease;-moz-transition:200ms all ease;-ms-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease}main section.passwordGenerate .container .passGenForm button:hover{-webkit-transition:200ms all ease;-moz-transition:200ms all ease;-ms-transition:200ms all ease;-o-transition:200ms all ease;transition:200ms all ease;background:#717171}main section.passwordHistory{display:none;position:absolute;bottom:3%;margin:0;right:1%;background:#fff;width:auto;height:200px}main section.passwordHistory .menuAction{position:relative;display:block}main section.passwordHistory .menuAction .visibleAction{background:#fff;padding:.4em .4em 0 .4em;outline:none;border:none;cursor:pointer;position:absolute;top:-20px;right:0;border-bottom:1px solid #a09f9f}main section.passwordHistory .tableContainer{height:180px;max-height:180px;overflow-y:scroll;overflow-x:hidden;background:#fff}main section.passwordHistory .tableContainer table{font-family:"Helvetica",sans-serif;text-align:center;color:#333;position:relative;border-top:1px solid #a09f9f}main section.passwordHistory .tableContainer table thead{font-size:.8em;font-weight:200;width:100%;background:#fff;padding:2px 0 0 0}main section.passwordHistory .tableContainer table thead th{position:sticky;background:#fff;top:0;padding:5px 0 0 0}main section.passwordHistory .tableContainer table thead th:nth-of-type(1){width:20%}main section.passwordHistory .tableContainer table thead th:nth-of-type(2){width:69%}main section.passwordHistory .tableContainer table thead th:nth-of-type(3){width:10%}main section.passwordHistory .tableContainer table tbody{font-size:.7em}main section.passwordHistory .tableContainer table tbody tr{border-bottom:1px solid #e4e4e4}main section.passwordHistory .tableContainer table tbody tr td{padding:.5em}main section.passwordHistory .tableContainer table tbody tr td:nth-of-type(1),main section.passwordHistory .tableContainer table tbody tr td:nth-of-type(2){width:15%}main section.passwordHistory .tableContainer table tbody tr td:nth-of-type(3){width:59%;font-family:"Courier New",sans-serif}main section.passwordHistory .tableContainer table tbody tr td:nth-of-type(4){width:10%}main section.passwordHistory .tableContainer table tbody tr:nth-of-type(even){background:#f3f3f3}main section.passwordHistory .tableContainer table::-webkit-scrollbar{width:10px}main section.passwordHistory .tableContainer table::-webkit-scrollbar-track{background:#f1f1f1}main section.passwordHistory .tableContainer table::-webkit-scrollbar-thumb{background:#888}footer{text-align:center;color:#333;width:100%;position:absolute;bottom:1%}footer a{color:#333}footer p{font-size:.9em;font-style:italic;margin:0}footer ul{margin:0}footer ul li{display:inline-block;margin:0 1em 0 0}footer ul li:last-of-type{margin:0}footer ul li a{color:#333;font-size:.8em}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);transition:opacity 200ms;visibility:hidden;opacity:0;z-index:9999;text-align:center}.overlay.active{visibility:unset;opacity:unset}.overlay.light{background:rgba(255,255,255,.5)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.overlay .popup{-webkit-box-shadow:0 0 50px rgba(0,0,0,.5);-moz-box-shadow:0 0 50px rgba(0,0,0,.5);box-shadow:0 0 50px rgba(0,0,0,.5);margin:75px auto;padding:20px;background:#fff;border:1px solid #666;min-width:300px;width:600px;position:relative}.overlay .popup .audioContainer{min-height:80px}@media only screen and (min-width: 0px)and (max-width: 550px){.overlay .popup{width:85%}}.light .overlay .popup{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);-moz-box-shadow:0 2px 10px rgba(0,0,0,.25);box-shadow:0 2px 10px rgba(0,0,0,.25);border-color:#aaa}.overlay .popup .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;transition:all 200ms;font-size:24px;font-weight:bold;text-decoration:none;color:#666}.overlay .popup .close:hover{opacity:1}.overlay .popup .content{max-height:400px;overflow:auto;margin:2em 0 0 0}.overlay .popup .content p{margin:0 0 1em 0;line-height:1.6;font-size:1em;font-family:"Helvetica",sans-serif;text-align:center}.overlay .popup .content p a{color:#000}.overlay .popup .content p.topLogo img{width:70px}.overlay .popup .content p:last-child{margin:0}/*# sourceMappingURL=main.min.css.map */
