blockquote,body,div,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,label,legend,li,nav,object,ol,p,section,table,ul{margin:0;padding:0}figure{display:block}a{color:#3169b3}a:hover{color:#c00}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:myriad-pro,Myriad Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;line-height:26px;color:#282b30;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}code,pre{font-family:Menlo,Monaco,monospace;font-size:0.75rem;line-height:1.45;color:#333;tab-size:4}pre{padding:0;margin:0;overflow:auto;word-wrap:normal;text-rendering:auto;-webkit-font-smoothing:auto}code{padding:0;padding:3px 5px;margin:0;background:#f2f2f2;border-radius:2px}pre code{background:none;padding:0;border-radius:0}h3 code{font-size:1.375rem;font-weight:400;padding:6px 10px}h3 code.default{font-size:0.75rem;padding:0;background:none;opacity:0.7}.docs p{margin:0;padding-bottom:12px;padding-top:12px}.docs h1{margin-bottom:32px}.docs h1 a{text-decoration:none}.docs h1 a:hover{text-decoration:underline}.docs h2{margin:0;margin:36px 0 12px}.docs h3{margin:0;margin:24px 0 8px 0;font-size:1.375rem;line-height:28px}.docs ol,.docs ul{margin-top:8px;margin-bottom:8px}.docs li{margin:0;padding:4px 0}.docs-menu{position:absolute;width:160px;left:0;top:106px}.docs-menu ul{list-style:none;margin:0;padding:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.docs-menu__ad{padding:25px 10px;border-bottom:1px solid #ccc;font-size:0.8125rem;line-height:17px;position:relative}.docs-menu a{text-decoration:none;width:100%}a.docs-logo{font-weight:600;font-size:1.25rem;margin-bottom:0;text-decoration:none}.docs-menu li{list-style:none;margin:0;padding:0}a.docs-menu__item--active{color:#222;font-weight:400}.codepen-embed{margin-left:-30px;padding:16px 30px;width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:initial;background-color:#f8f8f8;height:600px}.codepen-embed--disabled{height:auto}.codepen-embed p{margin-bottom:0}.docs .highlight{border-radius:2px;margin-left:-30px;padding:16px 30px;width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:initial;margin-bottom:26px}.highlight{background-color:#f8f8f8}.c{color:#888}.err{color:#a61717;background-color:#e3d2d2}.k{color:#a71d5d}.o{color:#000}.cm,.cp{color:#888}.cp{font-weight:700}.c1,.cs{color:#888}.cs{font-weight:700}.gd{background-color:#fdd}.gd,.ge{color:#000}.gr{color:#a00}.gh{color:#888}.gi{color:#000;background-color:#dfd}.go{color:#888}.gp{color:#555}.gs{font-weight:700}.gu{color:#aaa}.gt{color:#a00}.kc{color:#0086b3}.kd{color:#a71d5d}.kn,.kp,.kr{color:#000;font-weight:700}.kt{color:#795da3}.m{color:#099}.s{color:#df5000}.na{color:#a71d5d}.nb{color:#0086b3}.nc{color:#795da3}.no{color:#a71d5d}.nd{color:#3c5d5d;font-weight:700}.ni{color:purple}.ne,.nf,.nl{color:#900;font-weight:700}.nn{color:#555}.nt{color:#0086b3}.nv{color:#a71d5d}.ow{color:#000;font-weight:700}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#099}.s2,.sb,.sc,.sd,.se,.sh,.si,.sx{color:#df5000}.sr{color:#009926}.s1{color:#df5000}.ss{color:#990073}.bp{color:#888}.vc,.vg,.vi{color:#a71d5d}.il{color:#099}.language-css .k{color:#0086b3}.language-css .nt{color:#63a35c}img{width:auto;max-width:100%;height:auto;border:0}.video{width:100%;margin:0 0 24px 0}.video__container{position:relative;width:100%;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video__container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-desc{width:100%;max-width:740px;margin:12px auto}p{margin:0 0 12px}ul{list-style:disc}ol,ul{padding:0;margin:0 0 12px 25px}li{margin:0 0 12px 0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}h1{font-size:3rem;line-height:1;margin:0;font-weight:600;margin-bottom:6px}.row--heading{position:relative}.section--head p{text-align:left;font-size:1.625rem;line-height:32px;margin-bottom:24px;font-size:1.1875rem;line-height:29px}.section--head .github-button{position:absolute;right:0;top:0}.row--nav{text-align:center;font-size:2rem;line-height:1.1}.navigation{width:100%;background:#f7f7f7;position:relative;padding:30px 0}.navigation a{text-decoration:none;border-bottom:1px solid #92abcd}a.twitter-nav-link{border:0;margin:0 0.2em}.twitter-nav-link span{border-bottom:1px solid #92abcd}.navigation a:hover,.twitter-nav-link:hover span{border-bottom-color:#c00}.twitter-nav-link:before{content:"";background:url(../test/twitter.svg);display:inline-block;width:0.8em;height:0.8em;background-size:0.7em 0.7em;background-repeat:no-repeat;background-position:0 0.1em;margin-right:0.1em}h2{font-size:2rem;line-height:1.1;margin-bottom:12px}h2,h3{font-weight:600}h3{font-size:1.375rem;line-height:28px;margin:0 0 8px 0;font-size:1.125rem;line-height:24px}strong{font-weight:600}span.highlight{background:#f6f3e2}.title-block p{font-size:1.375rem;line-height:28px;max-width:600px;margin-bottom:24px}p,ul.text-list{color:#444}.section--head p,.title-block p{color:#666}.title-block p{font-size:1.1875rem;line-height:29px}.section{width:100%;margin-top:176px}.docs{margin-top:60px}.section--head{margin:0;background:#eee;padding:132px 0}.row{max-width:800px;margin:24px auto;padding:0 30px;position:relative}.row--docs{max-width:960px;padding-left:210px}.row--heading{margin-top:0;margin-bottom:0}.row--footer{text-align:center;padding:132px 0}.row--wide{max-width:1000px}.row--video{max-width:1160px}.row--wide img{float:left;margin:0 12px 12px 0;width:200px}img.img--with_border{border:1px solid #ddd;border-radius:2px}.img-desc{margin-left:212px}.row:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.row--large{margin-bottom:48px}.section--head h1 a{vertical-align:super;font-size:0.875rem;text-decoration:none}.col-50{width:48%;float:left}.col-50:first-child{margin-right:4%}.col-img{width:auto;max-width:100%;height:auto}.style-select,.style-select .radio{width:100%;float:left}.style-select .radio{position:relative;margin-bottom:12px;display:block}.style-select label{padding-left:24px;position:relative;display:block;cursor:pointer}.style-select input{position:absolute;left:0;top:0;width:24px;height:24px;overflow:hidden;margin:0;padding:0;border:0;outline:0;opacity:0;cursor:pointer}.style-select input+label:before{content:"";position:absolute;left:0;top:4px;background:none;border-radius:50%;width:16px;height:16px;box-sizing:border-box;border:2px solid rgba(0,0,0,0.6)}.radio:hover label:before,.style-select input:checked+label:before{border-color:#3169b3}.style-select input:checked+label:after{content:"";position:absolute;left:5px;top:9px;width:6px;height:6px;background:#3169b3;border-radius:50%}.row--modules ul{list-style:none;margin-left:0}.row--modules span{font-wight:600;border-left:5px solid #fff;padding-left:5px;margin-left:-10px}.size-chart{width:100%;display:inline-block}.size-chart div{height:21px;float:left;font-size:0.8125rem;padding:4px;line-height:1}.block__ui-separated{position:relative}.block__ui-separated .col-50{position:absolute;left:0;top:12px}.block__ui-separated img{float:right;max-width:450px}.demo-gallery{width:100%;height:auto;float:left}.demo-gallery a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;display:block;float:left;margin:0 12px 12px 0;width:171px;line-height:0}a.demo-gallery__img--main{width:auto;height:auto}.ukraine-flag{width:21px;height:14px;position:relative;background:#fc0;top:1px;display:inline-block}.ukraine-flag:before{content:"";position:absolute;width:21px;height:7px;left:0;top:0;background:#06c}.demo-gallery figure{display:none}.demo-gallery__title{line-height:14px;font-size:0.875rem;opacity:0.8;margin-top:5px;width:100%;float:left}.share-buttons h2{text-align:center;border:0}.share-buttons{text-align:center;position:relative;margin:0 0 24px}.share-buttons a{-moz-border-radius:2px;border-radius:2px;display:inline-block;padding:10px 20px;margin:10px;color:#fff;text-decoration:none;background:#5aaf63;font-size:1rem;line-height:22px;cursor:pointer}.share-buttons a:hover{opacity:0.7}#tweet{background:#0096c4}#like{background:#3b5998}#gplus{background:#d34836}@media screen and (max-width:1000px){.row--wide{max-width:800px}.row--wide img{float:none}.img-desc{margin-left:0}.section{margin-top:132px}.row--docs{max-width:800px;padding-left:30px}.section--head{margin-top:0;padding:30px 0}.docs{margin-top:48px}.docs-menu{margin:15px 0;left:0;top:0}.docs-menu,.docs-menu ul{position:relative}.docs-menu__ad{display:none}.row--nav{font-size:1.5rem;line-height:1.1}}@media screen and (max-width:650px){h1{font-size:2.5rem}.block__ui-separated .col-50{position:relative;top:0}.block__ui-separated img{max-width:100%;width:100%;float:left}}@media screen and (max-width:450px){.col-50:first-child{margin-right:0}.row--wide img{margin-bottom:6px}.col-50{width:100%;margin-bottom:12px}.row{padding:0 18px}.codepen-embed,.docs .highlight{padding-left:18px;padding-right:18px;margin-left:-18px}.section{margin-top:88px}.docs{margin-top:32px}.section--head{margin-top:0;padding:24px 0}.row--nav{font-size:1.125rem;line-height:26px}}@media screen and (max-width:700px){.row--nav{font-size:1.125rem;line-height:26px}.demo-gallery{max-width:500px}.demo-gallery a{width:120px;margin:0 4px 4px 0}a.demo-gallery__img--main{width:164px}.section--head p{font-size:1.125rem;line-height:24px}}@media screen and (max-width:450px){.demo-gallery a{width:95px;margin:0 1px 1px 0}a.demo-gallery__img--main{width:127px}}@media screen and (max-width:350px){.demo-gallery a{width:81px;margin:0 1px 1px 0}a.demo-gallery__img--main{width:109px}}