:host{--color-accent: $color-accent;--color-link: $color-link;--color-text: $color-text;--color-text-dark: $color-text-dark;--color-text-inverted: $color-text-inverted;--color-border: $color-border;--color-border-dark: $color-border-dark;--color-background-dark: $color-background-dark;--color-background-darker: $color-background-darker;--color-background-inverted: $color-background-inverted;--color-success: $color-success;--color-error: $color-error}project-banner .details .topic,library-card .details .topic{margin-right:.5em;margin-top:.8em;padding:2px 6px;border-radius:3px}project-banner .details .topic.primary,library-card .details .topic.primary{background:#ffd166}project-banner .details .topic.secondary,library-card .details .topic.secondary{background:#f3f0ec}body>#content .feed-subscription project-banner,body>#content .feed-subscription library-card{width:250px}body>#content .feed-subscription project-banner .banner,body>#content .feed-subscription library-card .banner{height:140px}project-banner,library-card{display:flex;flex-direction:column}project-banner a:not(:hover),library-card a:not(:hover){text-decoration:none}project-banner .banner,library-card .banner{height:300px;max-height:30vw;border-radius:12px;background-size:cover;background-position:center}project-banner .banner:hover,library-card .banner:hover{outline:solid 3px #ffd166}project-banner .details,library-card .details{display:flex;flex-wrap:wrap;align-items:baseline}project-banner .details .time,library-card .details .time{margin-left:.5em;margin-top:.8em;font-size:.9em;opacity:.9}project-banner .author .spacer,library-card .author .spacer{flex-grow:1}project-banner .title,library-card .title{font-family:sans-serif;font-weight:bold;font-size:1.5rem;margin-top:.4em}project-banner .description,library-card .description{margin-top:.6em;flex-grow:1}project-banner .emphasis,library-card .emphasis{border-bottom:solid 3px #ffd166;margin-bottom:-3px !important}project-banner .author{margin-top:2em}.comp.fullpage-project{padding:3rem;display:flex;flex-direction:column;align-items:center}.comp.fullpage-project .author span{color:#d4d4d4}.comp.fullpage-project project-banner{border-bottom:dotted 4px #d4d4d4;padding-bottom:3em;width:100%;max-width:850px}.comp.fullpage-project .body{margin-top:3em;max-width:850px}@media(max-width: 800px){.plan-forms{flex-direction:column !important;flex-wrap:wrap}}header{padding:1em;display:flex;align-items:center;font-weight:500;flex-wrap:wrap}@media(max-width: 480px){header{flex-direction:column-reverse !important}}header h1{font-weight:bold;font-size:1.5rem;padding:.2em 1em;background-color:#ffd166;color:#f5f5f5;border-radius:6px}@media(max-width: 600px){header h1{display:none}}header a,header input{text-decoration:none}header svg,header label.search-details-toggle{height:1em}header .spacer{flex-grow:1}header .search-details-toggle{cursor:pointer;padding:.4em;margin:.4em;border-radius:50%;background:#f3f0ec}header .search-details-toggle:hover{background-color:#e1e1e1}header app-menu{min-width:350px;animation-name:smooth-appear;animation-duration:1s}@media(max-width: 750px){header app-menu{min-width:unset}}@keyframes smooth-appear{from{opacity:.8}to{opacity:1}}#search-details-checkbox:checked~.search-details{display:flex;flex-direction:column}.search-details{display:none;margin-left:3em;margin-right:3em;margin-top:1em}form:not(.wide){max-width:500px}form.wide{width:100%;box-sizing:border-box}form fieldset legend{background-color:#000;color:#fff;padding:.5rem;text-transform:uppercase}form *+.form-row,form .actions,form main+main,form form-row{margin-top:1.5em}form .form-row,form form-row{display:flex;flex-direction:column;text-align:justify}form .form-row.row,form form-row.row{flex-direction:row;align-items:center}form .form-row label.title,form form-row label.title{font-weight:bold}form .form-row label:not(.title),form form-row label:not(.title){padding-top:.5rem}form .form-row input[type=checkbox],form form-row input[type=checkbox]{float:left;margin:.5rem}form .form-row input,form form-row input{margin-top:.5rem}form .form-row label,form .form-row input,form form-row label,form form-row input{display:block}form .actions{display:flex;flex-direction:row-reverse;align-items:center}form .actions *+*{margin-right:1rem}form .actions.sticky-bottom{position:sticky;bottom:12px}form .actions.sticky-top{position:sticky;top:12px}form .notes{margin-top:1em;text-align:right}form .notes .important{text-decoration:underline}form .form-error{position:relative;padding:1em 0em 0em 1em;color:#f15253;display:inline-block}form .form-error:before{content:"";position:absolute;top:-50%;left:.5em;width:1px;height:calc(100% + .5em);background:currentColor;z-index:0}form .form-error~form .form-error:before{top:-50%;height:100%}form .form-error:after{content:"";position:absolute;top:calc(50% + .5em);left:.5em;width:calc(.5em - 2px);height:1px;background:currentColor}@font-face{font-family:"WorkSans";src:url("../../fonts/work_sans/WorkSans-Regular.woff2")}html,body{margin:0;padding:0;font-family:"WorkSans";font-weight:500;color:#5a5a5a;display:flex;flex-direction:column;min-height:100vh;background:#f8f5f2}html footer,body footer{display:flex;background:#141414}a,.link,button.text{color:#5a5a5a;font-family:"WorkSans";font-size:1em}a:hover,.link:hover,button.text:hover{cursor:pointer;color:#141414}a.inverted,.link.inverted,button.text.inverted{color:#f5f5f5}a.inverted:hover,.link.inverted:hover,button.text.inverted:hover{color:#5a5a5a}a .colored,.link .colored,button.text .colored{color:#d4d4d4}svg{height:1em}input,select,button,textarea,.button{font-size:14px;font-family:"WorkSans";border:solid 1px #cecece;border-radius:6px;padding:.5em;background-color:rgba(255,255,255,.9);cursor:pointer;display:inline-flex;align-items:center;z-index:1}input:not(textarea):not(:disabled):hover,input:not(textarea):not(:disabled):active,input:not(textarea):not(:disabled):focus,select:not(textarea):not(:disabled):hover,select:not(textarea):not(:disabled):active,select:not(textarea):not(:disabled):focus,button:not(textarea):not(:disabled):hover,button:not(textarea):not(:disabled):active,button:not(textarea):not(:disabled):focus,textarea:not(textarea):not(:disabled):hover,textarea:not(textarea):not(:disabled):active,textarea:not(textarea):not(:disabled):focus,.button:not(textarea):not(:disabled):hover,.button:not(textarea):not(:disabled):active,.button:not(textarea):not(:disabled):focus{text-decoration:underline}input:disabled,select:disabled,button:disabled,textarea:disabled,.button:disabled{opacity:.8;cursor:not-allowed}input.primary,select.primary,button.primary,textarea.primary,.button.primary{background:#000;color:#fff;border-color:#000}button.text{background-color:rgba(0,0,0,0);border:none;text-decoration:underline;padding:0}#lv-alert{position:sticky;top:48px;z-index:1000;margin:1rem auto;border-radius:12px;padding:1em;min-width:200px;max-width:80%;text-align:center;visibility:hidden;animation-name:lv-alert-appear;animation-duration:6s;animation-timing-function:cubic-bezier(0.08, 0.82, 0.2, 1.12);transform-origin:center;cursor:pointer;box-shadow:0px 2px 12px rgba(20,20,20,.1);transition:.1s all}#lv-alert.error{background-color:rgba(241,80,80,.75);color:#f5f5f5}#lv-alert.error:hover{outline:solid 3px #f15253;transform:scale(101%);box-shadow:0px 6px 12px rgba(20,20,20,.1)}#lv-alert.success{background-color:rgba(4,210,104,.75);color:#f5f5f5}#lv-alert.success:hover{outline:solid 3px #04d068;transform:scale(101%);box-shadow:0px 6px 12px rgba(20,20,20,.1)}@keyframes lv-alert-appear{0%{transform:scale(0.9);opacity:90%;visibility:visible}5%{transform:scale(1);opacity:100%}95%{transform:scale(1);opacity:100%}100%{transform:scale(0.9);opacity:90%;visibility:visible}}body>#content{display:flex;flex-direction:column;padding:1rem 3rem;flex-grow:1;width:80%;margin:auto;position:relative}@media(max-width: 1100px){body>#content{padding:1rem;width:90%}}@media(max-width: 750px){body>#content{padding:.5rem;width:95%}}pre,code{padding:.2em .5em;background:#272020;color:#f5f5f5;border-radius:6px}pre code{padding:0}blockquote{background:rgba(245,245,245,.5);padding:.4em 1em;border-radius:5px;box-shadow:0px 6px 4px 0px rgba(20,20,20,.2);border-left:solid}hr{color:#d4d4d4;margin:1.5em 0;border:none;border-bottom:dotted 4px #d4d4d4}.purple-square{background-color:rgba(216,191,216,.2);color:#926a92;border:solid 1px rgba(216,191,216,.4);border-radius:6px}.premium.not,.pro.not{position:relative;opacity:.7;pointer-events:none;user-select:none;padding:12px;border-radius:6px;background:#f3f0ec}.premium.not::before,.pro.not::before{background-color:rgba(216,191,216,.2);color:#926a92;border:solid 1px rgba(216,191,216,.4);border-radius:6px;position:absolute;top:12px;right:12px;padding:6px;box-shadow:-4px 4px 12px 2px rgba(20,20,20,.05);z-index:1000}.premium.not::before{content:"Premium feature"}.pro.not::before{content:"Pro. feature"}.capitalize{text-transform:capitalize}.italic{font-style:italic}.grow{flex-grow:1}.grow10{flex-grow:10}.grow8{flex-grow:8}.grow7{flex-grow:7}.grow6{flex-grow:6}.grow4{flex-grow:4}.grow3{flex-grow:3}.grow2{flex-grow:2}.shrink0{flex-shrink:0}.list-style-none{list-style:none}.small{font-size:65%}.large{font-size:125%}.bold{font-weight:bold}.inlineblock{display:inline-block}.hidden{display:none !important}.relative{position:relative}section.fdn>.title{font-weight:bold;border-bottom:solid 1px #d4d4d4;padding-bottom:12px;margin-bottom:12px;font-size:1.5rem}section.fdn>.title:not(.row){display:block}section.fdn section.fdn{font-size:80%}.fdn.g1,.fdn.row,.fdn.col{gap:12px}.fdn.g2{gap:24px}.fdn.g3{gap:36px}.fdn.g4{gap:48px}.fdn.g0{gap:0}.fdn.p1{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px}.fdn.m1{margin-top:12px;margin-right:12px;margin-bottom:12px;margin-left:12px}.fdn.p2,.fdn.block{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px}.fdn.m2,.fdn.block{margin-top:24px;margin-right:24px;margin-bottom:24px;margin-left:24px}.fdn.m3{margin-top:36px;margin-right:36px;margin-bottom:36px;margin-left:36px}.fdn.p3{padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px}.fdn.m4{margin-top:48px;margin-right:48px;margin-bottom:48px;margin-left:48px}.fdn.p4{padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px}.fdn.pv,.fdn.p0{padding-left:0;padding-right:0}.fdn.ph,.fdn.p0{padding-top:0;padding-bottom:0}.fdn.mv,.fdn.m0,.fdn.m0-children>*{margin-left:0;margin-right:0}.fdn.mh,.fdn.m0,.fdn.m0-children>*{margin-top:0;margin-bottom:0}.fdn.mt-auto{margin-top:auto}.fdn.row{display:flex;flex-direction:row}.fdn.inlinerow{display:inline-flex}.fdn.baseline{align-items:baseline}.fdn.wrap{flex-wrap:wrap}@media(max-width: 950px){.fdn.tab-wrap{flex-wrap:wrap}}.fdn.col{display:flex;flex-direction:column}.fdn.squared{outline:solid 1px #d4d4d4;border-radius:12px;background:#fff}.fdn.squared-top{border-top:solid 12px #ffd166;border-radius:12px;background:#fff}.fdn.title{font-weight:bold;font-size:120%}.fdn.border-left{border-left:solid 1px #d4d4d4}.fdn.border{border:solid 1px #d4d4d4}.fdn.bg-dark{background:#f3f0ec}.fdn.self-start{align-self:self-start}.fdn.self-center{align-self:center}.fdn.items-center{align-items:center}.fdn.items-start{align-items:self-start}.fdn.items-flexstart{align-items:flex-start}.fdn.justify-center{justify-content:center}.fdn.justify-end{justify-content:flex-end}.fdn.justify-between{justify-content:space-between}.fdn.shadow{box-shadow:0px 0px 8px -4px rgba(20,20,20,.5)}.fdn.shadow-subtle{box-shadow:0px 8px 12px -8px rgba(20,20,20,.1)}.fdn.radius0{border-radius:0}.fdn.radius4{border-radius:4px}.fdn.radius12{border-radius:12px}.fdn.width100{width:100%}.fdn.maxwidth100{max-width:100%}.fdn.underline{text-decoration:underline}.fdn.pointer{cursor:pointer}.fdn.text-right{text-align:right}.fdn.float-right{float:right}body>#content{padding:0;margin:0;width:100%}body>#content section.single{width:100vw;max-height:calc(100vh - 100px);flex-grow:1;overflow:hidden;justify-content:center}body>#content section.single .left{position:relative;flex-grow:6;padding:8px;padding-top:4em;max-width:400px;align-items:flex-start;gap:40px}body>#content section.single .left project-banner{position:absolute;top:330px;right:-80%;transform:translate(-70%, 0%);z-index:0;box-shadow:0 0 24px rgba(20,20,20,.2);border-radius:24px;padding:24px;background-color:#f3ede7;max-width:275px}body>#content section.single .left project-banner .banner{max-height:200px}body>#content section.single .left project-banner .description{max-height:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>#content section.single .left .header{gap:20px}body>#content section.single .left .header .title{display:flex;flex-direction:column;align-items:start;text-transform:uppercase}body>#content section.single .left .header .title .website{display:inline-block;font-weight:bold;font-size:36px;padding:.2em 1em;background-color:#dcb;color:#fff;border-radius:6px;box-shadow:0 0 24px rgba(20,20,20,.2)}body>#content section.single .left .header .title .website-text{font-weight:bold;font-size:36px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body>#content section.single .left .header .quotes{flex-direction:row;flex-wrap:wrap;max-width:450px;font-size:24px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body>#content section.single .left .header .quotes .quote{display:inline}@media screen and (max-width: 1100px){body>#content section.single .right{display:none}}@media screen and (max-width: 350px){body>#content section.single project-banner{display:none}}body>#content section.single .right{position:relative;flex-grow:4;flex-shrink:0;max-width:700px;background:linear-gradient(90deg, hsl(30, 34%, 93%) 20%, hsl(30, 34%, 96%) 90%);box-shadow:-16px 0px 20px -20px rgba(20,20,20,.2);border-radius:12px}body>#content section.single .right .comp.fullpage-project{z-index:1}body>#content section.single .right>project-banner{position:absolute;top:50%;right:50%;transform:translate(-20%, -40%);z-index:2;box-shadow:0 0 24px rgba(20,20,20,.2);border-radius:24px;padding:12px;background-color:#f7f2ee}body>#content section.single .right>project-banner .banner{max-height:200px}body>#content section.single .right .placeholder-article{position:absolute;top:50%;left:100%;transform:translate(-50%, -50%);z-index:1}body>#content .feed-subscription .query{padding:1em 0}body>#content .feed-subscription .query .actions *{margin-left:1em}body>#content .feed-subscription .query+.query{border-top:solid 1px #d4d4d4}body>#content .feed-subscription .query .releases.list .items{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;display:flex;padding:1em;gap:24px}body>#content .placeholder-article{height:300px;width:200px;background-color:#fff;padding:1em;border-radius:12px;border:solid 1px #d4d4d4;box-shadow:-2px 2px 3px rgba(20,20,20,.1)}body>#content .placeholder-article .blob{background-color:rgba(20,20,20,.1);border-radius:6px;height:16px;width:100%}body>#content .placeholder-article .blob .small{height:8px}body>#content .placeholder-article .menu{display:flex}body>#content .placeholder-article .menu .logo.blob{background-color:#ffd166;height:16px;width:38px}body>#content .placeholder-article .menu .spacer{flex-grow:3}body>#content .placeholder-article .row{display:flex}body>#content .placeholder-article .row .sidebar .title{margin-top:16px;width:38px}body>#content .placeholder-article .row .sidebar .articles{margin-top:20%}body>#content .placeholder-article .row .sidebar .articles+.articles{margin-top:40%}body>#content .placeholder-article .row .sidebar .articles+.articles+.articles{margin-top:60%}body>#content .placeholder-article .row .sidebar .articles .article.blob{height:4px;margin-top:4px}body>#content .placeholder-article .row .content{flex-grow:3;margin-left:16px}body>#content .placeholder-article .row .content .title.blob{margin:auto;margin-top:16px;height:12px;width:50%}body>#content .placeholder-article .row .content .actions{margin-top:4px;display:flex;justify-content:center;opacity:70%}body>#content .placeholder-article .row .content .actions .button.blob{width:8px;height:8px}body>#content .placeholder-article .row .content .actions .button.blob+*{margin-left:4px}body>#content .placeholder-article .row .content .text{margin-top:24px}body>#content .placeholder-article .row .content .text .line.blob{height:4px;opacity:70%}body>#content .placeholder-article .row .content .text .line.blob+*{margin-top:1px}