html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;text-rendering:optimizeLegibility}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left: -7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow: visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height: 13px;*width: 13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.headline{text-align:center;font-size:26px;font-weight:400;letter-spacing:.2px;text-wrap:normal;line-height:1.2}@media only screen and (min-width:576px){.headline{font-size:32px}}.headline-box{max-width:100%;height:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:2.5rem}@media only screen and (min-width:576px){.headline-box{margin-bottom:4rem}}.headline-box .svg{width:60px;display:inline-block;margin-right:.5rem}@media only screen and (min-width:576px){.headline-box .svg{width:70px;margin-right:1.5rem}}.headline-box .headline{display:inline-block}.subheadline{font-size:16px;line-height:1.2;letter-spacing:.3px}@media only screen and (min-width:576px){.subheadline{font-size:18px}}.sub2headline{text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.4px;margin-bottom:.5rem;color:#dae1e6}@media only screen and (min-width:576px){.sub2headline{font-size:17px}}.list-subheadline{text-decoration:none;margin-bottom:0}.list-subheadline li:not(:last-child){margin-bottom:.4rem}.list-subheadline span{font-weight:700;color:#efca6e}.code-place{background-color:#edf0f3;color:#181818;font-weight:400;line-height:1.6;font-size:15px;letter-spacing:.1px;padding:15px 20px 0;border-radius:9px;max-width:100%;height:auto;position:relative;white-space:pre-wrap;word-wrap:break-word}@media only screen and (min-width:576px){.code-place{padding:20px 30px 0;line-height:1.5;font-size:16px}}.code-place .btn-clipboard{position:absolute;display:inline-flex;align-items:center;justify-content:space-between;top:0;right:0;padding:7px 13px;border-top-right-radius:9px;border-bottom-left-radius:9px;background-color:#bb1450;color:#dae1e6;cursor:pointer;border:0;outline:0;line-height:1;letter-spacing:.5px;font-size:14px;font-weight:400;transition:all .1s linear}@media only screen and (min-width:576px){.code-place .btn-clipboard{letter-spacing:1px;font-size:15px;padding:8px 15px}}.code-place .btn-clipboard:hover{background-color:#a81248}.code-place .btn-clipboard.is-copied{background-color:#2b9b4c}.code-place .btn-clipboard.is-copied:hover{background-color:#278c44}.btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:2px 18px;outline:none;border:2px solid #efca6e;border-radius:9px;text-align:center;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .1s linear;color:#efca6e;letter-spacing:.3px;font-size:15px;line-height:1;background-color:#204665}@media only screen and (min-width:576px){.btn{padding:2px 16px}}.btn.active{background-color:#efca6e;color:#204665;border-color:#efca6e}.btn:hover{background-color:#f1cf7d;color:#204665;border-color:#f0cd75}.btn-group{display:flex;align-items:center;height:32px}.btn-group .btn:not(:last-child){margin-right:.75rem}.form-group-input{display:inline-flex;align-items:center;height:30px}.form-group-input .form-label{margin-left:.5rem}.form-group-input .form-input{cursor:text;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#bfcbd4;border:2px solid transparent;border-radius:9px;outline:none;color:#255073;display:inline-flex;justify-content:center;align-items:center;font-weight:700;letter-spacing:.2px;font-size:inherit;height:26px;line-height:1;padding:0 12px;min-width:18rem;max-width:100%;white-space:nowrap;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-group-input .form-input:focus,.form-group-input .form-input:hover{box-shadow:0 0 0 .1rem #efca6e33;border-color:#efca6e;background-color:#dce3e7}.form-group-input .form-input::placeholder{color:#255073;font-weight:700}.form-group-select{display:inline-flex;align-items:center;height:34px}.form-group-select .form-label{margin-left:.5rem}.form-group-select .form-select-box{display:inline-flex;align-items:center;position:relative;height:100%}.form-group-select .form-select-box .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#dce3e7;background-image:linear-gradient(to bottom,#e5eaee,#bfcbd4 90%);border:2px solid transparent;border-radius:9px;outline:none;color:#255073;display:inline-flex;font-weight:700;letter-spacing:.3px;line-height:1;font-size:inherit;padding:1px 28px 1px 14px;height:28px;min-width:6.5rem;max-width:100%;vertical-align:middle;white-space:nowrap;transition:background .2s,box-shadow .2s,color .2s}.form-group-select .form-select-box .form-select:hover{box-shadow:0 0 0 .1rem #efca6e33;border-color:#efca6e}.form-group-select .form-select-box .form-select-marker{position:absolute;display:block;top:0;right:0;height:100%;width:1rem;z-index:10;background-color:transparent;pointer-events:none;border-bottom-right-radius:6px;border-top-right-radius:6px;outline:none;border:none}.form-group-select .form-select-box .form-select-marker:before{content:"";position:absolute;width:0;height:0;top:50%;right:50%;transform:translate(-25%,-50%);border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #204665}.form-group-toggle{display:flex;align-items:center;height:30px}.form-group-toggle .form-toggle-box{cursor:pointer;display:inline-flex;align-items:center}.form-group-toggle .form-toggle-box .form-input{display:none}.form-group-toggle .form-toggle-box .form-fill{position:relative;width:50px;height:26px;border-radius:13px;background-color:#bfcbd4;margin-right:.5rem;transition:background .2s,box-shadow .2s}.form-group-toggle .form-toggle-box .form-fill:focus,.form-group-toggle .form-toggle-box .form-fill:hover{box-shadow:0 0 0 .15rem #edc45e33;border-color:#edc45e}.form-group-toggle .form-toggle-box .form-input:checked+.form-fill{background-color:#dce3e7}.form-group-toggle .form-toggle-box .form-fill:after{position:absolute;content:"";top:2px;left:2px;width:22px;height:22px;border-radius:20px;background-color:#204665;transition:background .2s,transform .2s}.form-group-toggle .form-toggle-box .form-input:checked+.form-fill:after{transform:translate(22px);background-color:#f0cd75}body{font-size:16px;line-height:1.5;font-family:Avenir,Helvetica,Arial,sans-serif;color:#dae1e6;background:linear-gradient(to bottom,#1e415e 10%,#2b5b84 90%) no-repeat;background-attachment:fixed}#app{height:100vh;display:grid;grid-template-rows:1fr auto;grid-template-areas:"main" "footer"}main{padding:2.5rem;grid-area:main}@media only screen and (min-width:768px){main{padding:4rem}}footer{grid-area:footer;background-color:#204665;font-size:15px;color:#dae1e6}footer .container{padding:.5rem 0}footer .container ul{display:flex;align-content:center;justify-content:space-around}footer .container a{color:#f0cd75;text-decoration:none}footer .container a:hover{color:#f4da9a}section.hero{margin-bottom:3rem}section.control{padding-bottom:1.5rem}@media only screen and (min-width:576px){section.control{margin-bottom:2rem}}section.control .block:not(:last-of-type){margin-bottom:3rem}@media only screen and (min-width:576px){section.control .block:not(:last-of-type){margin-bottom:4rem}}section.control .block .form-group{margin-bottom:.5rem;font-size:15px}@media only screen and (min-width:768px){section.control .block .form-group{font-size:16px}}section.control .block .form-group:last-of-type{margin-bottom:0}.container{margin:0 auto;width:100%}@media only screen and (min-width:1200px){.container{max-width:1100px}}