@charset "UTF-8";*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;background:transparent;border:0;box-shadow:none;color:inherit;font-family:inherit;line-height:inherit;vertical-align:baseline}*,:after,:before{box-sizing:border-box}:not(button){margin:0;padding:0}a,abbr,acronym,address,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{font-size:100%}input,select,textarea{border:1px solid #666}html{font-size:16px}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}hr{border:0;border-top:1px solid #ddd;display:block;height:0;margin:1em 0;padding:0;width:100%}a:hover,ins{text-decoration:none}del{text-decoration:line-through}img{height:auto}@media \0 screen{img{width:auto}}body{background-color:#fff;color:#333;font-family:sans-serif;font-size:1rem;line-height:1.2}article,aside,details,figcaption,figure,footer,header,main,menu,nav,picture,section{display:block}ol,ul{margin:0;padding:0 0 0 32px}dd,dt,li{color:#333;margin:0;padding:8px 0}dl{margin:0;padding:0}dt{font-weight:700;padding-bottom:0}h1,h2,h3,h4,h5,h6{color:#333;font-size:16px;font-weight:500;line-height:1.2;margin:0;padding:12px 0}.h1,h1{font-size:3rem}.h2,h2{font-size:2.25rem}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.125rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.875rem}mark{background-color:#1976d2;color:#fff;display:inline-block;margin:2.8px 0;padding:4px}p{color:#333;font-size:16px;line-height:1.6;margin:0;padding:0 0 12px}@media (max-width:568px){p{font-size:14px}}small{color:#333;font-size:12px}blockquote{color:#333;font-style:italic;margin:0;padding:12px}cite{color:#333;display:block;font-style:normal}code,pre{font-family:Fira Code}pre{word-wrap:break-word;background-color:#eee;border-radius:5px;color:#333;display:block;font-size:14px;margin-bottom:16px;margin-top:16px;padding:12px;white-space:pre-wrap;width:80%}@media (max-width:568px){pre{width:100%}}a{color:#1976d2;text-decoration:underline}a:focus,a:hover{text-decoration:none}fieldset,input,select,textarea{box-sizing:border-box;color:#333;font-size:16px;margin-bottom:0;margin-top:0}label{vertical-align:middle}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;padding:12px}select,textarea{line-height:1.75}textarea{display:block;padding:12px}select:not([multiple]){-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;padding:0 12px;vertical-align:middle}button{background-color:#1976d2;border:1px solid #1976d2;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s,border-color .3s}button:hover{background-color:#f81190;border-color:#f81190}dl div{margin:16px 0}dl dd,dl dt{margin:4px 0;padding:0}dl dt{color:#333}dl dd{color:#353535;font-size:14px}dl.dl-inline div{align-items:center;display:flex}dl.dl-inline dt{margin-right:8px}dl.dl-inline dd{margin-left:8px}dl.dl-inline dd p:first-child:last-child{padding-bottom:0}*{font-family:Roboto}.wrapper{margin:auto;max-width:1400px;padding:24px}.main-heading,.subheading{border-bottom:1px solid #ddd;margin-bottom:16px;padding-bottom:8px;width:100%}.main-heading{font-size:32px;font-weight:700}.subheading{color:#1976d2;font-size:24px;font-weight:900}.demo-content{padding:24px 0;position:relative}.styled-form{padding-bottom:16px;padding-top:16px;position:relative;width:100%}.styled-form .form-row{display:flex;flex-wrap:wrap}.styled-form .input-group{flex:1;padding:8px}.styled-form .input-group:first-child{padding-left:0}.styled-form .input-group:last-child{padding-right:0}.styled-form .input-group:first-child:last-child{padding-left:0;padding-right:0}.styled-form .input-group .input-required{color:#af100d;font-weight:900;left:2px;position:relative}.styled-form .input-group.input-group-error .input-icon,.styled-form .input-group.input-group-error [type=date],.styled-form .input-group.input-group-error [type=email],.styled-form .input-group.input-group-error [type=password],.styled-form .input-group.input-group-error [type=search],.styled-form .input-group.input-group-error [type=tel],.styled-form .input-group.input-group-error [type=text],.styled-form .input-group.input-group-error select,.styled-form .input-group.input-group-error textarea{border-color:#af100d}.styled-form .input-group.input-group-success .input-icon,.styled-form .input-group.input-group-success [type=date],.styled-form .input-group.input-group-success [type=email],.styled-form .input-group.input-group-success [type=password],.styled-form .input-group.input-group-success [type=search],.styled-form .input-group.input-group-success [type=tel],.styled-form .input-group.input-group-success [type=text],.styled-form .input-group.input-group-success select,.styled-form .input-group.input-group-success textarea{border-color:#337234}.styled-form .input-group .validation-message{font-size:12px;font-weight:700}.styled-form .input-group .validation-message.error{color:#af100d}.styled-form .input-group .validation-message.success{color:#337234}.styled-form .input-wrapper,.styled-form .select-wrapper{display:flex;margin:0;padding-top:0;position:relative}.styled-form .input-wrapper>.input-icon+[type=date],.styled-form .input-wrapper>.input-icon+[type=email],.styled-form .input-wrapper>.input-icon+[type=number],.styled-form .input-wrapper>.input-icon+[type=password],.styled-form .input-wrapper>.input-icon+[type=search],.styled-form .input-wrapper>.input-icon+[type=tel],.styled-form .input-wrapper>.input-icon+[type=text],.styled-form .input-wrapper>.input-icon+[type=url],.styled-form .input-wrapper>.input-icon+select,.styled-form .select-wrapper>.input-icon+[type=date],.styled-form .select-wrapper>.input-icon+[type=email],.styled-form .select-wrapper>.input-icon+[type=number],.styled-form .select-wrapper>.input-icon+[type=password],.styled-form .select-wrapper>.input-icon+[type=search],.styled-form .select-wrapper>.input-icon+[type=tel],.styled-form .select-wrapper>.input-icon+[type=text],.styled-form .select-wrapper>.input-icon+[type=url],.styled-form .select-wrapper>.input-icon+select{border-radius:0 5px 5px 0}.styled-form .input-wrapper>.input-icon+select,.styled-form .select-wrapper>.input-icon+select{margin-top:8px}.styled-form .input-wrapper .input-icon,.styled-form .select-wrapper .input-icon{align-items:center;background-color:#f2f2f2;border:1px solid #999;border-radius:5px 0 0 5px;border-right:0;color:#666;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;margin-top:8px;padding:0 12px}.styled-form .input-helper-text{color:#666;display:block;flex:1;font-size:12px;margin:0;padding:0}.styled-form label{font-size:14px;font-weight:700;letter-spacing:1px;margin:0}.styled-form input:not([type=submit]),.styled-form label,.styled-form select,.styled-form textarea{display:block;width:100%}.styled-form [type=date],.styled-form [type=email],.styled-form [type=number],.styled-form [type=password],.styled-form [type=search],.styled-form [type=tel],.styled-form [type=text],.styled-form [type=url],.styled-form textarea{margin:8px 0;padding:12px}.styled-form [type=date]::-webkit-input-placeholder,.styled-form [type=email]::-webkit-input-placeholder,.styled-form [type=number]::-webkit-input-placeholder,.styled-form [type=password]::-webkit-input-placeholder,.styled-form [type=search]::-webkit-input-placeholder,.styled-form [type=tel]::-webkit-input-placeholder,.styled-form [type=text]::-webkit-input-placeholder,.styled-form [type=url]::-webkit-input-placeholder,.styled-form textarea::-webkit-input-placeholder{color:#999}.styled-form [type=date]::-moz-placeholder,.styled-form [type=email]::-moz-placeholder,.styled-form [type=number]::-moz-placeholder,.styled-form [type=password]::-moz-placeholder,.styled-form [type=search]::-moz-placeholder,.styled-form [type=tel]::-moz-placeholder,.styled-form [type=text]::-moz-placeholder,.styled-form [type=url]::-moz-placeholder,.styled-form textarea::-moz-placeholder{color:#999;opacity:1}.styled-form [type=date]:-ms-input-placeholder,.styled-form [type=email]:-ms-input-placeholder,.styled-form [type=number]:-ms-input-placeholder,.styled-form [type=password]:-ms-input-placeholder,.styled-form [type=search]:-ms-input-placeholder,.styled-form [type=tel]:-ms-input-placeholder,.styled-form [type=text]:-ms-input-placeholder,.styled-form [type=url]:-ms-input-placeholder,.styled-form textarea:-ms-input-placeholder{color:#999}.styled-form [type=date]:-moz-placeholder,.styled-form [type=email]:-moz-placeholder,.styled-form [type=number]:-moz-placeholder,.styled-form [type=password]:-moz-placeholder,.styled-form [type=search]:-moz-placeholder,.styled-form [type=tel]:-moz-placeholder,.styled-form [type=text]:-moz-placeholder,.styled-form [type=url]:-moz-placeholder,.styled-form textarea:-moz-placeholder{color:#999}.styled-form [type=date]:focus::-webkit-input-placeholder,.styled-form [type=email]:focus::-webkit-input-placeholder,.styled-form [type=number]:focus::-webkit-input-placeholder,.styled-form [type=password]:focus::-webkit-input-placeholder,.styled-form [type=search]:focus::-webkit-input-placeholder,.styled-form [type=tel]:focus::-webkit-input-placeholder,.styled-form [type=text]:focus::-webkit-input-placeholder,.styled-form [type=url]:focus::-webkit-input-placeholder,.styled-form textarea:focus::-webkit-input-placeholder{visibility:hidden}.styled-form [type=date]:focus::-moz-placeholder,.styled-form [type=email]:focus::-moz-placeholder,.styled-form [type=number]:focus::-moz-placeholder,.styled-form [type=password]:focus::-moz-placeholder,.styled-form [type=search]:focus::-moz-placeholder,.styled-form [type=tel]:focus::-moz-placeholder,.styled-form [type=text]:focus::-moz-placeholder,.styled-form [type=url]:focus::-moz-placeholder,.styled-form textarea:focus::-moz-placeholder{opacity:1;visibility:hidden}.styled-form [type=date]:focus:-ms-input-placeholder,.styled-form [type=email]:focus:-ms-input-placeholder,.styled-form [type=number]:focus:-ms-input-placeholder,.styled-form [type=password]:focus:-ms-input-placeholder,.styled-form [type=search]:focus:-ms-input-placeholder,.styled-form [type=tel]:focus:-ms-input-placeholder,.styled-form [type=text]:focus:-ms-input-placeholder,.styled-form [type=url]:focus:-ms-input-placeholder,.styled-form textarea:focus:-ms-input-placeholder{visibility:hidden}.styled-form [type=date]:focus:-moz-placeholder,.styled-form [type=email]:focus:-moz-placeholder,.styled-form [type=number]:focus:-moz-placeholder,.styled-form [type=password]:focus:-moz-placeholder,.styled-form [type=search]:focus:-moz-placeholder,.styled-form [type=tel]:focus:-moz-placeholder,.styled-form [type=text]:focus:-moz-placeholder,.styled-form [type=url]:focus:-moz-placeholder,.styled-form textarea:focus:-moz-placeholder{visibility:hidden}.styled-form [type=date],.styled-form [type=email],.styled-form [type=number],.styled-form [type=password],.styled-form [type=search],.styled-form [type=tel],.styled-form [type=text],.styled-form [type=url],.styled-form select,.styled-form textarea{background-color:#eee;border:1px solid #999;border-radius:5px;display:block;font-size:14px;margin-top:8px;transition:border-color .3s,background-color .3s;width:100%}.styled-form [type=date]:focus,.styled-form [type=email]:focus,.styled-form [type=number]:focus,.styled-form [type=password]:focus,.styled-form [type=search]:focus,.styled-form [type=tel]:focus,.styled-form [type=text]:focus,.styled-form [type=url]:focus,.styled-form select:focus,.styled-form textarea:focus{background-color:#fff;border:1px solid #1976d2;box-shadow:0 0 2px 0 #1976d2;outline:0}.styled-form [type=date].hidden-field,.styled-form [type=email].hidden-field,.styled-form [type=number].hidden-field,.styled-form [type=password].hidden-field,.styled-form [type=search].hidden-field,.styled-form [type=tel].hidden-field,.styled-form [type=text].hidden-field,.styled-form [type=url].hidden-field,.styled-form select.hidden-field,.styled-form textarea.hidden-field{display:none}.styled-form textarea{min-height:100px}.styled-form [type=search]{border-radius:20px;padding:16px}.styled-form [disabled]{background-color:#ddd;cursor:not-allowed}.styled-form [type=date],.styled-form [type=email],.styled-form [type=number],.styled-form [type=password],.styled-form [type=search],.styled-form [type=tel],.styled-form [type=text],.styled-form [type=url],.styled-form select{height:40px}.styled-form select{margin:6px 0 8px;padding:12px}.styled-form [type=email],.styled-form [type=password],.styled-form [type=tel],.styled-form [type=text],.styled-form [type=url],.styled-form select:not([type=multiple]),.styled-form textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none}.styled-form [multiple]{height:auto;margin-top:4px;padding:8px}.styled-form [multiple] option{padding:4px}.styled-form .select-wrapper{margin:0;padding:0;position:relative}.styled-form .select-wrapper:after{color:#666;content:"▾";font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-55%)}.styled-form [type=checkbox],.styled-form [type=radio]{display:inline;padding:4px 4px 0 0}.styled-form .control-group{margin:16px 0;padding:0}.styled-form .control-group.control-group-inline{align-items:center;display:flex;justify-content:flex-start;margin-top:0}.styled-form .control-group .control-option{align-items:center;display:flex;justify-content:flex-start;margin:16px 16px 16px 0;padding:0}.styled-form .control-group .control-option p{margin:0;padding:0}.styled-form .control-group .control-option .control-label-support{font-size:13px;margin-top:4px}.styled-form .control-group.control-group-list .control-option{border-bottom:1px solid #ddd;margin:0 16px 0 0;padding:12px 8px}.styled-form .control-group.control-group-list .control-option:first-of-type{border-top:1px solid #ddd}.styled-form .control-group.control-group-list .control-option label{flex:1}.styled-form .control-group.control-group-list .control-option.control-option-inline label{align-items:center;display:flex}.styled-form .control-group.control-group-list .control-option.control-option-inline label p{margin:0;padding:0}.styled-form .control-group.control-group-list .control-option.control-option-inline label .control-label-support{padding-left:8px}.styled-form .control-group .control-option-label{margin-left:8px}.styled-form .control-group label{font-size:14px;letter-spacing:1px;line-height:1;margin:0 4px;padding:0;vertical-align:middle;width:auto}.styled-form .control-group label:first-child{margin-left:0}.styled-form .control-group [type=checkbox],.styled-form .control-group [type=radio]{line-height:1;margin:0 4px;min-height:0;padding:0;width:auto}.styled-form .control-label{font-size:16px;font-weight:700;margin:0;padding:4px 0 0}.styled-form .control-label-support{color:#666;font-size:14px;font-weight:400;letter-spacing:0;margin:4px 0;padding-bottom:0}.styled-form .form-buttons{display:flex;flex-wrap:wrap;margin-top:16px}.styled-form .form-buttons p.form-disclaimer{font-size:12px;margin:0;padding:0;width:100%}.styled-form .button,.styled-form [type=submit]{background-color:#1976d2;border:#1976d2;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin-right:16px;margin-top:16px;min-width:0;padding:16px;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:color .3s,border-color .3s,background-color .3s;width:200px}.styled-form .button:focus,.styled-form [type=submit]:focus{border-color:#1976d2;box-shadow:0 0 2px 2px #1976d2;outline:0}.styled-form .button:disabled,.styled-form .button:disabled:hover,.styled-form [type=submit]:disabled,.styled-form [type=submit]:disabled:hover{background-color:#588fc6;border-color:#588fc6;cursor:not-allowed}.styled-form .button:hover:not(:disabled),.styled-form [type=submit]:hover:not(:disabled){color:#fff;transform:translateY(-2px);transition:transform .1s ease-out}.styled-form .form-overlay{align-items:center;background-color:#f2f2f2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.styled-form .form-message{margin:16px}.input-color-picker{display:flex;list-style:none;padding-left:0}.input-color-picker .button-color-swatch{border:0;border-radius:15px;box-shadow:0 0 0 1px #999;cursor:pointer;display:block;height:30px;margin:8px;width:30px}.input-color-picker .button-color-swatch.active{border:2px solid #fff;box-shadow:0 0 2px 2px #333}.input-color-picker .button-color-swatch:focus{border:2px solid #fff;box-shadow:0 0 2px 2px #1976d2;outline:0}.form-holder{border:1px solid #ddd;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.1),-1px -1px 5px rgba(0,0,0,.1);padding:24px}.form-holder form{padding-bottom:0}.form-links p{font-size:14px;margin:8px 0 16px;padding:0}.form-heading{border-bottom:1px solid #ddd;color:#f81190;font-family:Roboto,sans-serif;font-size:32px;font-weight:900;margin-bottom:8px;margin-top:0;padding-bottom:8px;padding-top:0}@media (max-width:568px){.form-heading{font-size:24px}}
/*# sourceMappingURL=index.84c2411d.css.map */