*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Exo 2",sans-serif}*:focus{outline:none}html,body{height:100%;overflow-x:hidden;background-image:linear-gradient(135deg, #01337D, #47A3F3)}body{display:flex;flex-flow:column nowrap;width:100%}#totalContent{flex:1 0 auto}header#top{height:50px;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:0 20px}header#top a{font-size:18px;color:#e4e7eb}header#top a:hover{text-decoration:underline}a{text-decoration:none}a[href]:not(.button):not(.icon){color:#07818f}a[href]:not(.button):not(.icon):hover{text-decoration:underline}a.icon{margin-right:20px;transition:100ms all}a.icon:hover img{opacity:1}a.icon img{height:30px;width:auto;opacity:.85}a,select,button,label,input[type=checkbox],input[type=radio]{cursor:pointer}input,textarea{cursor:text}section{width:100%;display:flex;flex-flow:column nowrap;align-items:center;padding-top:50px}section h1,section p{margin-bottom:20px;color:#e4e7eb;text-align:center;max-width:800px;width:95%}section h1{font-size:40px}section p{font-size:18px;line-height:30px}#codeBlockContainer{display:none;flex-flow:column nowrap;align-items:flex-start;width:95%;max-width:800px}#codeBlockContainer .icon{height:40px;width:40px;border-radius:4px;background-color:rgba(50,63,75,.8);margin-right:10px;background-repeat:no-repeat;background-position:center;background-size:26px;border:1px solid #1f2933;transition:100ms all}#codeBlockContainer .icon:active{background-color:#323f4b}#codeBlockContainer .icon.clipboard{background-image:url(/assets/clipboard.svg)}#codeBlockContainer .icon.reset{background-image:url(/assets/reset.svg)}#codeBlockContainer .button-container{margin-top:20px;display:flex}pre{border-radius:4px;margin-top:20px;max-width:800px;width:95%;padding-right:20px !important;cursor:text;overflow-x:scroll;background-color:#323f4b;padding:20px}pre code{color:#e4e7eb;text-indent:0px}code:not(#finalCode){background-color:#323f4b;padding:2px;border-radius:4px;cursor:text;color:#e4e7eb}label{font-size:16px;display:flex;flex-flow:column nowrap;color:#e4e7eb;width:95%;max-width:400px}label input{margin-top:3px;width:100%}input{max-width:400px;width:95%;font-size:16px;color:#1f2933;background-color:#f5f7fa;border-radius:4px;text-indent:15px;height:45px}label+button{height:45px;border-radius:4px;width:95%;max-width:400px;background-color:#f9703e;font-size:16px;text-transform:uppercase;color:#f5f7fa;margin-top:10px;background-repeat:no-repeat;background-position:center;background-size:0px;background-image:url(/assets/white-load-dots.svg);font-weight:600}label+button.loading{background-size:35px;color:rgba(0,0,0,0)}.error{margin-top:20px;color:#ffbdbd}.error:empty{display:none}footer{width:100%;flex-shrink:0;height:100px;display:flex;align-items:center}footer p{width:100%;text-align:center;color:#e4e7eb}.modalOutside{height:100vh;width:100vw;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;visibility:hidden;opacity:0;transition:250ms all}.modalOutside.shown{visibility:visible;opacity:1}.modalOutside.shown .modalInside{opacity:1;transform:translateY(0px)}.modalOutside .modalInside{margin-top:50px;width:95%;max-width:800px;height:fit-content;background-color:#f5f7fa;box-shadow:0px 2px 4px 0 rgba(0,0,0,.15);border-radius:4px;display:flex;flex-flow:column nowrap;padding-bottom:20px;max-height:calc(100vh - 200px);opacity:0;transform:translateY(40px);transition:250ms all}.modalOutside .modalInside header{height:50px;min-height:50px;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd2d9}.modalOutside .modalInside header .title{font-size:22px;font-weight:500;color:#1f2933;text-align:center}.modalOutside .modalInside header .clearfix,.modalOutside .modalInside header .x{height:100%;width:50px;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);border-top-right-radius:12px;border-top-left-radius:12px}.modalOutside .modalInside header .x{background-image:url(/assets/x.svg);background-size:18px;transition:100ms all}.modalOutside .modalInside header .x:active{opacity:.7;transform:scale(0.9)}.modalOutside .modalInside .body{width:100%;display:flex;flex-flow:column nowrap;align-items:center;padding-top:20px;padding-left:20px;padding-right:20px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.modalOutside .modalInside .body p{font-size:18px;line-height:30px;width:95%;margin-bottom:20px;text-align:center}