*{-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{display:flex;flex-wrap:wrap;padding:24px 0;position:relative}article{margin:0;max-width:1024px;padding:0}@media (max-width:768px){article{padding-left:16px;padding-right:16px}}article h1,article h2,article h3{clear:both;color:#f81190;font-weight:900;margin-bottom:8px;margin-top:16px;padding:0}article h1{font-size:36px}article h1:first-child{margin-top:0;padding-top:0}@media (max-width:568px){article h1{font-size:28px}}article h2{font-size:32px}@media (max-width:568px){article h2{font-size:24px}}article h3{font-size:24px}@media (max-width:568px){article h3{font-size:20px}}article p{font-style:16px;line-height:1.5;margin:8px 0;padding:0}article li,article p{color:#333;font-family:Noto Sans,sans-serif;font-size:18px;line-height:1.6}@media (max-width:568px){article li,article p{font-size:14px}}article img{border-radius:5px;display:block;float:left;margin:16px 32px 16px 0}article img.pull-right{float:right;margin:16px 0 16px 32px}article img.pull-center{float:none;margin:16px auto}article ol,article ul{clear:both;list-style-position:inside;margin-bottom:24px;margin-top:24px;padding:0}article h2+ol,article h2+ul,article h3+ol,article h3+ul{margin-top:0}article li{margin:12px;padding:0}
/*# sourceMappingURL=index.7d570961.css.map */