diff --git a/README.md b/README.md index 7ebfb0d..f2662a8 100755 --- a/README.md +++ b/README.md @@ -53,4 +53,4 @@ We take security seriously. Please contact [security@lbry.io](mailto:security@lb ## Contact -The primary contact for this project is [@netoperatorwibby](https://github.com/netoperatorwibby). +The primary contact for this project is [@netoperatorwibby](https://github.com/netoperatorwibby)(paul@lbry.io). diff --git a/client.js b/client.js index 69ea9d3..3cb37d1 100755 --- a/client.js +++ b/client.js @@ -48,7 +48,6 @@ function main() { app.route("/api", page(require("./views/pages/api")(app))); app.route("/resources", page(require("./views/pages/resources")(app))); app.route("/resources/*", page(require("./views/pages/page")(app))); - app.route("/tour", page(require("./views/pages/tour")(app))); app.route("/*", page(require("./views/pages/page")(app))); return app; diff --git a/documents/styleguide.md b/documents/styleguide.md new file mode 100644 index 0000000..dd9c709 --- /dev/null +++ b/documents/styleguide.md @@ -0,0 +1,18 @@ +--- +title: Styleguide +--- + +### CSS +- Styles should never override +- IDs do not belong in stylesheets +- Nesting is should be a maximum of three levels deep +- BEM is your friend +- Nested includes should be at the top of rules +- CSS parameters in alphabetical order, except for presentation styles + + + +### JS +- No trailing commas +- Semicolons are there to protect you from yourself +- Use strict comparing (`!==` / `===`), as false-y values are evil diff --git a/documents/tour.md b/documents/tour.md new file mode 100644 index 0000000..0e57151 --- /dev/null +++ b/documents/tour.md @@ -0,0 +1,9 @@ +--- +title: Tour +--- + +LBRY (pronounced "library") is an application layer protocol, similar to HTTP. However, while HTTP links can direct you to decentralized content, the LBRY protocol *itself* is decentralized. + +Check out any of the examples to get a feel for the LBRY protocol! + + diff --git a/package.json b/package.json index b40eff3..e1ab662 100755 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "version": "0.0.0", "private": true, "dependencies": { - "@octokit/rest": "^15.9.4", + "@octokit/rest": "^15.9.5", "app-root-path": "^2.1.0", "async": "^2.6.1", "choo": "^6.13.0", @@ -41,7 +41,7 @@ "slack-node": "^0.1.8", "socket.io": "^2.1.1", "stringify-object": "^3.2.2", - "turbocolor": "^2.4.1", + "turbocolor": "^2.4.3", "ws": "^6.0.0" }, "devDependencies": { @@ -50,7 +50,7 @@ "choo-devtools": "^2.5.1", "nodemon": "^1.18.3", "npm-run-all": "^4.1.3", - "sass": "^1.10.1", + "sass": "^1.10.3", "snazzy": "^7.1.1", "standardx": "^2.1.0", "updates": "^4.1.2" diff --git a/public/css/style.css b/public/css/style.css index cb9e0bb..16c5086 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1 +1 @@ -html{box-sizing:border-box;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit;outline:0 !important}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:currentColor;text-decoration:none}*[readonly]{cursor:not-allowed}textarea[disabled]{resize:none}textarea:not[disabled]{resize:vertical}button:not(:disabled){cursor:pointer}button,input,select,textarea{border:none;border-radius:0;font-family:inherit;font-size:inherit;-moz-appearance:none;-webkit-appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}input,select,textarea{background-color:transparent}input[type=submit]{cursor:pointer}.left{float:left}.right{float:right}iframe{border:0}img{font-size:0;max-width:100%}img::after{width:100%;height:100%;top:-100%;left:0;background-color:#fcfcfc;background-image:url("/assets/media/images/missing.png");background-size:cover;box-shadow:0 0 1px 0 rgba(34,34,34,.3);content:"";display:block;position:relative}@media print{pre,blockquote{border:1px solid #999 !important;page-break-inside:avoid !important}tr,img{page-break-inside:avoid !important}img{max-width:100% !important}@page{margin:.5cm !important}p,h2,h3{orphans:3 !important;widows:3 !important}h2,h3{page-break-after:avoid !important}thead{display:table-header-group !important}*{background:transparent !important;color:#000 !important;text-shadow:none !important;filter:none !important}p a[href]::after{content:" (" attr(href) ")" !important}p abbr[title]::after{content:" (" attr(title) ")" !important}p a[href^="javascript:"]::after,p a[href^="#"]::after{content:"" !important}p a,p abbr{word-wrap:break-word !important;text-decoration:underline !important}}input::-moz-focus-inner,button::-moz-focus-inner{display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fcfcfc inset !important}input:-webkit-autofill:focus{outline:none}.clear{clear:both;content:"";display:block}.hide-text{border:0;color:transparent;font:0/0 a;text-shadow:none}.__button-base,.__button-gray,.__button-white,.__button-black,.hook__page__content__meme__uploader,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-plain,.__button-basic,.newsletter-cta__submit{border:1px solid;font-size:1rem;letter-spacing:.025rem;position:relative;transition:all .2s}.__button-plain{background-color:transparent;border-color:transparent}.__button-plain::after{width:100%;height:2px;bottom:2px;left:0;content:"";display:block;transition:background-color .2s}.__button-plain:not(:hover)::after{background-color:transparent}.__button-plain:hover::after{background-color:#222}.__button-black:not(:hover),.hook__page__content__meme__uploader:not(:hover),.home .intro .cta:not(:hover),.home .docs .cta:not(:hover),.home .contribute .cta:not(:hover),.home .develop .cta:not(:hover),.home .community .cta:not(:hover),.home .features .home__feature__cta:not(:hover){background-color:#222;border-color:#fcfcfc;box-shadow:2px 2px 0 #fcfcfc;color:#fcfcfc}.__button-black:hover,.hook__page__content__meme__uploader:hover,.home .intro .cta:hover,.home .docs .cta:hover,.home .contribute .cta:hover,.home .develop .cta:hover,.home .community .cta:hover,.home .features .home__feature__cta:hover{background-color:#fcfcfc;border-color:#222;box-shadow:2px 2px 0 #222;color:inherit}.__button-white:not(:hover){background-color:#fcfcfc;border-color:transparent;box-shadow:2px 2px 0 #222;color:inherit}.__button-white:hover{background-color:#222;border-color:#fcfcfc;box-shadow:2px 2px 0 #fcfcfc;color:#fcfcfc}.__button-gray{background-color:#fcfcfc}.__button-gray:not(:hover){border-color:transparent;box-shadow:2px 2px 0 #222}.__button-gray:hover{border-color:#3abf7d;box-shadow:2px 2px 0 #3abf7d;color:#3abf7d}.__button-padding-vertical,.newsletter-cta__submit,.__button-black,.hook__page__content__meme__uploader,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-white,.__button-gray{padding-top:.5rem;padding-bottom:.5rem}.__button-padding-horizontal,.newsletter-cta__input,.newsletter-cta__submit,.__button-black,.hook__page__content__meme__uploader,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-white,.__button-gray{padding-right:1rem;padding-left:1rem}.__grid:first-of-type{cursor:default;font-size:.8rem;font-weight:600;letter-spacing:.2rem;text-transform:uppercase}.__grid:not(:first-of-type){border-left:1px solid #a3b7ad}.__grid:not(:first-of-type) .col{border-bottom-style:solid;border-bottom-width:1px}.__grid:not(:first-of-type) .col:last-of-type{border-right-style:solid;border-right-width:1px}.__grid:not(:first-of-type) .col:not(.red):not(.orange):not(.yellow):not(.green){border-color:#a3b7ad}@media(min-width: 600px){.__grid{display:table;table-layout:fixed;width:100%}.__grid .col{display:table-cell}}.col{padding:.5rem 1rem;width:100%}.col:not(:first-of-type){text-align:right}@media(min-width: 600px){.grid-padded{margin-right:-1rem;margin-left:-1rem}.grid-padded .grid{border-spacing:1rem 0}}.grid-align-middle .col{vertical-align:middle}.grid-reverse{direction:rtl}.grid-reverse .col{direction:ltr}@font-face{font-family:"Karla";font-style:normal;font-weight:400;src:local("Karla Regular"),url(https://brick.freetls.fastly.net/fonts/karla/400.woff) format("woff")}@font-face{font-family:"Karla";font-style:italic;font-weight:400;src:local("Karla Italic"),url(https://brick.freetls.fastly.net/fonts/karla/400i.woff) format("woff")}@font-face{font-family:"Karla";font-style:normal;font-weight:700;src:local("Karla Bold"),url(https://brick.freetls.fastly.net/fonts/karla/700.woff) format("woff")}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-down{0%{transform:translateY(-4rem)}10%{transform:translateY(2rem)}90%{transform:translateY(2rem)}100%{transform:translateY(-4rem)}}.ecosystem{margin-bottom:2rem;padding-top:1rem;display:grid;font-size:1rem;grid-gap:1rem}.ecosystem:not(.expand-left):not(.expand-right){grid-template-columns:144px auto 144px}.ecosystem:not(.expand-left):not(.expand-right) .ecosystem__submodules{padding-top:2.5rem}.ecosystem.expand-left{grid-template-columns:50% auto}.ecosystem.expand-left .ecosystem__submodules:last-of-type,.ecosystem.expand-left .ecosystem__submodule:not(.active){display:none}@media(min-resolution: 96dpi){.ecosystem.expand-left .ecosystem__submodules:first-of-type{height:383px}}@media(min-resolution: 192dpi){.ecosystem.expand-left .ecosystem__submodules:first-of-type{height:378px}}.ecosystem.expand-right{grid-template-columns:auto 50%}.ecosystem.expand-right .ecosystem__submodules:first-of-type,.ecosystem.expand-right .ecosystem__submodule:not(.active){display:none}@media(min-resolution: 96dpi){.ecosystem.expand-right .ecosystem__submodules:last-of-type{height:383px}}@media(min-resolution: 192dpi){.ecosystem.expand-right .ecosystem__submodules:last-of-type{height:378px}}.ecosystem__module{position:relative;width:100%}.ecosystem__module > *{z-index:1}.ecosystem__module h2{position:relative;width:100%}.ecosystem__module h2 > div{float:right;font-size:1rem;padding-top:1.95rem;padding-right:3rem;position:relative;text-align:right}.ecosystem__module h2 > div::before{font-family:Georgia,serif;top:.9rem;right:3rem;content:"explore";font-size:80%;font-style:italic;opacity:.3;position:absolute;text-align:right;width:100%}.ecosystem__module h2 > div span{cursor:pointer;display:inline-block;position:relative}.ecosystem__module h2 > div span:not(:last-of-type){margin-right:1rem}.ecosystem__module h2 > div span:not(:last-of-type)::after{top:0;right:-0.7rem;color:rgba(163,183,173,.3);content:"/";font-style:italic;position:absolute}.ecosystem__module h3{position:relative}.ecosystem__module::before{width:100%;height:100%;top:0;left:0;content:"";position:absolute;z-index:0}.ecosystem__module:not(.active){align-items:center;display:inline-flex;justify-content:center}.ecosystem__module:not(.active) h2{font-size:1.5rem;text-align:center}.ecosystem__module:not(.active) h2 > span{cursor:pointer;display:block;padding:1.9rem 2rem}.ecosystem__module:not(.active) h2 > span em{display:block;font-size:70%;font-weight:normal}.ecosystem__module:not(.active) h2 > div{display:none}.ecosystem__module:not(.active) .ecosystem__module__details{display:none}.ecosystem__module:not(.active) .__close{top:2rem;transform:rotate(45deg);z-index:0}.ecosystem__module.active{padding:1.9rem 2rem}.ecosystem__module.active h2{font-size:3rem;margin-bottom:1rem}.ecosystem__module.active h2 > span{cursor:default}.ecosystem__module.active h2 > span em{display:none}.ecosystem__module.active::before{background-color:#fcfcfc}.ecosystem__module.active .__close{top:2.35rem;z-index:3}.ecosystem__module.lbrycrd,.ecosystem__module.lbry{margin-bottom:1rem}.ecosystem__module.lbry:not(.active) h2,.ecosystem__module.applications:not(.active) h2{margin-bottom:.5rem}.ecosystem__module.lbry:not(.active) h2::after,.ecosystem__module.applications:not(.active) h2::after{bottom:1rem;left:0;font-size:.5rem;letter-spacing:.1rem;position:absolute;width:100%;z-index:-1}.ecosystem__module.lbrycrd:not(.active)::before{background-color:#db3e3e}.ecosystem__module.lbrycrd.active::before{border:2px solid #db3e3e}.ecosystem__module.lbry:not(.active)::before{background-color:#3e8cdb}.ecosystem__module.lbry:not(.active) h2::after{content:"◼︎◼︎"}.ecosystem__module.lbry.active::before{border:2px solid #3e8cdb}.ecosystem__module.applications:not(.active)::before{background-color:#3edb3e}.ecosystem__module.applications:not(.active) h2::after{content:"◼︎◼︎◼︎◼︎◼︎"}.ecosystem__module.applications.active::before{border:2px solid #3edb3e}.ecosystem__module__piece{background-color:#fcfcfc;left:10%;line-height:2;position:relative;width:80%}.ecosystem__module__piece:not(:last-of-type){margin-bottom:.5rem}.ecosystem__submodule{border-width:2px;cursor:default;position:relative;transition:border-color .2s;z-index:2}.ecosystem__submodule:not(:last-of-type){margin-bottom:1rem}.ecosystem__submodule:not(.on):not(.active){color:rgba(34,34,34,.3)}.ecosystem__submodule:not(.active){align-items:center;display:inline-flex;justify-content:center;width:144px;height:144px;border-radius:50%;border-style:dashed}.ecosystem__submodule:not(.active) .ecosystem__submodule__title{width:100%;height:100%;line-height:140px;text-align:center}.ecosystem__submodule:not(.active) .ecosystem__submodule__description{display:none}.ecosystem__submodule.active{width:100%;height:100%;border-style:solid;overflow-y:auto;padding:2rem}.ecosystem__submodule.active .ecosystem__submodule__title{line-height:1.33;margin-bottom:1rem}.ecosystem__submodule:not(.blue):not(.green):not(.red){border-color:rgba(163,183,173,.3)}.ecosystem__submodule.blue:not(.active),.ecosystem__submodule.green:not(.active),.ecosystem__submodule.red:not(.active){cursor:pointer}.ecosystem__submodule.blue{background-color:rgba(62,140,219,.025);border-color:#3e8cdb}.ecosystem__submodule.green{background-color:rgba(62,219,62,.025);border-color:#3edb3e}.ecosystem__submodule.red{background-color:rgba(219,62,62,.025);border-color:#db3e3e}.ecosystem__submodule__title{font-size:1.15rem}.ecosystem__submodule__description{margin-bottom:2rem}.ecosystem__submodule__description .__close{top:-0.7rem;right:-2rem}.ecosystem__submodule__description__title{color:rgba(34,34,34,.3);letter-spacing:.1rem;text-transform:uppercase}.__parents{top:2rem;right:4rem;font-size:1.15rem;line-height:1.33;list-style-type:none;padding-right:1rem;position:absolute;z-index:1}.__parents::before,.__parents::after{position:absolute}.__parents::before{font-family:Georgia,serif;top:.3rem;left:-3.4rem;color:rgba(34,34,34,.3);content:"back to";font-size:.8rem;font-style:italic;font-weight:700}.__parents::after{width:2px;height:100%;top:0;right:0;background-color:rgba(34,34,34,.3);content:""}.__parent{font-weight:700}.__parent:not(.active){display:none}.__parent.active{cursor:pointer}.__close{cursor:pointer;font-size:2rem;position:absolute;right:2rem;transition:all .2s}.newsletter-cta{background-color:rgba(34,34,34,.2);padding-top:1rem;padding-bottom:1rem;text-align:center}.newsletter-cta > div:first-of-type{margin-right:auto;margin-left:auto}@media(min-width: 551px){.newsletter-cta > div:first-of-type{width:500px}}@media(max-width: 550px){.newsletter-cta > div:first-of-type{width:90%}}.newsletter-cta::after{clear:both;content:"";display:block}.newsletter-cta__title{font-size:.8rem;letter-spacing:.05rem;margin-bottom:.75rem;text-transform:uppercase}.newsletter-cta__input,.newsletter-cta__submit{border-style:solid;border-width:1px}@media(max-width: 550px){.newsletter-cta__input,.newsletter-cta__submit{width:100%}}.newsletter-cta__input{background-color:#fcfcfc;font-size:1rem;height:38px;transition:border .2s}@media(min-width: 551px){.newsletter-cta__input{float:left;width:calc(100% - 112px)}}@media(max-width: 550px){.newsletter-cta__input{text-align:center}}.newsletter-cta__input:not(:focus){border-top-color:#222;border-left-color:#222}@media(min-width: 551px){.newsletter-cta__input:not(:focus){border-bottom-color:#222;border-right-color:transparent}}@media(max-width: 550px){.newsletter-cta__input:not(:focus){border-bottom-color:transparent;border-right-color:#222}}.newsletter-cta__input:focus{border-top-color:#35a06b;border-left-color:#35a06b}@media(min-width: 551px){.newsletter-cta__input:focus{border-bottom-color:#35a06b;border-right-color:transparent}}@media(max-width: 550px){.newsletter-cta__input:focus{border-bottom-color:transparent;border-right-color:#35a06b}}.newsletter-cta__submit{color:#fcfcfc}@media(min-width: 551px){.newsletter-cta__submit{width:112px;height:38px;float:right;left:-1px}}@media(max-width: 550px){.newsletter-cta__submit{display:block;top:-1px}}.newsletter-cta__submit:not(:hover){background-color:#222;border-color:#222}.newsletter-cta__submit:hover{background-color:#3abf7d;border-color:#35a06b}.newsletter-cta__message{clear:both;content:"";display:block;background-color:#3abf7d;color:#fcfcfc;font-size:1rem;text-align:center}.newsletter-cta__message:not(:empty){padding:1rem}.feature-links{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));list-style-type:none;padding-top:.5rem}.feature-link{width:320px;min-height:135px;background-color:#fcfcfc;border:1px solid rgba(34,34,34,.1);border-radius:3px;cursor:pointer;display:inline-block;position:relative;transition:box-shadow .2s;vertical-align:top}.feature-link > div:first-of-type{top:85px;left:5%;position:relative;text-align:center;width:90%;z-index:1}.feature-link:not(:hover) .feature-link__background{filter:brightness(0.5)}.feature-link:hover{box-shadow:0 0 15px rgba(34,34,34,.15)}.feature-link:hover .feature-link__title{color:#3abf7d}.feature-link__title{background-color:#fcfcfc;border:1px solid rgba(128,128,128,.1);box-shadow:0 2px 5px rgba(34,34,34,.025);border-radius:3px;box-decoration-break:clone;display:inline;font-size:1rem;line-height:1.7;padding:.25rem .5rem;transition:color .2s;position:relative}.feature-link__background{width:calc(100% + 2px);height:100px;top:-1px;left:-1px;background-color:#3abf7d;border-top-right-radius:3px;border-top-left-radius:3px;transition:filter .2s;overflow:hidden;position:absolute;z-index:0}.feature-link__background img{width:100%;height:100%;object-fit:cover;object-position:center}.flashes{top:4rem;right:0;position:absolute;width:100%;z-index:9}.flash{border:2px solid;border-radius:3px;font-size:1rem;line-height:1.33;padding:.5rem 1rem;position:absolute;right:2rem}.flash:not(.error):not(.info):not(.warning){background-color:#e9f6ef;border-color:#3abf7d}.flash:not(.active){transform:translateY(-4rem)}.flash.active{animation:slide-down 2s linear;transform:translateY(-4rem)}.flash.error{background-color:#f9e9e9;border-color:#db3e3e}.flash.info{background-color:#f3f5f4;border-color:#a3b7ad}.flash.warning{background-color:#f9f9e9;border-color:#dbdb3e}.footer{background-color:#222;color:rgba(252,252,252,.15);font-size:1rem;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:relative}@media(max-width: 980px){.footer::before{width:3rem;height:100%;bottom:0;right:0;background-image:linear-gradient(90deg, rgba(34, 34, 34, 0), #222 50%, #222);content:"";position:absolute;z-index:2}}@media(max-width: 980px){.footer > div:first-of-type{overflow:auto;overflow-scrolling:touch;white-space:nowrap;width:100%}}.footer ul{list-style-type:none;padding-top:2rem;padding-bottom:2rem}@media(min-width: 981px){.footer ul{align-items:stretch;display:flex;flex-flow:row wrap}}.footer ul li{padding-right:.5rem;padding-left:.5rem;vertical-align:bottom}@media(max-width: 980px){.footer ul li{display:inline-block;transform:translate3d(0, 0, 0);transition:opacity .2s .2s ease,transform .4s .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.footer ul li:last-of-type{margin-right:3rem}}.footer ul li:first-of-type{flex:1}.footer a{transition:color .2s}.footer a:not(:hover){color:#fcfcfc}.footer a:hover{color:#3abf7d}.github-feed{border-bottom:1px solid rgba(34,34,34,.05);border-left:1px solid rgba(34,34,34,.05);font-size:.8rem;grid-area:github;position:relative}@media(min-width: 1301px){.github-feed{padding-top:3.7rem}}@media(min-width: 1001px)and (max-width: 1300px){.github-feed{padding-top:2.95rem}}@media(min-width: 1001px){.github-feed{padding-bottom:2rem;padding-right:10%;padding-left:2rem}}@media(max-width: 1000px){.github-feed{padding-top:2rem;padding-bottom:2rem}}@media(min-width: 901px){.github-feed{padding-right:1rem;padding-left:1rem}}@media(max-width: 900px){.github-feed{padding-right:2rem;padding-left:2rem}}@media(max-width: 700px){.github-feed{overflow-x:auto;overflow-y:hidden;white-space:nowrap}}@media(min-width: 1001px){.github-feed h3,.github-feed h5{text-align:center}}.github-feed h3{letter-spacing:.1rem;line-height:1;text-transform:uppercase;width:100%}@media(min-width: 1301px){.github-feed h3{top:2.15rem;left:0;color:rgba(34,34,34,.045);font-size:4rem;position:absolute}}@media(max-width: 1300px){.github-feed h3{color:#222}}@media(min-width: 901px)and (max-width: 1300px){.github-feed h3{font-size:3rem}}@media(max-width: 900px){.github-feed h3{font-size:2rem;margin-bottom:1rem}}.github-feed h5{font-style:italic;font-weight:normal}@media(min-width: 1001px){.github-feed h5{margin-bottom:3rem}}@media(min-width: 901px)and (max-width: 1000px){.github-feed h5{margin-bottom:2rem}}@media(max-width: 900px){.github-feed h5{margin-bottom:.5rem;position:relative;top:-1rem}}.github-feed__event{line-height:1.55}@media(max-width: 700px){.github-feed__event{display:inline-block;margin-right:1.25rem;vertical-align:top;width:200px}}@media(min-width: 701px){.github-feed__event:not(:last-of-type){margin-bottom:1.25rem}}.github-feed__event > a:first-of-type{font-weight:700;margin-bottom:.5rem;width:100%}@media(max-width: 700px){.github-feed__event > p:first-of-type{box-shadow:0 2px 5px rgba(34,34,34,.025)}}.github-feed__event > p:first-of-type code{background-color:#222;border-radius:3px;color:#fcfcfc;font-size:80%;letter-spacing:.05rem;padding:.2rem .5rem;position:relative;top:-1px}.github-feed__event > p:first-of-type em:not(.github-feed__event__time){text-decoration:underline}@media(min-width: 701px){.github-feed__event > p:first-of-type{display:inline-block;margin-left:.5rem;vertical-align:top;width:calc(100% - 4.5rem)}}@media(max-width: 700px){.github-feed__event > p:first-of-type{top:-3.5rem;left:5%;background-color:#fcfcfc;border:1px solid rgba(163,183,173,.1);border-radius:3px;padding:1rem;position:relative;white-space:normal;width:90%}}.github-feed__event__avatar{border:1px solid rgba(163,183,173,.1);border-radius:3px;object-position:center;object-fit:cover}@media(min-width: 701px){.github-feed__event__avatar{width:2.5rem;height:2.5rem}}@media(max-width: 700px){.github-feed__event__avatar{width:100%;height:100%}}.github-feed__event__time{color:#a3b7ad;display:block}@media(max-width: 700px){.github-feed__event__time{padding-top:1rem}}.glossary:not(.sidebar-closed) main{margin-left:250px;width:calc(100vw - 250px)}.glossary:not(.sidebar-closed) .page__header-wrap .inner-wrap,.glossary:not(.sidebar-closed) .page__content .inner-wrap,.glossary:not(.sidebar-closed) .hook__page .inner-wrap{margin-left:1rem;max-width:initial}.glossary:not(.sidebar-closed) .component--glossary-toc-toggle{left:calc(250px - 25px)}.glossary.sidebar-closed .component--glossary-toc{left:-250px}.glossary.sidebar-closed .component--glossary-toc-toggle{left:0}.component--glossary-toc{width:250px;height:calc(100vh - 4rem);top:4rem;left:0;background-color:#fcfcfc;border-right:1px solid rgba(163,183,173,.3);font-size:.8rem !important;overflow-x:hidden;overflow-y:auto;padding-top:1rem !important;position:fixed !important;z-index:1}.component--glossary-toc li:last-of-type{margin-bottom:1rem}.component--glossary-toc-toggle{width:25px;height:104px;font-size:.7rem;position:absolute;text-orientation:upright;text-transform:uppercase;top:4rem;writing-mode:vertical-rl;z-index:1}.navigation{top:0;left:0;background-color:#fcfcfc;box-shadow:0 1px 5px rgba(34,34,34,.1);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:fixed;width:100%;z-index:10}.navigation > div:first-of-type{position:relative}@media(min-width: 701px){.navigation > div:first-of-type{align-items:stretch;display:flex;flex-flow:row wrap}}@media(max-width: 700px){.navigation > div:first-of-type{overflow:auto;overflow-scrolling:touch;white-space:nowrap;width:100%}.navigation > div:first-of-type::before{width:2rem;height:4rem;top:0;right:0;background-image:linear-gradient(90deg, rgba(252, 252, 252, 0), #fcfcfc 50%, #fcfcfc);content:"";position:fixed;z-index:2}}.navigation__item{overflow:hidden;position:relative}@media(max-width: 700px){.navigation__item{display:inline-block;transform:translate3d(0, 0, 0);transition:opacity .2s .2s ease,transform .4s .2s cubic-bezier(0.215, 0.61, 0.355, 1);vertical-align:top}.navigation__item:last-of-type{margin-right:3rem}}.navigation__item:first-of-type{border:0;color:transparent;font:0/0 a;text-shadow:none;width:10rem;height:3rem;background-image:url("/assets/media/svg/logo.svg");background-repeat:no-repeat;background-size:contain;flex:1;top:.5rem}.navigation__item:not(:first-of-type):not([href="https://lbry.io"])::after{width:100%;height:3px;background-color:#3abf7d;content:"";left:0;position:absolute;transition:bottom .2s}.navigation__item:not(:first-of-type):not([href="https://lbry.io"]):not(:hover)::after{bottom:-3px}.navigation__item:not(:first-of-type):not([href="https://lbry.io"]):hover::after,.navigation__item:not(:first-of-type):not([href="https://lbry.io"]).active::after{bottom:0}.navigation__item:not(:first-of-type){color:inherit;font-size:1rem;line-height:4rem}.navigation__item:not([href="https://lbry.io"]){padding-right:.5rem;padding-left:.5rem}.navigation__item[href="https://lbry.io"]{color:#fcfcfc;margin-right:.5rem;padding-right:1rem;padding-left:1rem}.navigation__item[href="https://lbry.io"]:not(:hover)::after{background-color:#222}.navigation__item[href="https://lbry.io"]:hover::after{background-color:#3abf7d}.navigation__item[href="https://lbry.io"]::after{width:100%;height:2rem;top:1rem;left:0;border-radius:3px;content:"";position:absolute;transition:background-color .2s;z-index:-1}.component--mission-statement{margin-bottom:1.5rem;padding:1rem 1rem 1rem 1.25rem;background-color:rgba(58,191,125,.1);border-left:.5rem solid #3abf7d;line-height:1.55;position:relative}@media(min-width: 901px){.component--mission-statement{font-size:1.25rem}}@media(max-width: 900px){.component--mission-statement{font-size:1.05rem}}.component--mission-statement__title{color:#3abf7d;display:block;letter-spacing:.025rem;text-transform:uppercase}.modal{align-items:center;display:inline-flex;justify-content:center;top:0;left:0;bottom:0;right:0;background-color:rgba(34,34,34,.5);position:fixed;z-index:10}@media(min-width: 901px){.modal h3{font-size:1.5rem;margin-bottom:.25rem}}@media(max-width: 900px){.modal h3{font-size:1.25rem}}.modal p{margin-bottom:1rem}@media(min-width: 901px){.modal p{font-size:1.15rem;line-height:1.33}}@media(max-width: 900px){.modal p{font-size:1.05rem;line-height:1.55}}.modal p a{color:#3abf7d}.modal-wrap{background-color:#fcfcfc;padding:2rem 1.5rem}@media(min-width: 501px){.modal-wrap{width:500px}}@media(max-width: 500px){.modal-wrap{width:100%}}html,body{width:100%;height:100%}html{background-color:#fcfcfc}body{font-family:Karla,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222;font-size:12px;min-width:320px;overflow-x:hidden;position:relative;z-index:0}body:not(.home) main > div:first-of-type{flex:1}@media(min-width: 1001px){body.home main > div:first-of-type{display:grid;grid-gap:0;grid-template-areas:"header header header" "features features features" "intro intro github" "docs docs github" "contribute contribute contribute" "develop develop develop" "community community community"}}main{display:flex;flex-direction:column;min-height:100vh;padding-top:4rem}.inner-wrap{margin-right:auto;margin-left:auto;max-width:1200px}@media(min-width: 901px){.inner-wrap{padding-right:1rem;padding-left:1rem}}@media(max-width: 900px){.inner-wrap{padding-right:2rem;padding-left:2rem}}.inner-wrap::after{clear:both;content:"";display:block}h1 .header-anchor,h2 .header-anchor,h3 .header-anchor,h4 .header-anchor,h5 .header-anchor{display:none}hr{width:100%;height:1px;background-color:rgba(163,183,173,.3);border:none;margin-bottom:1rem}.alert{bottom:0;left:0;background-color:#dbdb3e;line-height:1.33;padding-top:1rem;padding-right:env(safe-area-inset-right);padding-bottom:1rem;padding-left:env(safe-area-inset-left);position:fixed;text-align:left;width:100%;z-index:3}.alert > div:first-of-type{position:relative}@media(min-width: 901px){.alert{font-size:1rem}}@media(max-width: 900px){.alert{font-size:.8rem}}.alert p,.alert button{display:inline-block}.alert p{padding-right:1rem;width:calc(100% - 2.25rem)}.alert a{font-weight:600;text-decoration:underline}.alert button{width:1.25rem;height:1.25rem;top:0;right:0;background-color:#fcfcfc;border-radius:50%;display:block;font-size:1rem;line-height:1;margin-right:1rem;margin-left:1rem;position:absolute;text-align:center}.__slate{width:100%;height:100%;position:relative}.__slate::after{clear:both;content:"";display:block}.api__toc{width:200px;height:calc(100vh - 4rem);top:4rem;left:0;bottom:0;background-color:#fcfcfc;border-right:1px solid rgba(163,183,173,.3);float:left;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:3}.api__toc__search{position:relative}.api__toc__search__field{border-bottom:1px solid rgba(163,183,173,.3);font-size:.8rem;line-height:2rem;padding:.25rem calc(2rem + 4px) .25rem .75rem;width:100%}.api__toc__search__clear{width:1.25rem;height:1.25rem;top:.6rem;right:.75rem;background-color:#222;border-radius:50%;color:#fcfcfc;cursor:pointer;font-size:1rem;line-height:1.15;position:absolute;text-align:center;transition:opacity .2s}.api__toc__search__clear:not(.active){opacity:0;visibility:hidden}.api__toc__search__clear.active{opacity:1;visibility:visible}.api__toc__items{font-size:.8rem;line-height:1.33;list-style-type:none;padding-top:.25rem;padding-bottom:.25rem}.api__toc__item:hover{background-color:rgba(163,183,173,.3)}.api__toc__item a{display:block;padding:.25rem .5rem .25rem .75rem}.api__content{display:grid;float:right;grid-template-columns:repeat(auto-fit, minmax(50%, 1fr));width:calc(100% - 200px)}.api__content h1{font-size:1.5rem;margin-bottom:.5rem}.api__content h2{font-size:1.5rem;margin-bottom:.5rem}.api__content h3{font-size:.8rem;letter-spacing:.1rem;margin-bottom:.25rem;text-transform:uppercase}.api__content p,.api__content ol,.api__content ul{font-size:1rem;line-height:1.5;margin-bottom:1rem}.api__content table{border:1px solid rgba(252,252,252,.1);border-radius:.3rem;border-spacing:0;font-size:.8rem;line-height:1.33;width:100%}.api__content thead{display:none}.api__content th,.api__content td{padding:.5rem 1rem .5rem .5rem}.api__content th{border-bottom:1px solid rgba(252,252,252,.1)}.api__content tr:nth-child(even){background-color:rgba(252,252,252,.1)}.api__content pre{margin-bottom:2rem;padding:1rem;border-radius:.3rem;font-size:.8rem;line-height:1.33;overflow-x:auto;overflow-y:hidden}.api__content__body{border-bottom:1px solid rgba(163,183,173,.3);padding:2rem}.api__content__body pre{border:1px solid rgba(163,183,173,.3)}.api__content__body__arguments{border:1px solid rgba(163,183,173,.3);border-radius:3px;list-style-type:none}.api__content__body__argument:not(:last-of-type){border-bottom:1px solid rgba(163,183,173,.3)}.api__content__body__argument:nth-child(even){background-color:rgba(163,183,173,.1)}.api__content__body__argument .left,.api__content__body__argument .right{padding:.5rem .75rem}.api__content__body__argument .left{border-right:1px solid rgba(163,183,173,.3);width:30%;word-wrap:break-word}.api__content__body__argument .left span{color:#a3b7ad;font-size:.8rem}.api__content__body__argument .left span:not(:first-of-type){margin-left:.5rem}.api__content__body__argument .right{width:70%}.api__content__body__argument::after{clear:both;content:"";display:block}.api__content__example{background-color:#2f3130;border-bottom:1px solid rgba(252,252,252,.1);color:#fcfcfc;padding:2rem}.api__content__example pre{background-color:#222}.contributing table th:first-of-type{width:30%}.contributing table th:nth-of-type(2){width:20%}.documentation ol + h1,.documentation ul + h1{padding-top:2rem}.documentation h4 + h2{padding-top:2rem}.documentation .blog-posts{list-style-type:none}.documentation .blog-post{position:relative}.documentation .blog-post::before{background-color:#222;border-radius:50%;content:"";line-height:0;position:absolute}@media(min-width: 901px){.documentation .blog-post::before{width:7px;height:7px;top:14px;left:-1.05rem}}@media(max-width: 900px){.documentation .blog-post::before{width:6px;height:6px;top:11px;left:-0.95rem}}.documentation .blog-post__title{line-height:1.33}.documentation .blog-post__title::after{content:"";display:block}.documentation .blog-post__meta{font-size:80%;line-height:1;margin-bottom:1rem}.documentation .blog-post__meta__author::before{content:"by"}@media(min-width: 901px){.documentation .blog-post__meta__author::before{left:-1.2rem}}@media(max-width: 900px){.documentation .blog-post__meta__author::before{left:-1rem}}@media(min-width: 901px){.documentation .blog-post__meta__date{margin-right:1.4rem;margin-left:3.1rem}}@media(max-width: 900px){.documentation .blog-post__meta__date{margin-right:1.2rem;margin-left:2.6rem}}.documentation .blog-post__meta__date::before{content:"posted"}@media(min-width: 901px){.documentation .blog-post__meta__date::before{left:-3.1rem}}@media(max-width: 900px){.documentation .blog-post__meta__date::before{left:-2.6rem}}.documentation .blog-post__meta__author,.documentation .blog-post__meta__date{display:inline-block;position:relative}.documentation .blog-post__meta__author::before,.documentation .blog-post__meta__date::before{color:rgba(34,34,34,.5);font-style:italic;position:absolute;vertical-align:bottom}.home{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.home h2{font-weight:normal;margin-bottom:4rem;text-align:center}@media(min-width: 851px){.home h2{font-size:1.75rem}}@media(max-width: 850px){.home h2{font-size:1.25rem}}.home hr{width:100%;height:1px;background-color:rgba(34,34,34,.1);border:none;margin-bottom:4rem}.home .hero{align-items:center;background-color:#222;background-image:url("/assets/media/svg/text-logo--white.svg");background-position:center;background-repeat:no-repeat;display:flex;grid-area:header;height:calc(50vh - 4rem);min-height:300px;justify-content:center}@media(max-width: 850px){.home .hero{background-size:cover}}.home .hero h1{background-color:#fcfcfc;border:1px solid rgba(34,34,34,.1);box-decoration-break:clone;display:inline;font-weight:normal;line-height:2;padding:.4rem 1rem;-webkit-box-decoration-break:clone}@media(min-width: 851px){.home .hero h1{font-size:1.75rem}}@media(max-width: 850px){.home .hero h1{font-size:1.25rem}}.home .features{grid-area:features}.home .features .home__features{align-content:center;border-bottom:1px solid rgba(34,34,34,.05);display:flex;flex-flow:row wrap;list-style-type:none;padding-top:2rem;padding-bottom:2rem}.home .features .home__feature{position:relative;text-align:center;vertical-align:top}@media(min-width: 651px){.home .features .home__feature{width:50%}}@media(max-width: 650px){.home .features .home__feature{width:100%}.home .features .home__feature:first-of-type{padding-bottom:1rem}.home .features .home__feature:last-of-type{padding-top:1rem}}.home .features .home__feature__title{font-size:2rem;margin-bottom:.5rem}.home .features .home__feature__description{font-size:1rem;left:10%;margin-bottom:1rem;position:relative;width:80%}.home .features .home__feature__cta{display:inline-block;font-size:1rem;position:relative}.home .intro,.home .docs,.home .contribute,.home .develop,.home .community{padding-top:3rem;padding-bottom:3.5rem}.home .intro .inner-wrap,.home .docs .inner-wrap,.home .contribute .inner-wrap,.home .develop .inner-wrap,.home .community .inner-wrap{position:relative}.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{letter-spacing:.1rem;line-height:1;text-transform:uppercase}@media(min-width: 1301px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{top:-0.85rem;left:-2rem;color:rgba(34,34,34,.045);font-size:4rem;position:absolute}}@media(max-width: 1300px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{color:#222}}@media(min-width: 901px)and (max-width: 1300px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{font-size:3rem}}@media(max-width: 900px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{font-size:2rem;margin-bottom:1rem}}.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{margin-bottom:1.5rem;max-width:1000px}@media(min-width: 901px){.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{font-size:1.5rem;line-height:1.55}}@media(max-width: 900px){.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{font-size:1.25rem;line-height:1.33}}.home .intro p:first-of-type,.home .docs p:first-of-type,.home .contribute p:first-of-type,.home .develop p:first-of-type,.home .community p:first-of-type{padding-top:.5rem}.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta{top:.5rem}.home .intro,.home .docs,.home .contribute,.home .develop{border-bottom:1px solid rgba(34,34,34,.05)}@media(min-width: 1301px){.home .intro,.home .docs{padding-left:10%}}.home .intro{grid-area:intro}.home .docs{grid-area:docs}@media(min-width: 1301px){.home .community p,.home .contribute p{margin-right:auto;margin-left:auto;text-align:center}}.home .community ul,.home .contribute ul{list-style-type:none;padding-top:1rem}.home .community ul::after,.home .contribute ul::after{clear:both;content:"";display:block}@media(min-width: 901px){.home .community ul,.home .contribute ul{font-size:1.5rem}}@media(min-width: 751px)and (max-width: 900px){.home .community ul,.home .contribute ul{font-size:1.25rem}}@media(max-width: 750px){.home .community ul,.home .contribute ul{font-size:1rem}}.home .community ul li,.home .contribute ul li{float:left;position:relative;text-align:center}@media(max-width: 750px){.home .community ul li,.home .contribute ul li{margin-bottom:2rem;min-width:8rem}}.home .community ul li a,.home .contribute ul li a{display:block;position:relative;padding-top:4rem;transition:color .2s}.home .community ul li a::before,.home .contribute ul li a::before{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;content:"";left:0;position:absolute}.home .community ul li a:not(:hover),.home .contribute ul li a:not(:hover){color:inherit}.home .community ul li a:hover,.home .contribute ul li a:hover{color:#3abf7d}.home .contribute{grid-area:contribute}@media(min-width: 701px){.home .contribute ul li{width:calc(100% / 5)}}@media(max-width: 700px){.home .contribute ul li{width:50%}}@media(min-width: 901px){.home .contribute ul li a::before{background-size:4rem;top:-1rem}}@media(max-width: 900px){.home .contribute ul li a::before{background-size:3rem;top:0}}.home .contribute ul li:nth-child(1) a::before{background-image:url("/assets/media/svg/flag.svg")}.home .contribute ul li:nth-child(2) a::before{background-image:url("/assets/media/svg/keyboard.svg")}.home .contribute ul li:nth-child(3) a::before{background-image:url("/assets/media/svg/anchor.svg")}.home .contribute ul li:nth-child(4) a::before{background-image:url("/assets/media/svg/chat.svg")}.home .contribute ul li:nth-child(5) a::before{background-image:url("/assets/media/svg/monitor.svg")}.home .develop{grid-area:develop}.home .community{grid-area:community}@media(min-width: 701px){.home .community ul li{width:50%}}@media(max-width: 700px){.home .community ul li{width:50%}}@media(min-width: 901px){.home .community ul li a::before{background-size:6rem;top:-2rem}}@media(max-width: 900px){.home .community ul li a::before{background-size:4rem;top:-0.5rem}}.home .community ul li:nth-child(1) a::before{background-image:url("/assets/media/svg/discord.svg")}.home .community ul li:nth-child(2) a::before{background-image:url("/assets/media/svg/reddit.svg")}.home .community ul li:nth-child(3) a::before{background-image:url("/assets/media/svg/slack.svg")}.page{display:flex;flex:1;flex-direction:column;height:100%}.page__header-wrap{width:100%}.page__header{align-items:center;display:inline-flex;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fcfcfc;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:relative;width:100%}.page__header__title{font-weight:300;text-shadow:1px 1px 2px rgba(34,34,34,.3)}@media(min-width: 901px){.page__header__title{font-size:3rem;line-height:6.5rem}}@media(max-width: 900px){.page__header__title{font-size:2rem;line-height:1;padding-top:1rem;padding-bottom:1rem}}.page__content,.hook__page{background-repeat:repeat;background-size:32px;flex:1;padding-top:2rem;padding-bottom:2rem;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.page__content h1,.hook__page h1{margin-bottom:.25rem}@media(min-width: 901px){.page__content h1,.hook__page h1{font-size:3rem}}@media(max-width: 900px){.page__content h1,.hook__page h1{font-size:2rem}}.page__content h1 + h2,.hook__page h1 + h2{margin-bottom:2rem}@media(min-width: 901px){.page__content h2:not(.__title),.hook__page h2:not(.__title){font-size:2rem}}@media(max-width: 900px){.page__content h2:not(.__title),.hook__page h2:not(.__title){font-size:1.5rem}}.page__content h2:not(.__title) + h3,.hook__page h2:not(.__title) + h3{margin-bottom:1rem;padding-top:.25rem}@media(min-width: 901px){.page__content h3:not(.ecosystem__submodule__title),.hook__page h3:not(.ecosystem__submodule__title){font-size:1.5rem}}@media(max-width: 900px){.page__content h3:not(.ecosystem__submodule__title),.hook__page h3:not(.ecosystem__submodule__title){font-size:1.25rem}}.page__content h3:not(.ecosystem__submodule__title) + table,.hook__page h3:not(.ecosystem__submodule__title) + table{top:.25rem}.page__content h4:not(.ecosystem__submodule__description__title),.hook__page h4:not(.ecosystem__submodule__description__title){letter-spacing:.05rem;text-transform:uppercase}@media(min-width: 901px){.page__content h4:not(.ecosystem__submodule__description__title),.hook__page h4:not(.ecosystem__submodule__description__title){font-size:1.25rem}}@media(max-width: 900px){.page__content h4:not(.ecosystem__submodule__description__title),.hook__page h4:not(.ecosystem__submodule__description__title){font-size:1.15rem}}.page__content h5,.hook__page h5{font-size:1rem}.page__content sup,.hook__page sup{font-family:"Courier New",monospace}.page__content blockquote,.hook__page blockquote{left:2px;line-height:1.5;margin-bottom:.5rem;position:relative}@media(min-width: 601px){.page__content blockquote,.hook__page blockquote{margin-left:15%;padding:.5rem 0 .05rem 2rem;font-size:1.5rem;width:70%}}@media(max-width: 600px){.page__content blockquote,.hook__page blockquote{font-size:1.25rem;padding:.5rem 0 .05rem 0}}@media(min-width: 376px)and (max-width: 600px){.page__content blockquote,.hook__page blockquote{margin-left:5%;width:90%}}.page__content blockquote p,.hook__page blockquote p{font-size:inherit;line-height:inherit}.page__content blockquote::before,.hook__page blockquote::before{font-family:Georgia,serif;width:150px;height:100px;top:3rem;left:-2rem;color:rgba(58,191,125,.2);content:"“";font-size:20rem;line-height:.5;position:absolute}.page__content p code,.hook__page p code,.page__content ol code,.hook__page ol code,.page__content ul:not(.overview__ecosystem__module) code,.hook__page ul:not(.overview__ecosystem__module) code,.page__content table code,.hook__page table code{background-color:#222;border-radius:3px;color:#fcfcfc;font-size:60%;letter-spacing:.05rem;padding:.3rem .5rem;vertical-align:middle}@media(max-width: 900px){.page__content p code,.hook__page p code,.page__content ol code,.hook__page ol code,.page__content ul:not(.overview__ecosystem__module) code,.hook__page ul:not(.overview__ecosystem__module) code,.page__content table code,.hook__page table code{position:relative;top:-1px}}.page__content p,.hook__page p,.page__content ol,.hook__page ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){margin-bottom:1rem;position:relative}@media(min-width: 901px){.page__content p,.hook__page p,.page__content ol,.hook__page ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){font-size:1.25rem;line-height:1.6}}@media(max-width: 900px){.page__content p,.hook__page p,.page__content ol,.hook__page ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){font-size:1.05rem;line-height:1.55}}.page__content ol,.hook__page ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){padding-top:.5rem}.page__content ol li:not(:last-of-type),.hook__page ol li:not(:last-of-type),.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) li:not(:last-of-type),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) li:not(:last-of-type){margin-bottom:.25rem}.page__content ol + h2,.hook__page ol + h2,.page__content ol + h3,.hook__page ol + h3,.page__content ol + h4,.hook__page ol + h4,.page__content ol + h5,.hook__page ol + h5,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h2,.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h2,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h3,.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h3,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h4,.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h4,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h5,.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) + h5{padding-top:2rem}.page__content ol,.hook__page ol{list-style-type:lower-roman;padding-left:1.6rem}.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents),.hook__page ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){padding-left:1.25rem}.page__content p img,.hook__page p img{float:right}.page__content a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain),.hook__page a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain){background-image:linear-gradient(#fcfcfc, #fcfcfc),linear-gradient(#fcfcfc, #fcfcfc),linear-gradient(#3abf7d, #3abf7d);background-position:0 88%,100% 88%,0 88%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:.05rem 1px,.05rem 1px,1px 1px;box-decoration-break:clone;display:inline;text-decoration:none;text-shadow:.03rem 0 #fcfcfc,-0.03rem 0 #fcfcfc,0 .03rem #fcfcfc,0 -0.03rem #fcfcfc,.06rem 0 #fcfcfc,-0.06rem 0 #fcfcfc,.09rem 0 #fcfcfc,-0.09rem 0 #fcfcfc,.12rem 0 #fcfcfc,-0.12rem 0 #fcfcfc,.15rem 0 #fcfcfc,-0.15rem 0 #fcfcfc;color:#3abf7d}.page__content a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::selection,.hook__page a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::selection{background-color:#3abf7d;color:#fcfcfc;text-shadow:none}.page__content a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::-moz-selection,.hook__page a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::-moz-selection{background-color:#3abf7d;color:#fcfcfc;text-shadow:none}@-moz-document url-prefix(){.page__content a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain),.hook__page a:not(.__button-black):not(.hook__page__content__meme__uploader):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain){background-position:0 90%,100% 90%,0 90%}}.page__content pre,.hook__page pre{margin-bottom:2rem;padding:2rem;border-radius:3px;font-size:1rem;line-height:1.33;overflow-x:auto;overflow-y:hidden}.page__content pre:not([class]),.hook__page pre:not([class]),.page__content pre.language-text,.hook__page pre.language-text{background-color:#222;color:#fcfcfc}.page__content pre.language-yaml,.hook__page pre.language-yaml{background-color:#27273f;color:#ffe066}.page__content pre.language-yaml .atrule,.hook__page pre.language-yaml .atrule{color:#f083ac}.page__content pre.language-yaml .important,.hook__page pre.language-yaml .important{color:#ffa94d}.page__content pre.language-yaml .punctuation,.hook__page pre.language-yaml .punctuation{color:#fcfcfc}.page__content table,.hook__page table{background-color:#fcfcfc;border:1px solid rgba(163,183,173,.3);border-spacing:0;margin-bottom:2rem;position:relative;width:100%}@media(max-width: 1030px){.page__content table,.hook__page table{display:inline-grid}.page__content table thead,.hook__page table thead{display:none}.page__content table tbody,.hook__page table tbody,.page__content table tr,.hook__page table tr,.page__content table td,.hook__page table td{display:block}.page__content table tbody tr:last-of-type td:not(:last-of-type),.hook__page table tbody tr:last-of-type td:not(:last-of-type){border-bottom:1px solid rgba(163,183,173,.3)}}.page__content table thead,.hook__page table thead{background-color:#222;color:#fcfcfc;cursor:default;position:relative}.page__content table thead tr,.hook__page table thead tr{position:relative;z-index:1}.page__content table thead:not(*:root)::after,.hook__page table thead:not(*:root)::after{z-index:-1}.page__content table thead::after,.hook__page table thead::after{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;background-color:#222;content:"";position:absolute;z-index:0}.page__content table tbody,.hook__page table tbody{line-height:1.55}.page__content table tr:nth-of-type(even),.hook__page table tr:nth-of-type(even){background-color:rgba(34,34,34,.025)}.page__content table th,.hook__page table th,.page__content table td,.hook__page table td{padding:.5rem 1rem}.page__content table th,.hook__page table th{font-size:.8rem;letter-spacing:.1rem;text-transform:uppercase}.page__content table tbody tr:not(:last-of-type) td,.hook__page table tbody tr:not(:last-of-type) td{border-bottom:1px solid rgba(163,183,173,.3)}.page__content table td,.hook__page table td{font-size:1rem}.page__header{background-image:url("/assets/media/images/background-a.jpg")}.page__content,.hook__page{background-image:url("/assets/media/images/grid.png")}.hook .loader{animation:spin 2s linear infinite;border-radius:50%;border-style:solid;border-top-color:#3abf7d}.hook .loader:not(.small):not(.tiny){width:4rem;height:4rem;border-width:6px;margin-right:auto;margin-left:auto}.hook .loader.small{width:2rem;height:2rem;border-width:3px}.hook .loader.tiny{width:1rem;height:1rem;border-width:2px}.hook__navigation{background-color:#222;color:#fcfcfc;font-size:1rem;padding-top:1rem;padding-bottom:1rem;text-align:center}.hook__navigation__step{background-color:transparent}@media(min-width: 501px){.hook__navigation__step{display:inline-block}.hook__navigation__step:not(:last-of-type){margin-right:1rem}.hook__navigation__step span{width:3rem;height:3rem;display:block;font-size:1.25rem;line-height:3rem}}@media(max-width: 500px){.hook__navigation__step{display:block}.hook__navigation__step span{width:1rem;height:1rem;display:inline-block;font-size:.7rem;line-height:.9rem;position:relative;top:2px;vertical-align:top}}.hook__navigation__step:not(.active){color:#fcfcfc}.hook__navigation__step:not(.active) span{border-color:rgba(252,252,252,.1)}.hook__navigation__step.active{color:#3abf7d}.hook__navigation__step.active span{border-color:rgba(58,191,125,.3)}.hook__navigation__step span{border:1px solid;border-radius:50%;margin:0 auto .5rem}.hook__page__hero{margin-bottom:2rem;border-bottom:1px solid rgba(34,34,34,.05)}.hook__page__hero h1,.hook__page__hero p{text-align:center}.hook__page__hero__claim,.hook__page__hero__support{margin-bottom:3rem;padding-left:1rem;background-color:#fcfcfc;border:1px solid rgba(163,183,173,.7);font-size:1rem}@media(min-width: 501px){.hook__page__hero__claim,.hook__page__hero__support{margin-right:auto;margin-left:auto;width:80%}}.hook__page__hero__claim::after,.hook__page__hero__support::after{clear:both;content:"";display:block}.hook__page__hero__claim button,.hook__page__hero__claim input,.hook__page__hero__support button,.hook__page__hero__support input{line-height:3rem}.hook__page__hero__claim span,.hook__page__hero__support span{color:rgba(34,34,34,.3)}.hook__page__hero__claim button,.hook__page__hero__support button{border-left:1px solid rgba(163,183,173,.7);color:#fcfcfc;float:right;position:relative;text-align:center;transition:all .2s;width:6rem}.hook__page__hero__claim button::after,.hook__page__hero__support button::after{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;border:1px solid;content:"";position:absolute;transition:inherit}.hook__page__hero__claim button:not(:hover),.hook__page__hero__support button:not(:hover){background-color:#222}.hook__page__hero__claim button:not(:hover)::after,.hook__page__hero__support button:not(:hover)::after{border-color:#222}.hook__page__hero__claim button:hover,.hook__page__hero__support button:hover{background-color:#3abf7d}.hook__page__hero__claim button:hover::after,.hook__page__hero__support button:hover::after{border-color:#3abf7d}.hook__page__hero__claim input{width:calc(100% - 10rem)}.hook__page__hero__support input[type=number]{width:3rem}.hook__page__hero__support input[type=text]{width:calc(100% - 11.5rem)}.hook__page__hero__support span{line-height:3rem}.hook__page__hero__support a{margin-left:.5rem}.hook__page__content::after{clear:both;content:"";display:block}.hook__page__content__card{margin-bottom:1rem;padding:1rem;cursor:pointer}.hook__page__content__card img{margin-bottom:.5rem}@media(min-width: 501px){.hook__page__content__card{float:left;vertical-align:top;width:50%}}@media(max-width: 500px){.hook__page__content__card{width:100%}}.hook__page__content__meme{margin-bottom:2rem;padding-right:1rem;padding-left:1rem}@media(min-width: 701px){.hook__page__content__meme{width:50%}}@media(max-width: 700px){.hook__page__content__meme{width:100%}}.hook__page__content__meme canvas{width:100%;height:100%;background-color:rgba(58,191,125,.3);margin-bottom:1rem}.hook__page__content__meme h2.__metadata{margin-top:3rem}.hook__page__content__meme fieldset{border:none}.hook__page__content__meme fieldset:not(:last-of-type){margin-bottom:1rem}.hook__page__content__meme label{color:rgba(34,34,34,.3);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05rem;margin-bottom:.025rem;text-transform:uppercase;width:100%}@media(min-width: 901px){.hook__page__content__meme input:not([type=checkbox]):not([type=submit]),.hook__page__content__meme select,.hook__page__content__meme textarea{font-size:1.25rem}}@media(max-width: 900px){.hook__page__content__meme input:not([type=checkbox]):not([type=submit]),.hook__page__content__meme select,.hook__page__content__meme textarea{font-size:1.05rem}}.hook__page__content__meme input:not([type=checkbox]):not([type=file]):not([type=submit]){border-bottom:2px solid;padding-bottom:.15rem;transition:all .2s;width:100%}.hook__page__content__meme input:not([type=file]):not([type=submit]):not(:hover):not(:active){border-color:#222}.hook__page__content__meme input:not([type=file]):not([type=submit]):hover,.hook__page__content__meme input:not([type=file]):not([type=submit]):active{border-color:#3abf7d}.hook__page__content__meme input[type=checkbox]{width:1.25rem;height:1.25rem;border:2px solid;margin-right:.5rem;position:relative;top:.35rem}.hook__page__content__meme input[type=checkbox]::after{width:100%;height:100%;content:"✓";font-size:1.5rem;line-height:1rem;position:absolute}.hook__page__content__meme input[type=checkbox]:not(:checked)::after{color:transparent}.hook__page__content__meme input[type=checkbox]:checked::after{color:#3abf7d}.hook__page__content__meme select,.hook__page__content__meme textarea{border-bottom:2px solid;width:100%}.hook__page__content__meme select:not(:hover):not(:active),.hook__page__content__meme textarea:not(:hover):not(:active){border-color:#222}.hook__page__content__meme select:hover,.hook__page__content__meme select:active,.hook__page__content__meme textarea:hover,.hook__page__content__meme textarea:active{border-color:#3abf7d}.hook__page__content__meme select{background-image:url("/assets/media/svg/down.svg");background-position:99% center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem}.hook__page__content__meme textarea{min-height:100px;resize:vertical}.hook__page__content__meme__thumbnail{width:5rem;height:5rem;border-style:solid;border-width:2px;margin-bottom:1rem;object-fit:contain;object-position:center}.hook__page__content__meme__thumbnail:not(:last-of-type){margin-right:1rem}.hook__page__content__meme__thumbnail:not(.selected){border-color:transparent}.hook__page__content__meme__thumbnail.selected{border-color:#222}.hook__page__content__meme__uploader{text-align:center;width:11rem}.hook__page__content__meme__uploader > div:first-of-type{width:100%;height:100%;top:0;left:0;position:absolute}.hook__page__content__meme__uploader input{top:0;left:0;bottom:0;right:0;cursor:pointer;opacity:0;position:absolute;width:100%;z-index:10}/*# sourceMappingURL=style.css.map */ +html{box-sizing:border-box;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit;outline:0 !important}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:currentColor;text-decoration:none}*[readonly]{cursor:not-allowed}textarea[disabled]{resize:none}textarea:not[disabled]{resize:vertical}button:not(:disabled){cursor:pointer}button,input,select,textarea{border:none;border-radius:0;font-family:inherit;font-size:inherit;-moz-appearance:none;-webkit-appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}input,select,textarea{background-color:transparent}[type=button],[type=submit]{cursor:pointer}.left{float:left}.right{float:right}iframe{border:0}img{font-size:0;max-width:100%}img::after{width:100%;height:100%;top:-100%;left:0;background-color:#fcfcfc;background-image:url("/assets/media/images/missing.png");background-size:cover;box-shadow:0 0 1px 0 rgba(34,34,34,.3);content:"";display:block;position:relative}@media print{pre,blockquote{border:1px solid #999 !important;page-break-inside:avoid !important}tr,img{page-break-inside:avoid !important}img{max-width:100% !important}@page{margin:.5cm !important}p,h2,h3{orphans:3 !important;widows:3 !important}h2,h3{page-break-after:avoid !important}thead{display:table-header-group !important}*{background:transparent !important;color:#000 !important;text-shadow:none !important;filter:none !important}p a[href]::after{content:" (" attr(href) ")" !important}p abbr[title]::after{content:" (" attr(title) ")" !important}p a[href^="javascript:"]::after,p a[href^="#"]::after{content:"" !important}p a,p abbr{word-wrap:break-word !important;text-decoration:underline !important}}input::-moz-focus-inner,button::-moz-focus-inner{display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fcfcfc inset !important}input:-webkit-autofill:focus{outline:none}.clear{clear:both;content:"";display:block}.hide-text{border:0;color:transparent;font:0/0 a;text-shadow:none}.__button-base,.__button-gray,.__button-white,.__button-black,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-plain,.__button-basic,.newsletter-cta__submit{border:1px solid;font-size:1rem;letter-spacing:.025rem;position:relative;transition:all .2s}.__button-plain{background-color:transparent;border-color:transparent}.__button-plain::after{width:100%;height:2px;bottom:2px;left:0;content:"";display:block;transition:background-color .2s}.__button-plain:not(:hover)::after{background-color:transparent}.__button-plain:hover::after{background-color:#222}.__button-black:not(:hover),.home .intro .cta:not(:hover),.home .docs .cta:not(:hover),.home .contribute .cta:not(:hover),.home .develop .cta:not(:hover),.home .community .cta:not(:hover),.home .features .home__feature__cta:not(:hover){background-color:#222;border-color:#fcfcfc;box-shadow:2px 2px 0 #fcfcfc;color:#fcfcfc}.__button-black:hover,.home .intro .cta:hover,.home .docs .cta:hover,.home .contribute .cta:hover,.home .develop .cta:hover,.home .community .cta:hover,.home .features .home__feature__cta:hover{background-color:#fcfcfc;border-color:#222;box-shadow:2px 2px 0 #222;color:inherit}.__button-white:not(:hover){background-color:#fcfcfc;border-color:transparent;box-shadow:2px 2px 0 #222;color:inherit}.__button-white:hover{background-color:#222;border-color:#fcfcfc;box-shadow:2px 2px 0 #fcfcfc;color:#fcfcfc}.__button-gray{background-color:#fcfcfc}.__button-gray:not(:hover){border-color:transparent;box-shadow:2px 2px 0 #222}.__button-gray:hover{border-color:#3abf7d;box-shadow:2px 2px 0 #3abf7d;color:#3abf7d}.__button-padding-vertical,.newsletter-cta__submit,.__button-black,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-white,.__button-gray{padding-top:.5rem;padding-bottom:.5rem}.__button-padding-horizontal,.newsletter-cta__input,.newsletter-cta__submit,.__button-black,.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta,.home .features .home__feature__cta,.__button-white,.__button-gray{padding-right:1rem;padding-left:1rem}.__grid:first-of-type{cursor:default;font-size:.8rem;font-weight:600;letter-spacing:.2rem;text-transform:uppercase}.__grid:not(:first-of-type){border-left:1px solid #a3b7ad}.__grid:not(:first-of-type) .col{border-bottom-style:solid;border-bottom-width:1px}.__grid:not(:first-of-type) .col:last-of-type{border-right-style:solid;border-right-width:1px}.__grid:not(:first-of-type) .col:not(.red):not(.orange):not(.yellow):not(.green){border-color:#a3b7ad}@media(min-width: 600px){.__grid{display:table;table-layout:fixed;width:100%}.__grid .col{display:table-cell}}.col{padding:.5rem 1rem;width:100%}.col:not(:first-of-type){text-align:right}@media(min-width: 600px){.grid-padded{margin-right:-1rem;margin-left:-1rem}.grid-padded .grid{border-spacing:1rem 0}}.grid-align-middle .col{vertical-align:middle}.grid-reverse{direction:rtl}.grid-reverse .col{direction:ltr}@font-face{font-family:"Karla";font-style:normal;font-weight:400;src:local("Karla Regular"),url(https://brick.freetls.fastly.net/fonts/karla/400.woff) format("woff")}@font-face{font-family:"Karla";font-style:italic;font-weight:400;src:local("Karla Italic"),url(https://brick.freetls.fastly.net/fonts/karla/400i.woff) format("woff")}@font-face{font-family:"Karla";font-style:normal;font-weight:700;src:local("Karla Bold"),url(https://brick.freetls.fastly.net/fonts/karla/700.woff) format("woff")}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-down{0%{transform:translateY(-4rem)}10%{transform:translateY(2rem)}90%{transform:translateY(2rem)}100%{transform:translateY(-4rem)}}.ecosystem{margin-bottom:2rem;padding-top:1rem;display:grid;font-size:1rem;grid-gap:1rem}.ecosystem:not(.expand-left):not(.expand-right){grid-template-columns:144px auto 144px}.ecosystem:not(.expand-left):not(.expand-right) .ecosystem__submodules{padding-top:2.5rem}.ecosystem.expand-left{grid-template-columns:50% auto}.ecosystem.expand-left .ecosystem__submodules:last-of-type,.ecosystem.expand-left .ecosystem__submodule:not(.active){display:none}@media(min-resolution: 96dpi){.ecosystem.expand-left .ecosystem__submodules:first-of-type{height:383px}}@media(min-resolution: 192dpi){.ecosystem.expand-left .ecosystem__submodules:first-of-type{height:378px}}.ecosystem.expand-right{grid-template-columns:auto 50%}.ecosystem.expand-right .ecosystem__submodules:first-of-type,.ecosystem.expand-right .ecosystem__submodule:not(.active){display:none}@media(min-resolution: 96dpi){.ecosystem.expand-right .ecosystem__submodules:last-of-type{height:383px}}@media(min-resolution: 192dpi){.ecosystem.expand-right .ecosystem__submodules:last-of-type{height:378px}}.ecosystem__module{position:relative;width:100%}.ecosystem__module > *{z-index:1}.ecosystem__module h2{position:relative;width:100%}.ecosystem__module h2 > div{float:right;font-size:1rem;padding-top:1.95rem;padding-right:3rem;position:relative;text-align:right}.ecosystem__module h2 > div::before{font-family:Georgia,serif;top:.9rem;right:3rem;content:"explore";font-size:80%;font-style:italic;opacity:.3;position:absolute;text-align:right;width:100%}.ecosystem__module h2 > div span{cursor:pointer;display:inline-block;position:relative}.ecosystem__module h2 > div span:not(:last-of-type){margin-right:1rem}.ecosystem__module h2 > div span:not(:last-of-type)::after{top:0;right:-0.7rem;color:rgba(163,183,173,.3);content:"/";font-style:italic;position:absolute}.ecosystem__module h3{position:relative}.ecosystem__module::before{width:100%;height:100%;top:0;left:0;content:"";position:absolute;z-index:0}.ecosystem__module:not(.active){align-items:center;display:inline-flex;justify-content:center}.ecosystem__module:not(.active) h2{font-size:1.5rem;text-align:center}.ecosystem__module:not(.active) h2 > span{cursor:pointer;display:block;padding:1.9rem 2rem}.ecosystem__module:not(.active) h2 > span em{display:block;font-size:70%;font-weight:normal}.ecosystem__module:not(.active) h2 > div{display:none}.ecosystem__module:not(.active) .ecosystem__module__details{display:none}.ecosystem__module:not(.active) .__close{top:2rem;transform:rotate(45deg);z-index:0}.ecosystem__module.active{padding:1.9rem 2rem}.ecosystem__module.active h2{font-size:3rem;margin-bottom:1rem}.ecosystem__module.active h2 > span{cursor:default}.ecosystem__module.active h2 > span em{display:none}.ecosystem__module.active::before{background-color:#fcfcfc}.ecosystem__module.active .__close{top:2.35rem;z-index:3}.ecosystem__module.lbrycrd,.ecosystem__module.lbry{margin-bottom:1rem}.ecosystem__module.lbry:not(.active) h2,.ecosystem__module.applications:not(.active) h2{margin-bottom:.5rem}.ecosystem__module.lbry:not(.active) h2::after,.ecosystem__module.applications:not(.active) h2::after{bottom:1rem;left:0;font-size:.5rem;letter-spacing:.1rem;position:absolute;width:100%;z-index:-1}.ecosystem__module.lbrycrd:not(.active)::before{background-color:#db3e3e}.ecosystem__module.lbrycrd.active::before{border:2px solid #db3e3e}.ecosystem__module.lbry:not(.active)::before{background-color:#3e8cdb}.ecosystem__module.lbry:not(.active) h2::after{content:"◼︎◼︎"}.ecosystem__module.lbry.active::before{border:2px solid #3e8cdb}.ecosystem__module.applications:not(.active)::before{background-color:#3edb3e}.ecosystem__module.applications:not(.active) h2::after{content:"◼︎◼︎◼︎◼︎◼︎"}.ecosystem__module.applications.active::before{border:2px solid #3edb3e}.ecosystem__module__piece{background-color:#fcfcfc;left:10%;line-height:2;position:relative;width:80%}.ecosystem__module__piece:not(:last-of-type){margin-bottom:.5rem}.ecosystem__submodule{border-width:2px;cursor:default;position:relative;transition:border-color .2s;z-index:2}.ecosystem__submodule:not(:last-of-type){margin-bottom:1rem}.ecosystem__submodule:not(.on):not(.active){color:rgba(34,34,34,.3)}.ecosystem__submodule:not(.active){align-items:center;display:inline-flex;justify-content:center;width:144px;height:144px;border-radius:50%;border-style:dashed}.ecosystem__submodule:not(.active) .ecosystem__submodule__title{width:100%;height:100%;line-height:140px;text-align:center}.ecosystem__submodule:not(.active) .ecosystem__submodule__description{display:none}.ecosystem__submodule.active{width:100%;height:100%;border-style:solid;overflow-y:auto;padding:2rem}.ecosystem__submodule.active .ecosystem__submodule__title{line-height:1.33;margin-bottom:1rem}.ecosystem__submodule:not(.blue):not(.green):not(.red){border-color:rgba(163,183,173,.3)}.ecosystem__submodule.blue:not(.active),.ecosystem__submodule.green:not(.active),.ecosystem__submodule.red:not(.active){cursor:pointer}.ecosystem__submodule.blue{background-color:rgba(62,140,219,.025);border-color:#3e8cdb}.ecosystem__submodule.green{background-color:rgba(62,219,62,.025);border-color:#3edb3e}.ecosystem__submodule.red{background-color:rgba(219,62,62,.025);border-color:#db3e3e}.ecosystem__submodule__title{font-size:1.15rem}.ecosystem__submodule__description{margin-bottom:2rem}.ecosystem__submodule__description .__close{top:-0.7rem;right:-2rem}.ecosystem__submodule__description__title{color:rgba(34,34,34,.3);letter-spacing:.1rem;text-transform:uppercase}.__parents{top:2rem;right:4rem;font-size:1.15rem;line-height:1.33;list-style-type:none;padding-right:1rem;position:absolute;z-index:1}.__parents::before,.__parents::after{position:absolute}.__parents::before{font-family:Georgia,serif;top:.3rem;left:-3.4rem;color:rgba(34,34,34,.3);content:"back to";font-size:.8rem;font-style:italic;font-weight:700}.__parents::after{width:2px;height:100%;top:0;right:0;background-color:rgba(34,34,34,.3);content:""}.__parent{font-weight:700}.__parent:not(.active){display:none}.__parent.active{cursor:pointer}.__close{cursor:pointer;font-size:2rem;position:absolute;right:2rem;transition:all .2s}.newsletter-cta{background-color:rgba(34,34,34,.2);padding-top:1rem;padding-bottom:1rem;text-align:center}.newsletter-cta > div:first-of-type{margin-right:auto;margin-left:auto}@media(min-width: 551px){.newsletter-cta > div:first-of-type{width:500px}}@media(max-width: 550px){.newsletter-cta > div:first-of-type{width:90%}}.newsletter-cta::after{clear:both;content:"";display:block}.newsletter-cta__title{font-size:.8rem;letter-spacing:.05rem;margin-bottom:.75rem;text-transform:uppercase}.newsletter-cta__input,.newsletter-cta__submit{border-style:solid;border-width:1px}@media(max-width: 550px){.newsletter-cta__input,.newsletter-cta__submit{width:100%}}.newsletter-cta__input{background-color:#fcfcfc;font-size:1rem;height:38px;transition:border .2s}@media(min-width: 551px){.newsletter-cta__input{float:left;width:calc(100% - 112px)}}@media(max-width: 550px){.newsletter-cta__input{text-align:center}}.newsletter-cta__input:not(:focus){border-top-color:#222;border-left-color:#222}@media(min-width: 551px){.newsletter-cta__input:not(:focus){border-bottom-color:#222;border-right-color:transparent}}@media(max-width: 550px){.newsletter-cta__input:not(:focus){border-bottom-color:transparent;border-right-color:#222}}.newsletter-cta__input:focus{border-top-color:#35a06b;border-left-color:#35a06b}@media(min-width: 551px){.newsletter-cta__input:focus{border-bottom-color:#35a06b;border-right-color:transparent}}@media(max-width: 550px){.newsletter-cta__input:focus{border-bottom-color:transparent;border-right-color:#35a06b}}.newsletter-cta__submit{color:#fcfcfc}@media(min-width: 551px){.newsletter-cta__submit{width:112px;height:38px;float:right;left:-1px}}@media(max-width: 550px){.newsletter-cta__submit{display:block;top:-1px}}.newsletter-cta__submit:not(:hover){background-color:#222;border-color:#222}.newsletter-cta__submit:hover{background-color:#3abf7d;border-color:#35a06b}.newsletter-cta__message{clear:both;content:"";display:block;background-color:#3abf7d;color:#fcfcfc;font-size:1rem;text-align:center}.newsletter-cta__message:not(:empty){padding:1rem}.feature-links{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));list-style-type:none;padding-top:.5rem}.feature-link{width:320px;min-height:135px;background-color:#fcfcfc;border:1px solid rgba(34,34,34,.1);border-radius:3px;cursor:pointer;display:inline-block;position:relative;transition:box-shadow .2s;vertical-align:top}.feature-link > div:first-of-type{top:85px;left:5%;position:relative;text-align:center;width:90%;z-index:1}.feature-link:not(:hover) .feature-link__background{filter:brightness(0.5)}.feature-link:hover{box-shadow:0 0 15px rgba(34,34,34,.15)}.feature-link:hover .feature-link__title{color:#3abf7d}.feature-link__title{background-color:#fcfcfc;border:1px solid rgba(128,128,128,.1);box-shadow:0 2px 5px rgba(34,34,34,.025);border-radius:3px;box-decoration-break:clone;display:inline;font-size:1rem;line-height:1.7;padding:.25rem .5rem;transition:color .2s;position:relative}.feature-link__background{width:calc(100% + 2px);height:100px;top:-1px;left:-1px;background-color:#3abf7d;border-top-right-radius:3px;border-top-left-radius:3px;transition:filter .2s;overflow:hidden;position:absolute;z-index:0}.feature-link__background img{width:100%;height:100%;object-fit:cover;object-position:center}.flashes{top:4rem;right:0;position:absolute;width:100%;z-index:9}.flash{border:2px solid;border-radius:3px;font-size:1rem;line-height:1.33;padding:.5rem 1rem;position:absolute;right:2rem}.flash:not(.error):not(.info):not(.warning){background-color:#e9f6ef;border-color:#3abf7d}.flash:not(.active){transform:translateY(-4rem)}.flash.active{animation:slide-down 2s linear;transform:translateY(-4rem)}.flash.error{background-color:#f9e9e9;border-color:#db3e3e}.flash.info{background-color:#f3f5f4;border-color:#a3b7ad}.flash.warning{background-color:#f9f9e9;border-color:#dbdb3e}.footer{background-color:#222;color:rgba(252,252,252,.15);font-size:1rem;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:relative}@media(max-width: 980px){.footer::before{width:3rem;height:100%;bottom:0;right:0;background-image:linear-gradient(90deg, rgba(34, 34, 34, 0), #222 50%, #222);content:"";position:absolute;z-index:2}}@media(max-width: 980px){.footer > div:first-of-type{overflow:auto;overflow-scrolling:touch;white-space:nowrap;width:100%}}.footer ul{list-style-type:none;padding-top:2rem;padding-bottom:2rem}@media(min-width: 981px){.footer ul{align-items:stretch;display:flex;flex-flow:row wrap}}.footer ul li{padding-right:.5rem;padding-left:.5rem;vertical-align:bottom}@media(max-width: 980px){.footer ul li{display:inline-block;transform:translate3d(0, 0, 0);transition:opacity .2s .2s ease,transform .4s .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.footer ul li:last-of-type{margin-right:3rem}}.footer ul li:first-of-type{flex:1}.footer a{transition:color .2s}.footer a:not(:hover){color:#fcfcfc}.footer a:hover{color:#3abf7d}.github-feed{border-bottom:1px solid rgba(34,34,34,.05);border-left:1px solid rgba(34,34,34,.05);font-size:.8rem;grid-area:github;position:relative}@media(min-width: 1301px){.github-feed{padding-top:3.7rem}}@media(min-width: 1001px)and (max-width: 1300px){.github-feed{padding-top:2.95rem}}@media(min-width: 1001px){.github-feed{padding-bottom:2rem;padding-right:10%;padding-left:2rem}}@media(max-width: 1000px){.github-feed{padding-top:2rem;padding-bottom:2rem}}@media(min-width: 901px){.github-feed{padding-right:1rem;padding-left:1rem}}@media(max-width: 900px){.github-feed{padding-right:2rem;padding-left:2rem}}@media(max-width: 700px){.github-feed{overflow-x:auto;overflow-y:hidden;white-space:nowrap}}@media(min-width: 1001px){.github-feed h3,.github-feed h5{text-align:center}}.github-feed h3{letter-spacing:.1rem;line-height:1;text-transform:uppercase;width:100%}@media(min-width: 1301px){.github-feed h3{top:2.15rem;left:0;color:rgba(34,34,34,.045);font-size:4rem;position:absolute}}@media(max-width: 1300px){.github-feed h3{color:#222}}@media(min-width: 901px)and (max-width: 1300px){.github-feed h3{font-size:3rem}}@media(max-width: 900px){.github-feed h3{font-size:2rem;margin-bottom:1rem}}.github-feed h5{font-style:italic;font-weight:normal}@media(min-width: 1001px){.github-feed h5{margin-bottom:3rem}}@media(min-width: 901px)and (max-width: 1000px){.github-feed h5{margin-bottom:2rem}}@media(max-width: 900px){.github-feed h5{margin-bottom:.5rem;position:relative;top:-1rem}}.github-feed__event{line-height:1.55}@media(max-width: 700px){.github-feed__event{display:inline-block;margin-right:1.25rem;vertical-align:top;width:200px}}@media(min-width: 701px){.github-feed__event:not(:last-of-type){margin-bottom:1.25rem}}.github-feed__event > a:first-of-type{font-weight:700;margin-bottom:.5rem;width:100%}@media(max-width: 700px){.github-feed__event > p:first-of-type{box-shadow:0 2px 5px rgba(34,34,34,.025)}}.github-feed__event > p:first-of-type code{background-color:#222;border-radius:3px;color:#fcfcfc;font-size:80%;letter-spacing:.05rem;padding:.2rem .5rem;position:relative;top:-1px}.github-feed__event > p:first-of-type em:not(.github-feed__event__time){text-decoration:underline}@media(min-width: 701px){.github-feed__event > p:first-of-type{display:inline-block;margin-left:.5rem;vertical-align:top;width:calc(100% - 4.5rem)}}@media(max-width: 700px){.github-feed__event > p:first-of-type{top:-3.5rem;left:5%;background-color:#fcfcfc;border:1px solid rgba(163,183,173,.1);border-radius:3px;padding:1rem;position:relative;white-space:normal;width:90%}}.github-feed__event__avatar{border:1px solid rgba(163,183,173,.1);border-radius:3px;object-position:center;object-fit:cover}@media(min-width: 701px){.github-feed__event__avatar{width:2.5rem;height:2.5rem}}@media(max-width: 700px){.github-feed__event__avatar{width:100%;height:100%}}.github-feed__event__time{color:#a3b7ad;display:block}@media(max-width: 700px){.github-feed__event__time{padding-top:1rem}}.glossary:not(.sidebar-closed) main{margin-left:250px;width:calc(100vw - 250px)}.glossary:not(.sidebar-closed) .page__header-wrap .inner-wrap,.glossary:not(.sidebar-closed) .page__content .inner-wrap{margin-left:1rem;max-width:initial}.glossary:not(.sidebar-closed) .component--glossary-toc-toggle{left:calc(250px - 25px)}.glossary.sidebar-closed .component--glossary-toc{left:-250px}.glossary.sidebar-closed .component--glossary-toc-toggle{left:0}.component--glossary-toc{width:250px;height:calc(100vh - 4rem);top:4rem;left:0;background-color:#fcfcfc;border-right:1px solid rgba(163,183,173,.3);font-size:.8rem !important;overflow-x:hidden;overflow-y:auto;padding-top:1rem !important;position:fixed !important;z-index:1}.component--glossary-toc li:last-of-type{margin-bottom:1rem}.component--glossary-toc-toggle{width:25px;height:104px;font-size:.7rem;position:absolute;text-orientation:upright;text-transform:uppercase;top:4rem;writing-mode:vertical-rl;z-index:1}.navigation{top:0;left:0;background-color:#fcfcfc;box-shadow:0 1px 5px rgba(34,34,34,.1);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:fixed;width:100%;z-index:10}.navigation > div:first-of-type{position:relative}@media(min-width: 701px){.navigation > div:first-of-type{align-items:stretch;display:flex;flex-flow:row wrap}}@media(max-width: 700px){.navigation > div:first-of-type{overflow:auto;overflow-scrolling:touch;white-space:nowrap;width:100%}.navigation > div:first-of-type::before{width:2rem;height:4rem;top:0;right:0;background-image:linear-gradient(90deg, rgba(252, 252, 252, 0), #fcfcfc 50%, #fcfcfc);content:"";position:fixed;z-index:2}}.navigation__item{overflow:hidden;position:relative}@media(max-width: 700px){.navigation__item{display:inline-block;transform:translate3d(0, 0, 0);transition:opacity .2s .2s ease,transform .4s .2s cubic-bezier(0.215, 0.61, 0.355, 1);vertical-align:top}.navigation__item:last-of-type{margin-right:3rem}}.navigation__item:first-of-type{border:0;color:transparent;font:0/0 a;text-shadow:none;width:10rem;height:3rem;background-image:url("/assets/media/svg/logo.svg");background-repeat:no-repeat;background-size:contain;flex:1;top:.5rem}.navigation__item:not(:first-of-type):not([href="https://lbry.io"])::after{width:100%;height:3px;background-color:#3abf7d;content:"";left:0;position:absolute;transition:bottom .2s}.navigation__item:not(:first-of-type):not([href="https://lbry.io"]):not(:hover)::after{bottom:-3px}.navigation__item:not(:first-of-type):not([href="https://lbry.io"]):hover::after,.navigation__item:not(:first-of-type):not([href="https://lbry.io"]).active::after{bottom:0}.navigation__item:not(:first-of-type){color:inherit;font-size:1rem;line-height:4rem}.navigation__item:not([href="https://lbry.io"]){padding-right:.5rem;padding-left:.5rem}.navigation__item[href="https://lbry.io"]{color:#fcfcfc;margin-right:.5rem;padding-right:1rem;padding-left:1rem}.navigation__item[href="https://lbry.io"]:not(:hover)::after{background-color:#222}.navigation__item[href="https://lbry.io"]:hover::after{background-color:#3abf7d}.navigation__item[href="https://lbry.io"]::after{width:100%;height:2rem;top:1rem;left:0;border-radius:3px;content:"";position:absolute;transition:background-color .2s;z-index:-1}.component--mission-statement{margin-bottom:1.5rem;padding:1rem 1rem 1rem 1.25rem;background-color:rgba(58,191,125,.1);border-left:.5rem solid #3abf7d;line-height:1.55;position:relative}@media(min-width: 901px){.component--mission-statement{font-size:1.25rem}}@media(max-width: 900px){.component--mission-statement{font-size:1.05rem}}.component--mission-statement__title{color:#3abf7d;display:block;letter-spacing:.025rem;text-transform:uppercase}.modal{align-items:center;display:inline-flex;justify-content:center;top:0;left:0;bottom:0;right:0;background-color:rgba(34,34,34,.5);position:fixed;z-index:10}@media(min-width: 901px){.modal h3{font-size:1.5rem;margin-bottom:.25rem}}@media(max-width: 900px){.modal h3{font-size:1.25rem}}.modal p{margin-bottom:1rem}@media(min-width: 901px){.modal p{font-size:1.15rem;line-height:1.33}}@media(max-width: 900px){.modal p{font-size:1.05rem;line-height:1.55}}.modal p a{color:#3abf7d}.modal-wrap{background-color:#fcfcfc;padding:2rem 1.5rem}@media(min-width: 501px){.modal-wrap{width:500px}}@media(max-width: 500px){.modal-wrap{width:100%}}html,body{width:100%;height:100%}html{background-color:#fcfcfc}body{font-family:Karla,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222;font-size:12px;min-width:320px;overflow-x:hidden;position:relative;z-index:0}body:not(.home) main > div:first-of-type{flex:1}@media(min-width: 1001px){body.home main > div:first-of-type{display:grid;grid-gap:0;grid-template-areas:"header header header" "features features features" "intro intro github" "docs docs github" "contribute contribute contribute" "develop develop develop" "community community community"}}main{display:flex;flex-direction:column;min-height:100vh;padding-top:4rem}.inner-wrap{margin-right:auto;margin-left:auto;max-width:1200px}@media(min-width: 901px){.inner-wrap{padding-right:1rem;padding-left:1rem}}@media(max-width: 900px){.inner-wrap{padding-right:2rem;padding-left:2rem}}.inner-wrap::after{clear:both;content:"";display:block}h1 .header-anchor,h2 .header-anchor,h3 .header-anchor,h4 .header-anchor,h5 .header-anchor{display:none}hr{width:100%;height:1px;background-color:rgba(163,183,173,.3);border:none;margin-bottom:1rem}.alert{bottom:0;left:0;background-color:#dbdb3e;line-height:1.33;padding-top:1rem;padding-right:env(safe-area-inset-right);padding-bottom:1rem;padding-left:env(safe-area-inset-left);position:fixed;text-align:left;width:100%;z-index:3}.alert > div:first-of-type{position:relative}@media(min-width: 901px){.alert{font-size:1rem}}@media(max-width: 900px){.alert{font-size:.8rem}}.alert p,.alert button{display:inline-block}.alert p{padding-right:1rem;width:calc(100% - 2.25rem)}.alert a{font-weight:600;text-decoration:underline}.alert button{width:1.25rem;height:1.25rem;top:0;right:0;background-color:#fcfcfc;border-radius:50%;display:block;font-size:1rem;line-height:1;margin-right:1rem;margin-left:1rem;position:absolute;text-align:center}.__slate{width:100%;height:100%;position:relative}.__slate::after{clear:both;content:"";display:block}.api__toc{width:200px;height:calc(100vh - 4rem);top:4rem;left:0;bottom:0;background-color:#fcfcfc;border-right:1px solid rgba(163,183,173,.3);float:left;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:3}.api__toc__search{position:relative}.api__toc__search__field{border-bottom:1px solid rgba(163,183,173,.3);font-size:.8rem;line-height:2rem;padding:.25rem calc(2rem + 4px) .25rem .75rem;width:100%}.api__toc__search__clear{width:1.25rem;height:1.25rem;top:.6rem;right:.75rem;background-color:#222;border-radius:50%;color:#fcfcfc;cursor:pointer;font-size:1rem;line-height:1.15;position:absolute;text-align:center;transition:opacity .2s}.api__toc__search__clear:not(.active){opacity:0;visibility:hidden}.api__toc__search__clear.active{opacity:1;visibility:visible}.api__toc__items{font-size:.8rem;line-height:1.33;list-style-type:none;padding-top:.25rem;padding-bottom:.25rem}.api__toc__item:hover{background-color:rgba(163,183,173,.3)}.api__toc__item a{display:block;padding:.25rem .5rem .25rem .75rem}.api__content{display:grid;float:right;grid-template-columns:repeat(auto-fit, minmax(50%, 1fr));width:calc(100% - 200px)}.api__content h1{font-size:1.5rem;margin-bottom:.5rem}.api__content h2{font-size:1.5rem;margin-bottom:.5rem}.api__content h3{font-size:.8rem;letter-spacing:.1rem;margin-bottom:.25rem;text-transform:uppercase}.api__content p,.api__content ol,.api__content ul{font-size:1rem;line-height:1.5;margin-bottom:1rem}.api__content table{border:1px solid rgba(252,252,252,.1);border-radius:.3rem;border-spacing:0;font-size:.8rem;line-height:1.33;width:100%}.api__content thead{display:none}.api__content th,.api__content td{padding:.5rem 1rem .5rem .5rem}.api__content th{border-bottom:1px solid rgba(252,252,252,.1)}.api__content tr:nth-child(even){background-color:rgba(252,252,252,.1)}.api__content pre{margin-bottom:2rem;padding:1rem;border-radius:.3rem;font-size:.8rem;line-height:1.33;overflow-x:auto;overflow-y:hidden}.api__content__body{border-bottom:1px solid rgba(163,183,173,.3);padding:2rem}.api__content__body pre{border:1px solid rgba(163,183,173,.3)}.api__content__body__arguments{border:1px solid rgba(163,183,173,.3);border-radius:3px;list-style-type:none}.api__content__body__argument:not(:last-of-type){border-bottom:1px solid rgba(163,183,173,.3)}.api__content__body__argument:nth-child(even){background-color:rgba(163,183,173,.1)}.api__content__body__argument .left,.api__content__body__argument .right{padding:.5rem .75rem}.api__content__body__argument .left{border-right:1px solid rgba(163,183,173,.3);width:30%;word-wrap:break-word}.api__content__body__argument .left span{color:#a3b7ad;font-size:.8rem}.api__content__body__argument .left span:not(:first-of-type){margin-left:.5rem}.api__content__body__argument .right{width:70%}.api__content__body__argument::after{clear:both;content:"";display:block}.api__content__example{background-color:#2f3130;border-bottom:1px solid rgba(252,252,252,.1);color:#fcfcfc;padding:2rem}.api__content__example pre{background-color:#222}.contributing table th:first-of-type{width:30%}.contributing table th:nth-of-type(2){width:20%}.documentation ol + h1,.documentation ul + h1{padding-top:2rem}.documentation h4 + h2{padding-top:2rem}.documentation .blog-posts{list-style-type:none}.documentation .blog-post{position:relative}.documentation .blog-post::before{background-color:#222;border-radius:50%;content:"";line-height:0;position:absolute}@media(min-width: 901px){.documentation .blog-post::before{width:7px;height:7px;top:14px;left:-1.05rem}}@media(max-width: 900px){.documentation .blog-post::before{width:6px;height:6px;top:11px;left:-0.95rem}}.documentation .blog-post__title{line-height:1.33}.documentation .blog-post__title::after{content:"";display:block}.documentation .blog-post__meta{font-size:80%;line-height:1;margin-bottom:1rem}.documentation .blog-post__meta__author::before{content:"by"}@media(min-width: 901px){.documentation .blog-post__meta__author::before{left:-1.2rem}}@media(max-width: 900px){.documentation .blog-post__meta__author::before{left:-1rem}}@media(min-width: 901px){.documentation .blog-post__meta__date{margin-right:1.4rem;margin-left:3.1rem}}@media(max-width: 900px){.documentation .blog-post__meta__date{margin-right:1.2rem;margin-left:2.6rem}}.documentation .blog-post__meta__date::before{content:"posted"}@media(min-width: 901px){.documentation .blog-post__meta__date::before{left:-3.1rem}}@media(max-width: 900px){.documentation .blog-post__meta__date::before{left:-2.6rem}}.documentation .blog-post__meta__author,.documentation .blog-post__meta__date{display:inline-block;position:relative}.documentation .blog-post__meta__author::before,.documentation .blog-post__meta__date::before{color:rgba(34,34,34,.5);font-style:italic;position:absolute;vertical-align:bottom}.home{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.home h2{font-weight:normal;margin-bottom:4rem;text-align:center}@media(min-width: 851px){.home h2{font-size:1.75rem}}@media(max-width: 850px){.home h2{font-size:1.25rem}}.home hr{width:100%;height:1px;background-color:rgba(34,34,34,.1);border:none;margin-bottom:4rem}.home .hero{align-items:center;background-color:#222;background-image:url("/assets/media/svg/text-logo--white.svg");background-position:center;background-repeat:no-repeat;display:flex;grid-area:header;height:calc(50vh - 4rem);min-height:300px;justify-content:center}@media(max-width: 850px){.home .hero{background-size:cover}}.home .hero h1{background-color:#fcfcfc;border:1px solid rgba(34,34,34,.1);box-decoration-break:clone;display:inline;font-weight:normal;line-height:2;padding:.4rem 1rem;-webkit-box-decoration-break:clone}@media(min-width: 851px){.home .hero h1{font-size:1.75rem}}@media(max-width: 850px){.home .hero h1{font-size:1.25rem}}.home .features{grid-area:features}.home .features .home__features{align-content:center;border-bottom:1px solid rgba(34,34,34,.05);display:flex;flex-flow:row wrap;list-style-type:none;padding-top:2rem;padding-bottom:2rem}.home .features .home__feature{position:relative;text-align:center;vertical-align:top}@media(min-width: 651px){.home .features .home__feature{width:50%}}@media(max-width: 650px){.home .features .home__feature{width:100%}.home .features .home__feature:first-of-type{padding-bottom:1rem}.home .features .home__feature:last-of-type{padding-top:1rem}}.home .features .home__feature__title{font-size:2rem;margin-bottom:.5rem}.home .features .home__feature__description{font-size:1rem;left:10%;margin-bottom:1rem;position:relative;width:80%}.home .features .home__feature__cta{display:inline-block;font-size:1rem;position:relative}.home .intro,.home .docs,.home .contribute,.home .develop,.home .community{padding-top:3rem;padding-bottom:3.5rem}.home .intro .inner-wrap,.home .docs .inner-wrap,.home .contribute .inner-wrap,.home .develop .inner-wrap,.home .community .inner-wrap{position:relative}.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{letter-spacing:.1rem;line-height:1;text-transform:uppercase}@media(min-width: 1301px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{top:-0.85rem;left:-2rem;color:rgba(34,34,34,.045);font-size:4rem;position:absolute}}@media(max-width: 1300px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{color:#222}}@media(min-width: 901px)and (max-width: 1300px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{font-size:3rem}}@media(max-width: 900px){.home .intro h3,.home .docs h3,.home .contribute h3,.home .develop h3,.home .community h3{font-size:2rem;margin-bottom:1rem}}.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{margin-bottom:1.5rem;max-width:1000px}@media(min-width: 901px){.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{font-size:1.5rem;line-height:1.55}}@media(max-width: 900px){.home .intro p,.home .docs p,.home .contribute p,.home .develop p,.home .community p{font-size:1.25rem;line-height:1.33}}.home .intro p:first-of-type,.home .docs p:first-of-type,.home .contribute p:first-of-type,.home .develop p:first-of-type,.home .community p:first-of-type{padding-top:.5rem}.home .intro .cta,.home .docs .cta,.home .contribute .cta,.home .develop .cta,.home .community .cta{top:.5rem}.home .intro,.home .docs,.home .contribute,.home .develop{border-bottom:1px solid rgba(34,34,34,.05)}@media(min-width: 1301px){.home .intro,.home .docs{padding-left:10%}}.home .intro{grid-area:intro}.home .docs{grid-area:docs}@media(min-width: 1301px){.home .community p,.home .contribute p{margin-right:auto;margin-left:auto;text-align:center}}.home .community ul,.home .contribute ul{list-style-type:none;padding-top:1rem}.home .community ul::after,.home .contribute ul::after{clear:both;content:"";display:block}@media(min-width: 901px){.home .community ul,.home .contribute ul{font-size:1.5rem}}@media(min-width: 751px)and (max-width: 900px){.home .community ul,.home .contribute ul{font-size:1.25rem}}@media(max-width: 750px){.home .community ul,.home .contribute ul{font-size:1rem}}.home .community ul li,.home .contribute ul li{float:left;position:relative;text-align:center}@media(max-width: 750px){.home .community ul li,.home .contribute ul li{margin-bottom:2rem;min-width:8rem}}.home .community ul li a,.home .contribute ul li a{display:block;position:relative;padding-top:4rem;transition:color .2s}.home .community ul li a::before,.home .contribute ul li a::before{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;content:"";left:0;position:absolute}.home .community ul li a:not(:hover),.home .contribute ul li a:not(:hover){color:inherit}.home .community ul li a:hover,.home .contribute ul li a:hover{color:#3abf7d}.home .contribute{grid-area:contribute}@media(min-width: 701px){.home .contribute ul li{width:calc(100% / 5)}}@media(max-width: 700px){.home .contribute ul li{width:50%}}@media(min-width: 901px){.home .contribute ul li a::before{background-size:4rem;top:-1rem}}@media(max-width: 900px){.home .contribute ul li a::before{background-size:3rem;top:0}}.home .contribute ul li:nth-child(1) a::before{background-image:url("/assets/media/svg/flag.svg")}.home .contribute ul li:nth-child(2) a::before{background-image:url("/assets/media/svg/keyboard.svg")}.home .contribute ul li:nth-child(3) a::before{background-image:url("/assets/media/svg/anchor.svg")}.home .contribute ul li:nth-child(4) a::before{background-image:url("/assets/media/svg/chat.svg")}.home .contribute ul li:nth-child(5) a::before{background-image:url("/assets/media/svg/monitor.svg")}.home .develop{grid-area:develop}.home .community{grid-area:community}@media(min-width: 701px){.home .community ul li{width:50%}}@media(max-width: 700px){.home .community ul li{width:50%}}@media(min-width: 901px){.home .community ul li a::before{background-size:6rem;top:-2rem}}@media(max-width: 900px){.home .community ul li a::before{background-size:4rem;top:-0.5rem}}.home .community ul li:nth-child(1) a::before{background-image:url("/assets/media/svg/discord.svg")}.home .community ul li:nth-child(2) a::before{background-image:url("/assets/media/svg/reddit.svg")}.home .community ul li:nth-child(3) a::before{background-image:url("/assets/media/svg/slack.svg")}.page{display:flex;flex:1;flex-direction:column;height:100%}.page__header-wrap{width:100%}.page__header{align-items:center;display:inline-flex;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fcfcfc;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:relative;width:100%}.page__header__title{font-weight:300;text-shadow:1px 1px 2px rgba(34,34,34,.3)}@media(min-width: 901px){.page__header__title{font-size:3rem;line-height:6.5rem}}@media(max-width: 900px){.page__header__title{font-size:2rem;line-height:1;padding-top:1rem;padding-bottom:1rem}}.page__content{background-repeat:repeat;background-size:32px;flex:1;padding-top:2rem;padding-bottom:2rem;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.page__content h1{margin-bottom:.25rem}@media(min-width: 901px){.page__content h1{font-size:3rem}}@media(max-width: 900px){.page__content h1{font-size:2rem}}.page__content h1 + h2{margin-bottom:2rem}@media(min-width: 901px){.page__content h2:not(.__title){font-size:2rem}}@media(max-width: 900px){.page__content h2:not(.__title){font-size:1.5rem}}.page__content h2:not(.__title) + h3{margin-bottom:1rem;padding-top:.25rem}@media(min-width: 901px){.page__content h3:not(.ecosystem__submodule__title){font-size:1.5rem}}@media(max-width: 900px){.page__content h3:not(.ecosystem__submodule__title){font-size:1.25rem}}.page__content h3:not(.ecosystem__submodule__title) + table{top:.25rem}.page__content h4:not(.ecosystem__submodule__description__title){letter-spacing:.05rem;text-transform:uppercase}@media(min-width: 901px){.page__content h4:not(.ecosystem__submodule__description__title){font-size:1.25rem}}@media(max-width: 900px){.page__content h4:not(.ecosystem__submodule__description__title){font-size:1.15rem}}.page__content h5{font-size:1rem}.page__content sup{font-family:"Courier New",monospace}.page__content blockquote{left:2px;line-height:1.5;margin-bottom:.5rem;position:relative}@media(min-width: 601px){.page__content blockquote{margin-left:15%;padding:.5rem 0 .05rem 2rem;font-size:1.5rem;width:70%}}@media(max-width: 600px){.page__content blockquote{font-size:1.25rem;padding:.5rem 0 .05rem 0}}@media(min-width: 376px)and (max-width: 600px){.page__content blockquote{margin-left:5%;width:90%}}.page__content blockquote p{font-size:inherit;line-height:inherit}.page__content blockquote::before{font-family:Georgia,serif;width:150px;height:100px;top:3rem;left:-2rem;color:rgba(58,191,125,.2);content:"“";font-size:20rem;line-height:.5;position:absolute}.page__content p code,.page__content ol code,.page__content ul:not(.overview__ecosystem__module) code,.page__content table code{background-color:#222;border-radius:3px;color:#fcfcfc;font-size:60%;letter-spacing:.05rem;padding:.3rem .5rem;vertical-align:middle}@media(max-width: 900px){.page__content p code,.page__content ol code,.page__content ul:not(.overview__ecosystem__module) code,.page__content table code{position:relative;top:-1px}}.page__content p,.page__content ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){margin-bottom:1rem;position:relative}@media(min-width: 901px){.page__content p,.page__content ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){font-size:1.25rem;line-height:1.6}}@media(max-width: 900px){.page__content p,.page__content ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents){font-size:1.05rem;line-height:1.55}}.page__content ol,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar){padding-top:.5rem}.page__content ol li:not(:last-of-type),.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) li:not(:last-of-type){margin-bottom:.25rem}.page__content ol + h2,.page__content ol + h3,.page__content ol + h4,.page__content ol + h5,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) + h2,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) + h3,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) + h4,.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) + h5{padding-top:2rem}.page__content ol{list-style-type:lower-roman;padding-left:1.6rem}.page__content ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar){padding-left:1.25rem}.page__content p img{float:right}.page__content a:not(.__button-black):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain){background-image:linear-gradient(#fcfcfc, #fcfcfc),linear-gradient(#fcfcfc, #fcfcfc),linear-gradient(#3abf7d, #3abf7d);background-position:0 88%,100% 88%,0 88%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:.05rem 1px,.05rem 1px,1px 1px;box-decoration-break:clone;display:inline;text-decoration:none;text-shadow:.03rem 0 #fcfcfc,-0.03rem 0 #fcfcfc,0 .03rem #fcfcfc,0 -0.03rem #fcfcfc,.06rem 0 #fcfcfc,-0.06rem 0 #fcfcfc,.09rem 0 #fcfcfc,-0.09rem 0 #fcfcfc,.12rem 0 #fcfcfc,-0.12rem 0 #fcfcfc,.15rem 0 #fcfcfc,-0.15rem 0 #fcfcfc;color:#3abf7d}.page__content a:not(.__button-black):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::selection{background-color:#3abf7d;color:#fcfcfc;text-shadow:none}.page__content a:not(.__button-black):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain)::-moz-selection{background-color:#3abf7d;color:#fcfcfc;text-shadow:none}@-moz-document url-prefix(){.page__content a:not(.__button-black):not(.button):not(.feature-link__title):not(.header-anchor):not(.newsletter-standalone__submit):not(.__plain){background-position:0 90%,100% 90%,0 90%}}.page__content pre{margin-bottom:2rem;padding:2rem;border-radius:3px;font-size:1rem;line-height:1.33;overflow-x:auto;overflow-y:hidden}.page__content pre:not([class]),.page__content pre.language-text{background-color:#222;color:#fcfcfc}.page__content pre.language-yaml{background-color:#27273f;color:#ffe066}.page__content pre.language-yaml .atrule{color:#f083ac}.page__content pre.language-yaml .important{color:#ffa94d}.page__content pre.language-yaml .punctuation{color:#fcfcfc}.page__content table{background-color:#fcfcfc;border:1px solid rgba(163,183,173,.3);border-spacing:0;margin-bottom:2rem;position:relative;width:100%}@media(max-width: 1030px){.page__content table{display:inline-grid}.page__content table thead{display:none}.page__content table tbody,.page__content table tr,.page__content table td{display:block}.page__content table tbody tr:last-of-type td:not(:last-of-type){border-bottom:1px solid rgba(163,183,173,.3)}}.page__content table thead{background-color:#222;color:#fcfcfc;cursor:default;position:relative}.page__content table thead tr{position:relative;z-index:1}.page__content table thead:not(*:root)::after{z-index:-1}.page__content table thead::after{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;background-color:#222;content:"";position:absolute;z-index:0}.page__content table tbody{line-height:1.55}.page__content table tr:nth-of-type(even){background-color:rgba(34,34,34,.025)}.page__content table th,.page__content table td{padding:.5rem 1rem}.page__content table th{font-size:.8rem;letter-spacing:.1rem;text-transform:uppercase}.page__content table tbody tr:not(:last-of-type) td{border-bottom:1px solid rgba(163,183,173,.3)}.page__content table td{font-size:1rem}.page__header{background-image:url("/assets/media/images/background-a.jpg")}.page__content{background-image:url("/assets/media/images/grid.png")}.tour{border-top:1px solid rgba(34,34,34,.05);position:relative;top:1rem}.tour::after{clear:both;content:"";display:block}.tour__sidebar{width:250px;height:100%;float:left;list-style-type:none;padding-top:1rem;padding-right:1rem;vertical-align:top}.tour__sidebar__step{cursor:pointer}.tour__sidebar__step:not(:last-of-type){margin-bottom:1.5rem}.tour__sidebar__step:not(.active) button,.tour__sidebar__step:not(.active) span{color:rgba(34,34,34,.3)}.tour__sidebar__step.active button,.tour__sidebar__step:hover button{color:#3abf7d}.tour__sidebar__step.active span,.tour__sidebar__step:hover span{color:#222}.tour__sidebar__step button,.tour__sidebar__step span{transition:color .2s}.tour__sidebar__step button{background-color:transparent;font-size:1.25rem;font-weight:600}.tour__sidebar__step span{display:block;font-size:1rem}.tour__content{width:calc(100% - 250px);height:100%;min-height:500px;border-left:1px solid rgba(34,34,34,.05);float:right;vertical-align:top}/*# sourceMappingURL=style.css.map */ diff --git a/public/css/style.css.map b/public/css/style.css.map index 7ac21b2..c9e177f 100755 --- a/public/css/style.css.map +++ b/public/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../sass/init/_base.scss","../../sass/init/_colors.scss","../../sass/init/_mixins.scss","../../sass/init/_extends.scss","../../sass/type/_karla.scss","../../sass/partials/_animation.scss","../../sass/partials/_ecosystem.scss","../../sass/partials/_email-subscribe.scss","../../sass/partials/_feature-links.scss","../../sass/partials/_flash.scss","../../sass/partials/_footer.scss","../../sass/partials/_github-feed.scss","../../sass/partials/_glossary.scss","../../sass/partials/_navigation.scss","../../sass/partials/_mission-statement.scss","../../sass/partials/_modal.scss","../../sass/_layout.scss","../../sass/pages/_api.scss","../../sass/pages/_contributing.scss","../../sass/pages/_documentation.scss","../../sass/pages/_home.scss","../../sass/pages/_page.scss","../../sass/pages/_tour.scss"],"names":[],"mappings":"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E,iBfNQ,QeSV,4JAEE,MfVQ,KeWR,eACA,gBACA,kBACA,kBACA,UAGE,yCACE,OAKF,0BACE,mCACE,aACA,WACA,oBACE,0LAYV,KACE,aACA,sBACA,iBACA,iBAGF,YACE,kBACA,iBACA,iBAEA,yBALF,YAMI,mBACA,mBAGF,yBAVF,YAWI,mBACA,mBAGF,mBdzCA,WACA,WACA,cc6CA,0FACE,aAIJ,GACE,sBAEA,sCACA,YACA,mBAGF,OACE,gBAEA,iBflFQ,QemFR,iBACA,iBACA,yCACA,oBACA,uCACA,eACA,gBACA,WACA,UAEA,2BACE,kBAGF,yBAlBF,OAmBI,gBAGF,yBAtBF,OAuBI,iBAGF,uBACE,qBAGF,SACE,mBACA,2BAGF,SACE,gBACA,0BAGF,cACE,6BACA,cAEA,iBf/HM,QegIN,kBACA,cACA,eACA,cACA,kBACA,iBAEA,kBACA,kBCxIJ,SACE,uBACA,kBAEA,gBfmBA,WACA,WACA,cedF,UACE,sCACA,yBAEA,iBhBfQ,QgBgBR,4CACA,WACA,kBACA,gBACA,eACA,UAGF,kBACE,kBAGF,yBACE,6CACA,gBACA,iBACA,8CACA,WAGF,yBACE,6BACA,uBAEA,iBhBvCQ,KgBwCR,kBACA,MhB1CQ,QgB2CR,eACA,eACA,iBACA,kBACA,kBACA,uBAEA,sCACE,UACA,kBAGF,gCACE,UACA,mBAIJ,iBACE,gBACA,iBACA,qBACA,mBACA,sBAIA,sBACE,sCAGF,kBACE,cACA,mCAMJ,cACE,aACA,YACA,yDACA,yBAEA,iBACE,iBACA,oBAGF,iBACE,iBACA,oBAGF,iBACE,gBACA,qBACA,qBACA,yBAGF,kDACE,eACA,gBACA,mBAGF,oBACE,sCACA,oBACA,iBACA,gBACA,iBACA,WAGF,oBACE,aAGF,kCACE,+BAGF,iBACE,6CAGF,iCACE,sCAGF,kBACE,gCAEA,oBACA,gBACA,iBACA,gBACA,kBAIJ,oBACE,6CACA,aAEA,wBACE,sCAIJ,+BACE,sCACA,kBACA,qBAIA,iDACE,6CAGF,8CACE,sCAGF,yEAEE,qBAGF,oCACE,4CACA,UACA,qBAEA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","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../sass/init/_base.scss","../../sass/init/_colors.scss","../../sass/init/_mixins.scss","../../sass/init/_extends.scss","../../sass/type/_karla.scss","../../sass/partials/_animation.scss","../../sass/partials/_ecosystem.scss","../../sass/partials/_email-subscribe.scss","../../sass/partials/_feature-links.scss","../../sass/partials/_flash.scss","../../sass/partials/_footer.scss","../../sass/partials/_github-feed.scss","../../sass/partials/_glossary.scss","../../sass/partials/_navigation.scss","../../sass/partials/_mission-statement.scss","../../sass/partials/_modal.scss","../../sass/_layout.scss","../../sass/pages/_api.scss","../../sass/pages/_contributing.scss","../../sass/pages/_documentation.scss","../../sass/pages/_home.scss","../../sass/pages/_page.scss","../../sass/pages/_tour.scss"],"names":[],"mappings":"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E,iBfNQ,QeSV,4JAEE,MfVQ,KeWR,eACA,gBACA,kBACA,kBACA,UAGE,yCACE,OAKF,0BACE,mCACE,aACA,WACA,oBACE,0LAYV,KACE,aACA,sBACA,iBACA,iBAGF,YACE,kBACA,iBACA,iBAEA,yBALF,YAMI,mBACA,mBAGF,yBAVF,YAWI,mBACA,mBAGF,mBdzCA,WACA,WACA,cc6CA,0FACE,aAIJ,GACE,sBAEA,sCACA,YACA,mBAGF,OACE,gBAEA,iBflFQ,QemFR,iBACA,iBACA,yCACA,oBACA,uCACA,eACA,gBACA,WACA,UAEA,2BACE,kBAGF,yBAlBF,OAmBI,gBAGF,yBAtBF,OAuBI,iBAGF,uBACE,qBAGF,SACE,mBACA,2BAGF,SACE,gBACA,0BAGF,cACE,6BACA,cAEA,iBf/HM,QegIN,kBACA,cACA,eACA,cACA,kBACA,iBAEA,kBACA,kBCxIJ,SACE,uBACA,kBAEA,gBfmBA,WACA,WACA,cedF,UACE,sCACA,yBAEA,iBhBfQ,QgBgBR,4CACA,WACA,kBACA,gBACA,eACA,UAGF,kBACE,kBAGF,yBACE,6CACA,gBACA,iBACA,8CACA,WAGF,yBACE,6BACA,uBAEA,iBhBvCQ,KgBwCR,kBACA,MhB1CQ,QgB2CR,eACA,eACA,iBACA,kBACA,kBACA,uBAEA,sCACE,UACA,kBAGF,gCACE,UACA,mBAIJ,iBACE,gBACA,iBACA,qBACA,mBACA,sBAIA,sBACE,sCAGF,kBACE,cACA,mCAMJ,cACE,aACA,YACA,yDACA,yBAEA,iBACE,iBACA,oBAGF,iBACE,iBACA,oBAGF,iBACE,gBACA,qBACA,qBACA,yBAGF,kDACE,eACA,gBACA,mBAGF,oBACE,sCACA,oBACA,iBACA,gBACA,iBACA,WAGF,oBACE,aAGF,kCACE,+BAGF,iBACE,6CAGF,iCACE,sCAGF,kBACE,gCAEA,oBACA,gBACA,iBACA,gBACA,kBAIJ,oBACE,6CACA,aAEA,wBACE,sCAIJ,+BACE,sCACA,kBACA,qBAIA,iDACE,6CAGF,8CACE,sCAGF,yEAEE,qBAGF,oCACE,4CACA,UACA,qBAEA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","file":"style.css"} \ No newline at end of file diff --git a/sass/init/_base.scss b/sass/init/_base.scss index 277da38..d3d59f5 100644 --- a/sass/init/_base.scss +++ b/sass/init/_base.scss @@ -17,14 +17,13 @@ html { a, area, -button, -[role="button"], +button, [role="button"], input, label, select, summary, -textarea { // Remove touch delay on supported devices - touch-action: manipulation; +textarea { + touch-action: manipulation; // Remove touch delay on supported devices } a { @@ -50,10 +49,6 @@ button { &:not(:disabled) { cursor: pointer; } - - &:active { - // top: 2px; - } } button, @@ -79,7 +74,8 @@ textarea { background-color: transparent; } -input[type=submit] { +[type=button], +[type=submit] { cursor: pointer; } diff --git a/sass/pages/_--tour.scss b/sass/pages/_--tour.scss new file mode 100644 index 0000000..a07df28 --- /dev/null +++ b/sass/pages/_--tour.scss @@ -0,0 +1,395 @@ +.hook { + .loader { + animation: spin 2s linear infinite; + border-radius: 50%; + border-style: solid; + border-top-color: $teal; + + &:not(.small):not(.tiny) { + width: 4rem; height: 4rem; + + border-width: 6px; + margin-right: auto; + margin-left: auto; + } + + &.small { + width: 2rem; height: 2rem; + border-width: 3px; + } + + &.tiny { + width: 1rem; height: 1rem; + border-width: 2px; + } + } +} + + + +.hook__navigation { + background-color: $black; + color: $white; + font-size: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; + text-align: center; +} + +.hook__navigation__step { + background-color: transparent; + + @media (min-width: 501px) { + display: inline-block; + + &:not(:last-of-type) { + margin-right: 1rem; + } + + span { + width: 3rem; height: 3rem; + + display: block; + font-size: 1.25rem; + line-height: 3rem; + } + } + + @media (max-width: 500px) { + display: block; + + span { + width: 1rem; height: 1rem; + + display: inline-block; + font-size: 0.7rem; + line-height: 0.9rem; + position: relative; + top: 2px; + vertical-align: top; + } + } + + &:not(.active) { + color: $white; + + span { + border-color: rgba($white, 0.1); + } + } + + &.active { + color: $teal; + + span { + border-color: rgba($teal, 0.3); + } + } + + span { + border: 1px solid; + border-radius: 50%; + margin: 0 auto 0.5rem; + } +} + + + +.hook__page { + @extend .page__content; +} + +.hook__page__hero { + margin-bottom: 2rem; + border-bottom: 1px solid rgba($black, 0.05); + + h1, p { + text-align: center; + } +} + +.hook__page__hero__claim, +.hook__page__hero__support { + margin-bottom: 3rem; padding-left: 1rem; + + background-color: $white; + border: 1px solid rgba($gray, 0.7); + font-size: 1rem; + + @media (min-width: 501px) { + margin-right: auto; + margin-left: auto; + width: 80%; + } + + &::after { + @include clearfix; + } + + button, input { + line-height: 3rem; + } + + span { + color: rgba($black, 0.3); + } + + button { + border-left: 1px solid rgba($gray, 0.7); + color: $white; + float: right; + position: relative; + text-align: center; + transition: all 0.2s; + width: 6rem; + + &::after { + width: calc(100% + 2px); height: calc(100% + 2px); + top: -1px; left: -1px; + + border: 1px solid; + content: ""; + position: absolute; + transition: inherit; + } + + &:not(:hover) { + background-color: $black; + + &::after { + border-color: $black; + } + } + + &:hover { + background-color: $teal; + + &::after { + border-color: $teal; + } + } + } +} + +.hook__page__hero__claim input { + width: calc(100% - 10rem); +} + +.hook__page__hero__support { + input[type=number] { + width: 3rem; + } + + input[type=text] { + width: calc(100% - 11.5rem); + } + + span { + line-height: 3rem; + } + + a { + margin-left: 0.5rem; + } +} + + + +.hook__page__content::after { + @include clearfix; +} + +.hook__page__content__card { + margin-bottom: 1rem; padding: 1rem; + cursor: pointer; + + img { + margin-bottom: 0.5rem; + } + + @media (min-width: 501px) { + float: left; + vertical-align: top; + width: 50%; + } + + @media (max-width: 500px) { + width: 100%; + } +} + +.hook__page__content__meme { + margin-bottom: 2rem; + padding-right: 1rem; + padding-left: 1rem; + + @media (min-width: 701px) { + width: 50%; + } + + @media (max-width: 700px) { + width: 100%; + } + + canvas { + width: 100%; height: 100%; + + background-color: rgba($teal, 0.3); + margin-bottom: 1rem; + } + + h2.__metadata { + margin-top: 3rem; + } + + fieldset { + border: none; + + &:not(:last-of-type) { + margin-bottom: 1rem; + } + } + + label { + color: rgba($black, 0.3); + display: block; + font-size: 0.8rem; + font-weight: 600; + letter-spacing: 0.05rem; + margin-bottom: 0.025rem; + text-transform: uppercase; + width: 100%; + } + + input:not([type="checkbox"]):not([type="submit"]), + select, + textarea { + @media (min-width: 901px) { + font-size: 1.25rem; + } + + @media (max-width: 900px) { + font-size: 1.05rem; + } + } + + input { + &:not([type="checkbox"]):not([type="file"]):not([type="submit"]) { + border-bottom: 2px solid; + padding-bottom: 0.15rem; + transition: all 0.2s; + width: 100%; + } + + &:not([type="file"]):not([type="submit"]) { + &:not(:hover):not(:active) { + border-color: $black; + } + + &:hover, + &:active { + border-color: $teal; + } + } + + &[type="checkbox"] { + width: 1.25rem; height: 1.25rem; + + border: 2px solid; + margin-right: 0.5rem; + position: relative; + top: 0.35rem; + + &::after { + width: 100%; height: 100%; + + content: "✓"; + font-size: 1.5rem; + line-height: 1rem; + position: absolute; + } + + &:not(:checked)::after { + color: transparent; + } + + &:checked::after { + color: $teal; + } + } + } + + select, + textarea { + border-bottom: 2px solid; + width: 100%; + + &:not(:hover):not(:active) { + border-color: $black; + } + + &:hover, + &:active { + border-color: $teal; + } + } + + select { + background-image: url("/assets/media/svg/down.svg"); + background-position: 99% center; + background-repeat: no-repeat; + background-size: 1rem; + padding-right: 2rem; + } + + textarea { + min-height: 100px; + resize: vertical; + } +} + +.hook__page__content__meme__thumbnail { + width: 5rem; height: 5rem; + + border-style: solid; + border-width: 2px; + margin-bottom: 1rem; + object-fit: contain; + object-position: center; + + &:not(:last-of-type) { + margin-right: 1rem; + } + + &:not(.selected) { + border-color: transparent; + } + + &.selected { + border-color: $black; + } +} + +.hook__page__content__meme__uploader { + @extend .__button-black; + text-align: center; + width: 11rem; + + > div:first-of-type { + width: 100%; height: 100%; + top: 0; left: 0; + + position: absolute; + } + + input { + top: 0; left: 0; + bottom: 0; right: 0; + + cursor: pointer; + opacity: 0; + position: absolute; + width: 100%; + z-index: 10; + } +} diff --git a/sass/pages/_page.scss b/sass/pages/_page.scss index 03873ac..4988e17 100644 --- a/sass/pages/_page.scss +++ b/sass/pages/_page.scss @@ -195,7 +195,7 @@ } ol, - ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) { + ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) { padding-top: 0.5rem; li { @@ -214,7 +214,7 @@ padding-left: 1.6rem; } - ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents) { + ul:not(.feature-links):not(.overview__ecosystem__module):not(.__parents):not(.tour__sidebar) { padding-left: 1.25rem; } diff --git a/sass/pages/_tour.scss b/sass/pages/_tour.scss index a07df28..276f455 100644 --- a/sass/pages/_tour.scss +++ b/sass/pages/_tour.scss @@ -1,395 +1,73 @@ -.hook { - .loader { - animation: spin 2s linear infinite; - border-radius: 50%; - border-style: solid; - border-top-color: $teal; - - &:not(.small):not(.tiny) { - width: 4rem; height: 4rem; - - border-width: 6px; - margin-right: auto; - margin-left: auto; - } - - &.small { - width: 2rem; height: 2rem; - border-width: 3px; - } - - &.tiny { - width: 1rem; height: 1rem; - border-width: 2px; - } - } -} - - - -.hook__navigation { - background-color: $black; - color: $white; - font-size: 1rem; - padding-top: 1rem; - padding-bottom: 1rem; - text-align: center; -} - -.hook__navigation__step { - background-color: transparent; - - @media (min-width: 501px) { - display: inline-block; - - &:not(:last-of-type) { - margin-right: 1rem; - } - - span { - width: 3rem; height: 3rem; - - display: block; - font-size: 1.25rem; - line-height: 3rem; - } - } - - @media (max-width: 500px) { - display: block; - - span { - width: 1rem; height: 1rem; - - display: inline-block; - font-size: 0.7rem; - line-height: 0.9rem; - position: relative; - top: 2px; - vertical-align: top; - } - } - - &:not(.active) { - color: $white; - - span { - border-color: rgba($white, 0.1); - } - } - - &.active { - color: $teal; - - span { - border-color: rgba($teal, 0.3); - } - } - - span { - border: 1px solid; - border-radius: 50%; - margin: 0 auto 0.5rem; - } -} - - - -.hook__page { - @extend .page__content; -} - -.hook__page__hero { - margin-bottom: 2rem; - border-bottom: 1px solid rgba($black, 0.05); - - h1, p { - text-align: center; - } -} - -.hook__page__hero__claim, -.hook__page__hero__support { - margin-bottom: 3rem; padding-left: 1rem; - - background-color: $white; - border: 1px solid rgba($gray, 0.7); - font-size: 1rem; - - @media (min-width: 501px) { - margin-right: auto; - margin-left: auto; - width: 80%; - } +.tour { + border-top: 1px solid rgba($black, 0.05); + position: relative; + top: 1rem; &::after { @include clearfix; } +} - button, input { - line-height: 3rem; + + +.tour__sidebar { + width: 250px; height: 100%; + + float: left; + list-style-type: none; + padding-top: 1rem; + padding-right: 1rem; + vertical-align: top; +} + +.tour__sidebar__step { + cursor: pointer; + + &:not(:last-of-type) { + margin-bottom: 1.5rem; } + &:not(.active) { + button, + span { + color: rgba($black, 0.3); + } + } + + &.active, + &:hover { + button { + color: $teal; + } + + span { + color: $black; + } + } + + button, span { - color: rgba($black, 0.3); + transition: color 0.2s; } button { - border-left: 1px solid rgba($gray, 0.7); - color: $white; - float: right; - position: relative; - text-align: center; - transition: all 0.2s; - width: 6rem; - - &::after { - width: calc(100% + 2px); height: calc(100% + 2px); - top: -1px; left: -1px; - - border: 1px solid; - content: ""; - position: absolute; - transition: inherit; - } - - &:not(:hover) { - background-color: $black; - - &::after { - border-color: $black; - } - } - - &:hover { - background-color: $teal; - - &::after { - border-color: $teal; - } - } - } -} - -.hook__page__hero__claim input { - width: calc(100% - 10rem); -} - -.hook__page__hero__support { - input[type=number] { - width: 3rem; - } - - input[type=text] { - width: calc(100% - 11.5rem); + background-color: transparent; + font-size: 1.25rem; + font-weight: 600; } span { - line-height: 3rem; - } - - a { - margin-left: 0.5rem; - } -} - - - -.hook__page__content::after { - @include clearfix; -} - -.hook__page__content__card { - margin-bottom: 1rem; padding: 1rem; - cursor: pointer; - - img { - margin-bottom: 0.5rem; - } - - @media (min-width: 501px) { - float: left; - vertical-align: top; - width: 50%; - } - - @media (max-width: 500px) { - width: 100%; - } -} - -.hook__page__content__meme { - margin-bottom: 2rem; - padding-right: 1rem; - padding-left: 1rem; - - @media (min-width: 701px) { - width: 50%; - } - - @media (max-width: 700px) { - width: 100%; - } - - canvas { - width: 100%; height: 100%; - - background-color: rgba($teal, 0.3); - margin-bottom: 1rem; - } - - h2.__metadata { - margin-top: 3rem; - } - - fieldset { - border: none; - - &:not(:last-of-type) { - margin-bottom: 1rem; - } - } - - label { - color: rgba($black, 0.3); display: block; - font-size: 0.8rem; - font-weight: 600; - letter-spacing: 0.05rem; - margin-bottom: 0.025rem; - text-transform: uppercase; - width: 100%; - } - - input:not([type="checkbox"]):not([type="submit"]), - select, - textarea { - @media (min-width: 901px) { - font-size: 1.25rem; - } - - @media (max-width: 900px) { - font-size: 1.05rem; - } - } - - input { - &:not([type="checkbox"]):not([type="file"]):not([type="submit"]) { - border-bottom: 2px solid; - padding-bottom: 0.15rem; - transition: all 0.2s; - width: 100%; - } - - &:not([type="file"]):not([type="submit"]) { - &:not(:hover):not(:active) { - border-color: $black; - } - - &:hover, - &:active { - border-color: $teal; - } - } - - &[type="checkbox"] { - width: 1.25rem; height: 1.25rem; - - border: 2px solid; - margin-right: 0.5rem; - position: relative; - top: 0.35rem; - - &::after { - width: 100%; height: 100%; - - content: "✓"; - font-size: 1.5rem; - line-height: 1rem; - position: absolute; - } - - &:not(:checked)::after { - color: transparent; - } - - &:checked::after { - color: $teal; - } - } - } - - select, - textarea { - border-bottom: 2px solid; - width: 100%; - - &:not(:hover):not(:active) { - border-color: $black; - } - - &:hover, - &:active { - border-color: $teal; - } - } - - select { - background-image: url("/assets/media/svg/down.svg"); - background-position: 99% center; - background-repeat: no-repeat; - background-size: 1rem; - padding-right: 2rem; - } - - textarea { - min-height: 100px; - resize: vertical; + font-size: 1rem; } } -.hook__page__content__meme__thumbnail { - width: 5rem; height: 5rem; - border-style: solid; - border-width: 2px; - margin-bottom: 1rem; - object-fit: contain; - object-position: center; - &:not(:last-of-type) { - margin-right: 1rem; - } +.tour__content { + width: calc(100% - 250px); height: 100%; min-height: 500px; - &:not(.selected) { - border-color: transparent; - } - - &.selected { - border-color: $black; - } -} - -.hook__page__content__meme__uploader { - @extend .__button-black; - text-align: center; - width: 11rem; - - > div:first-of-type { - width: 100%; height: 100%; - top: 0; left: 0; - - position: absolute; - } - - input { - top: 0; left: 0; - bottom: 0; right: 0; - - cursor: pointer; - opacity: 0; - position: absolute; - width: 100%; - z-index: 10; - } + border-left: 1px solid rgba($black, 0.05); + float: right; + vertical-align: top; } diff --git a/views/pages/tour.js b/views/pages/--tour.js similarity index 100% rename from views/pages/tour.js rename to views/pages/--tour.js diff --git a/views/partials/tour.js b/views/partials/tour.js new file mode 100644 index 0000000..d40c08a --- /dev/null +++ b/views/partials/tour.js @@ -0,0 +1,55 @@ +// https://api.lbry.io/file/list_homepage +// https://api.lbry.io/file/list_trending + +"use strict"; + + + +// P A C K A G E S + +const dedent = require("dedent"); +const html = require("choo-async/html"); +const raw = require("nanohtml/raw"); + + + +// E X P O R T + +module.exports = exports = () => html` +
+ + +
+ ${raw(content())} +
+
+`; + + + +function sidebar() { // TODO: Save tutorial position to localStorage // "active" class is added dynamically + return dedent` +
  • + + Get details of media (aka, "claim" metadata) +
  • + +
  • + + Create a meme and upload it to the LBRY blockchain +
  • + +
  • + + Support creators on LBRY with a tip, on us! +
  • + `; +} + +function content() { + return html` +

    Some content here

    + `; +}