.docs p{padding-top:12px;margin:0;padding-bottom:12px}.docs h1{margin-bottom:32px}.docs h1 a{text-decoration:none}.docs h1 a:hover{text-decoration:underline}.docs h2{margin:36px 0 12px}.docs h3{font-size:22px;margin:24px 0 8px;line-height:28px}.docs ol,.docs ul{margin-bottom:8px;margin-top:8px}.docs li{padding:4px 0;margin:0}.docs-menu{position:absolute;top:106px;left:0;width:160px}.docs-menu ul{list-style:none;padding:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0}.docs-menu__ad{padding:25px 10px;font-size:13px;position:relative;border-bottom:1px solid #ccc;line-height:17px}.docs-menu a{text-decoration:none;width:100%}a.docs-logo{font-size:20px;text-decoration:none;font-weight:600;margin-bottom:0}.docs-menu li{list-style:none;padding:0;margin:0}a.docs-menu__item--active{font-weight:400;color:#222}.codepen-embed{height:600px;padding:16px 30px;background-color:#f8f8f8;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-left:-30px;width:100%}.codepen-embed--disabled{height:auto}.codepen-embed p{margin-bottom:0}.docs .highlight{padding:16px 30px;margin-bottom:26px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-radius:2px;margin-left:-30px;width:100%}.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{font-weight:700;color:#000}.kt{color:#795da3}.m{color:#099}.s{color:#df5000}.na{color:#a71d5d}.nb{color:#0086b3}.nc{color:#795da3}.no{color:#a71d5d}.nd{font-weight:700;color:#3c5d5d}.ni{color:purple}.ne,.nf,.nl{font-weight:700;color:#900}.nn{color:#555}.nt{color:#0086b3}.nv{color:#a71d5d}.ow{font-weight:700;color:#000}.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}.video{margin:0 0 24px;width:100%%}.video__container{height:0;overflow:hidden;padding-top:35px;position:relative;padding-bottom:56.25%;width:100%}.video__container iframe{height:100%;position:absolute;top:0;left:0;width:100%}.video-desc{max-width:740px;margin:12px auto;width:100%}.row--heading{position:relative}.section--head p{font-size:26px;font-size:19px;margin-bottom:24px;text-align:left;line-height:32px;line-height:29px}.section--head .github-button{right:0;position:absolute;top:0}.row--nav{font-size:32px;text-align:center;line-height:1.1}a.twitter-nav-link{border:0;margin: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{height:.8em;margin-right:.1em;content:"";background:url(../test/twitter.svg);background-size:.7em .7em;background-position:0 .1em;width:.8em;background-repeat:no-repeat;display:inline-block}span.highlight{background:#f6f3e2}.title-block p{font-size:22px;margin-bottom:24px;max-width:600px;line-height:28px}ul.text-list{color:#444}.section--head p,.title-block p{color:#666}.title-block p{font-size:19px;line-height:29px}.section{width:100%;margin-top:176px}.docs{margin-top:60px}.section--head{padding:132px 0;margin:0;background:#eee}.row--docs{max-width:960px;padding-left:210px}.row--heading{margin-bottom:0;margin-top:0}.row--footer{padding:132px 0;text-align:center}.row--wide{max-width:1000px}.row--video{max-width:1160px}.row--wide img{margin:0 12px 12px 0;width:200px;float:left}img.img--with_border{border:1px solid #ddd;border-radius:2px}.img-desc{margin-left:212px}.row--large{margin-bottom:48px}.section--head h1 a{font-size:14px;text-decoration:none;vertical-align:super}.col-50{width:48%;float:left}.col-50:first-child{margin-right:4%}.col-img{height:auto;max-width:100%;width:auto}.style-select,.style-select .radio{width:100%;float:left}.style-select .radio{margin-bottom:12px;position:relative;display:block}.style-select label{position:relative;cursor:pointer;padding-left:24px;display:block}.style-select input{height:24px;overflow:hidden;padding:0;border:0;position:absolute;outline:0;opacity:0;top:0;margin:0;cursor:pointer;left:0;width:24px}.style-select input+label:before{height:16px;border:2px solid rgba(0,0,0,.6);content:"";position:absolute;top:4px;box-sizing:border-box;border-radius:50%;background:none;left:0;width:16px}.radio:hover label:before,.style-select input:checked+label:before{border-color:#3169b3}.style-select input:checked+label:after{height:6px;content:"";position:absolute;top:9px;border-radius:50%;background:#3169b3;left:5px;width:6px}.row--modules ul{list-style:none;margin-left:0}.row--modules span{border-left:5px solid #fff;font-wight:600;margin-left:-10px;padding-left:5px}.size-chart{width:100%;display:inline-block}.size-chart div{height:21px;padding:4px;font-size:13px;line-height:1;float:left}.block__ui-separated{position:relative}.block__ui-separated .col-50{position:absolute;top:12px;left:0}.block__ui-separated img{max-width:450px;float:right}.image-gallery{height:auto;width:100%;float:left}.image-gallery a{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:.1em;-webkit-touch-callout:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 0 1em;box-shadow:0 1px 1px 0 rgba(0,0,0,.18);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#fff;width:100%;display:inline-block}a.image-gallery__img--main{height:auto;opacity:1;cursor:zoom-in;width:100%}a.image-gallery__img--main,a.image-gallery__img--main :hover{-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-ms-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in}a.image-gallery__img--main :hover{opacity:.8}.ukraine-flag{height:14px;position:relative;top:1px;background:#fc0;width:21px;display:inline-block}.ukraine-flag:before{height:7px;content:"";position:absolute;top:0;background:#06c;left:0;width:21px}.image-gallery figure{display:none}.image-gallery__title{font-size:14px;opacity:.8;width:100%;line-height:14px;float:left;margin-top:5px}.share-buttons h2{border:0;text-align:center}.share-buttons{position:relative;text-align:center;margin:0 0 24px}.share-buttons a{padding:10px 20px;font-size:16px;text-decoration:none;color:#fff;margin:10px;-moz-border-radius:2px;border-radius:2px;background:#5aaf63;cursor:pointer;line-height:22px;display:inline-block}.share-buttons a:hover{opacity:.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{padding:30px 0;margin-top:0}.docs{margin-top:48px}.docs-menu{top:0;margin:15px 0;left:0}.docs-menu,.docs-menu ul{position:relative}.docs-menu__ad{display:none}.row--nav{font-size:24px;line-height:1.1}}@media screen and (max-width:650px){h1{font-size:40px}.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{margin-bottom:12px;width:100%}.codepen-embed,.docs .highlight{padding-right:18px;margin-left:-18px;padding-left:18px}.section{margin-top:88px}.docs{margin-top:32px}.section--head{padding:24px 0;margin-top:0}.row--nav{font-size:18px;line-height:26px}}@media screen and (max-width:700px){.row--nav{font-size:18px;line-height:26px}.section--head p{font-size:18px;line-height:24px}}