/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,*::before,*::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}code[class*=language-],pre{color:#f8f8f2;background:none;font-family:Menlo,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:16px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:3;-o-tab-size:3;tab-size:3;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre{padding:1.3em 1.5em;margin:20px 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre{background:#2c343c}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#9aa2ab}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff4f8f}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#5dd98a}.token.operator,.token.entity,.token.url,.style .token.string,.token.variable{color:#00a6ff}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.bp-wrap{top:0;left:0;width:100%;height:100%;position:fixed;z-index:999;contain:layout style size;touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bp-wrap>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);transform:translateZ(0)}.bp-wrap button{cursor:pointer;position:absolute;border:0}.bp-wrap svg{fill:#fff;transform:translateZ(0)}.bp-item{position:absolute;will-change:transform}.bp-inner{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center}.bp-img{user-select:none;cursor:zoom-in}.bp-img div,.bp-img img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%}.bp-img .bp-o{display:none}.zoomed .bp-img{cursor:grab}.zoomed .bp-cap{opacity:0}.bp-img.dragging{cursor:grabbing}.bp-count{position:absolute;color:rgba(255,255,255,.9);margin:20px;pointer-events:none;transform:translateZ(0)}.bp-prev,.bp-next{background-color:rgba(0,0,0,.15);top:50%;right:0;margin-top:-32px;height:64px;width:58px;transition:all .1s;border-radius:3px 0 0 3px;opacity:.9}.bp-prev:hover,.bp-next:hover{background-color:rgba(0,0,0,.2);opacity:1}.bp-prev:hover svg,.bp-next:hover svg{transform:translateX(-2px)}.bp-prev svg,.bp-next svg{position:absolute;left:6px;top:9px;width:46px;transition:all .2s}.bp-prev{right:auto;left:0;transform:scalex(-1)}.bp-x{background:rgba(0,0,0,.15);top:0;right:0;opacity:.9;transition:all .1s;height:55px;width:58px;border-radius:0 0 0 3px}.bp-x:hover{background-color:rgba(0,0,0,.2);opacity:1}.bp-x svg{width:37px;top:8px;right:10px;position:absolute}.bp-if iframe,.bp-if div,.bp-vid iframe,.bp-vid div{top:0;left:0;width:100%;height:100%;position:absolute;border:0;backface-visibility:hidden}.bp-if{background:#000}.bp-load{display:flex;background-size:cover;background-position:center;overflow:hidden}.bp-bar{position:absolute;top:0;left:0;height:3px;width:100%;transform:translateX(-100%);background:rgba(255,255,255,.9);animation:bp-bar 4s both}@keyframes bp-bar{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.bp-o,.bp-o:after{border-radius:50%;width:100px;height:100px}.bp-o{margin:auto;border:12px solid rgba(255,255,255,.2);border-left-color:rgba(255,255,255,.9);animation:bp-o 1s infinite linear}@keyframes bp-o{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bp-html{overflow:auto;width:900px;max-height:98%;max-width:98%}.bp-cap{position:absolute;bottom:2%;background:rgba(9,9,9,.8);color:rgba(255,255,255,.9);border-radius:4px;max-width:95%;line-height:1.3;padding:.6em 1.2em;margin:auto auto 0;left:50%;transform:translateX(-50%);width:fit-content;transition:opacity .3s}.bp-cap a{color:inherit}.bp-inline:not(.zoomed){touch-action:pan-y}html,body{min-height:100%;display:flex;flex-direction:column;flex-grow:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:17px;background:#fff;background-image:url("../assets/pattern_waves.png")}img{max-width:100%}p{line-height:1.7}main{flex-grow:1}.main{width:100%;margin:0 auto;padding:0 5%;position:relative;text-align:center}.main p{width:800px;max-width:100%;display:table;margin:0 auto 1em}.inner-wrap{position:relative;max-width:1300px;margin:0 auto}h1,h2,h3,h4{line-height:1.4}footer{background:rgba(0,0,0,.1);margin:30px 0 0}.github-link{background:#171c21;color:#fff;padding:13px 5% 9px;text-align:center;text-decoration:none;transition:background-color .2s;display:block}.github-link:hover,.github-link:focus{background:#101317}.github-link span{position:relative;top:-4px;margin:0 0 0 3px;font-size:16px;font-weight:500}.github-link span:before{content:"github.com/"}.github-link svg{width:20px;height:20px;fill:#fff}.hero{padding:90px 0 100px;position:relative;text-align:center;background:rgba(45,46,58,.91);color:#fff}.hero img{max-width:100%}.hero p{display:table;margin:0 auto;width:610px}.hero button{margin-top:5px}.badges{margin:10px auto 25px}.badges a{text-decoration:none;position:relative;top:3px;margin:0 0 0 4px}.logo{position:relative;width:100%;max-width:950px;text-align:right;margin:0 auto}.sections>:first-child{min-height:999px}.sections section{position:relative;padding:70px 0 90px;background:rgba(255,255,255,.93)}.sections section:nth-of-type(even){background:rgba(245,246,249,.93)}h2{color:#ff4243;text-transform:uppercase;font-size:1.7em;margin:0 0 13px;font-weight:800}.masonry{margin:50px -4px -4px;display:flex;flex-flow:column wrap;align-content:space-between;overflow:hidden;list-style:none;padding:0}.masonry span{display:block;width:100%}.masonry li{position:relative;padding:4px}.masonry a{background:#eee;position:absolute;display:flex;position:relative;max-width:100%;background:#eee}.masonry a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.01;transition:opacity .2s}.masonry a:hover:after{opacity:.05}.masonry img{position:absolute;width:100%}p code{background:#e9e9e9;padding:2px 5px;border-radius:4px;font-size:.94em}h3{font-size:23px;margin:0}.hide{display:none}.hide:focus{display:block}.bp-html{border-radius:3px}.bp-html .hide{display:block}.bp-html .code-example{position:relative;padding:34px;font-size:16px;background:#1d2226;color:#fff}.bp-html .code-example:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../assets/pattern_waves.png");opacity:.04}.bp-html .code-example>div{position:relative}.bp-html .code-example :first-child{margin-top:0}.bp-html .code-example :last-child{margin-bottom:0}.bp-html .code-example p code{background:#2c343c;padding:4px 8px}.thumbnail-wrap{position:absolute;top:0;left:0;width:100%;height:100%;position:fixed;display:flex;flex-direction:column}.thumbnail-wrap>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.thumbnail-bp{flex-grow:1;position:relative}.thumbnail-bp .bp-wrap{position:absolute}.thumbnail-bp .bp-wrap>div:first-child{background:transparent}.thumbnails{height:80px;width:100%;position:relative;background:rgba(0,0,0,.8);z-index:9999;transition:opacity .4s}.thumbnails.hide-thumbs{opacity:0;pointer-events:none}.thumbnails div{display:flex;height:100%;overflow-x:auto;overscroll-behavior-x:container;scroll-snap-type:x mandatory;scroll-behavior:smooth}.thumbnails button{cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;background:transparent;border:0;padding:0;height:100%;width:105px;flex-grow:1;background-size:cover;background-position:center;opacity:.7;transition:opacity .15s}.thumbnails button:hover,.thumbnails button:focus{opacity:.85}.thumbnails button.active{opacity:1}.inline-gallery{position:relative;background:#666;overflow:hidden;margin:50px 0 0}.inline-gallery:before{content:"";padding-bottom:66.66%;display:block}.inline-gallery .bp-wrap,.inline-gallery .thumbnail-wrap{position:absolute}.flexmasonry-item{width:100%}.flexmasonry-cols-2 .flexmasonry-item{width:50%}.flexmasonry-cols-3 .flexmasonry-item{width:33.333%}.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1){order:1}.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n){order:2}.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1){order:1}.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2){order:2}.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n){order:3}.flexmasonry-break{content:"";flex-basis:100%;width:0 !important;margin:0}.flexmasonry-break-1{order:1}.flexmasonry-break-2{order:2}.flexmasonry-break-3{order:3}.flexmasonry-break-4{order:4}.flexmasonry-break-5{order:5}.flexmasonry-break-6{order:6}.flexmasonry-break-7{order:7}footer{background:rgba(16,20,24,.9);color:#fff;margin:0;text-align:center}footer a{color:#fff}footer .main p{width:100%;font-size:.95em;margin:1em 0;line-height:1.2}@media(max-width: 700px){body{font-size:16px}p{line-height:1.8}.github-link span:before{content:""}.hero{padding:40px 0 47px}.heading-badges{display:block;margin:5px -5px -5px}#images .flexmasonry-item:last-of-type{order:2}}