#banner{align-items:center;display:flex;height:5em;justify-content:center}#banner .button:not(.special){box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}#banner .button:not(.special):hover{background-color:rgba(255,255,255,.075)}#banner .button:not(.special):focus,#banner .button:not(.special):active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);outline:0}#banner .content{align-items:center;display:flex;justify-content:center;text-align:center;transition:opacity .5s ease}#banner .content>*{margin-bottom:0;margin-right:.25em}#banner .content>:last-child{margin-right:0}#banner .content img{display:block;margin-right:1.25em;width:2.75em}#banner .content h2{font-size:1em}#banner .content p{margin-right:1.25em}#banner .content p .link{display:none}#banner .content p .link a{color:inherit}#banner .content .actions{display:inline-block}@media screen and (max-width: 1280px){#banner{height:auto;padding:1.75em 1.5em 1.5em 1.5em}#banner .content{display:block}#banner .content>*{margin-right:0}#banner .content img{margin:0 auto 1em auto;width:3em}#banner .content h2{display:inline;margin-right:.25em}#banner .content p{display:inline;margin-right:0}#banner .content p .link{display:inline}#banner .content .actions{display:none}}body.is-loading #banner .content{opacity:0}#intro{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:space-between;margin:0;overflow:hidden;padding:7em 0 6em 0;position:relative;text-align:center}#intro:before,#intro:after{bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;transform:scale(1);width:100%;z-index:-1}#intro:before{background-image:url("../png/overlay.png"),linear-gradient(45deg, #6E436C 25%, #2A4584 75%);background-position:center,center;background-repeat:repeat,no-repeat;background-size:256px,cover}#intro:after{background-image:url("../svg/bg.svg");background-position:top;background-repeat:no-repeat;background-size:cover;transition:filter .5s ease,opacity 1s ease}#intro .content{max-width:42em;padding:0 2em;transition:transform .5s ease,opacity 1s ease}#intro .button:not(.special){box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}#intro .button:not(.special):hover{background-color:rgba(255,255,255,.075)}#intro .button:not(.special):focus,#intro .button:not(.special):active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);outline:0}#intro h1{font-size:3.5em;letter-spacing:-0.025em;line-height:1.25;margin:.75em 0}#intro p{margin-bottom:2em}#intro .logo{align-items:center;border:0;display:block;display:flex;font-size:1.5em;justify-content:center;outline:0}#intro .logo>svg{fill:#fff;height:1.25em;margin-left:-0.75em;margin-right:.5em;width:1.25em}#intro .logo>.label{color:#fff;display:block;font-weight:bold;letter-spacing:-0.025em}#intro a.start{border-bottom:0;border-radius:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);color:#fff;display:inline-block;font-size:.8em;font-weight:bold;height:3.3em;line-height:3.3em;margin-top:2em;outline:0;padding:0 1.5em;position:relative;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .75s ease .5s,opacity .75s ease .5s}#intro a.start:hover{background-color:rgba(255,255,255,.075)}#intro a.start:focus,#intro a.start:active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);outline:0}#intro a.start:after{background:rgba(255,255,255,.25);bottom:-7.5em;content:"";display:block;height:7.5em;left:calc(50% - 1px);position:absolute;width:2px}@media screen and (max-width: 980px){#intro h1{font-size:2.75em}#intro p{margin:0 0 1em 0}}@media screen and (max-width: 480px){#intro h1{font-size:1.75em;line-height:1.5}#intro p{margin:0}}@media screen and (max-width: 736px){#intro{padding:4em 0 3em 0}#intro a.start:after{bottom:-3.75em;height:3.75em}}body[data-browser=firefox] #intro:after{background-image:url("../svg/bg-static.svg")}body.is-loading #intro:after{opacity:0}body.is-loading #intro .content{opacity:0;transform:translateY(0.5em)}body.is-loading #intro a.start{opacity:0;transform:translateY(5em)}body#templates.demo{overflow:hidden}body#templates.demo #wrapper{display:grid;grid-template-areas:"header" "viewer";grid-template-rows:min-content auto;height:100vh;height:100dvh;width:100%}body#templates.demo header{align-items:center;background:rgba(71,73,88,.475);display:grid;gap:2em;grid-area:header;grid-template-areas:"content view actions";grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);padding:1em}body#templates.demo header>.content{display:flex;flex-direction:column;gap:.25em;grid-area:content}body#templates.demo header>.content .title{font-size:.9em;margin-bottom:0}body#templates.demo header>.content .title a{border-bottom:0;display:inline-flex;max-width:100%}body#templates.demo header>.content .title a span{display:block;flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body#templates.demo header>.content .title a:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M357.7,0v24H439l-96,96H24v336h336V137l96-96v81.3h24V0H357.7z M336,432H48V144h271L183.5,279.5l17,17L336,161V432z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.375em;content:"";display:block;flex-grow:0;flex-shrink:0;height:1.5em;margin-left:.375em;opacity:0;transition:opacity .2s ease-in-out;user-select:none;width:1.5em}body#templates.demo header>.content .title a:hover:after{opacity:.375}body#templates.demo header>.content .details{display:flex;flex-wrap:nowrap;font-size:.8em;gap:.625em;grid-area:details;list-style:none;margin:0;overflow:hidden;padding-left:0;text-overflow:ellipsis;white-space:nowrap}body#templates.demo header>.content .details>li{align-items:center;display:flex;justify-content:center;padding-left:0}body#templates.demo header>.content .details>li span{align-items:center;display:flex;justify-content:center}body#templates.demo header>.content .details>li span:before{height:1.5em;margin-right:.375em;opacity:.375;transition:opacity .2s ease-in-out;width:1.5em}body#templates.demo header>.content .details>li span.users:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,396v66c0,19.9-16.1,36-36,36H60c-19.9,0-36-16.1-36-36v-66c0-51.9,24.3-94.1,70.3-122c20.3-12.3,45-21.7,71.5-27.4  c18.1,11,39.4,17.4,62.2,17.4c-66.9,0-180,27.8-180,132v66c0,6.6,5.4,12,12,12h336c6.6,0,12-5.4,12-12v-66  c0-104.2-113.1-132-180-132c22.8,0,44-6.4,62.2-17.4c26.6,5.7,51.2,15.1,71.5,27.4C407.7,301.9,432,344.1,432,396z M228,264  c-22.8,0-44-6.4-62.2-17.4C131.2,225.5,108,187.4,108,144c0-66.2,53.8-120,120-120s120,53.8,120,120c0,43.4-23.2,81.5-57.8,102.6  C272.1,257.6,250.8,264,228,264z M228,240c52.9,0,96-43.1,96-96S281,48,228,48s-96,43.1-96,96S175.1,240,228,240z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.375em;content:""}body#templates.demo header>.content .details>li span.sites:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M48,384h192v24H24V72h384v168h-24V96H48V384z M504,384h-96v-96h-24v96h-96v24h96v96h24v-96h96V384z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5em;content:""}body#templates.demo header>.content .details span{border-bottom:0;color:rgba(255,255,255,.375);display:block;outline:0;overflow:hidden;text-decoration:none;transition:color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out}body#templates.demo header>.content .details a{border-bottom:0;color:rgba(255,255,255,.375);cursor:pointer}body#templates.demo header>.content .details a:hover{color:#fff}body#templates.demo header>.content .author{align-items:center;display:flex;gap:.625em}body#templates.demo header>.content .author .logo{border-radius:1.25em;height:1.25em;width:1.25em}body#templates.demo header>.content .author .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body#templates.demo header>.content .author.maker .logo{flex-grow:0;flex-shrink:0;overflow:hidden}body#templates.demo header>.content .author.maker .logo img{display:block;width:100%}body#templates.demo header>.content .author.default .logo{align-items:center;background-image:linear-gradient(45deg, #695f8f 35%, #3d68a5);display:flex;justify-content:center;position:relative}body#templates.demo header>.content .author.default .logo>svg{fill:#fff;height:55%;position:relative;width:55%}body#templates.demo header>.view{align-items:center;display:flex;font-size:.8em;grid-area:view;justify-content:center;list-style:none;margin:0;padding-left:0}body#templates.demo header>.view>li{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:3.3em;justify-content:center;margin-left:.125em;padding-left:0;width:3.7125em}body#templates.demo header>.view>li:first-child{margin-left:0}body#templates.demo header>.view>li>svg{display:block;fill:rgba(255,255,255,.375);height:1.875em;pointer-events:none;transition:fill 0.2s ease;width:1.875em}body#templates.demo header>.view>li:hover{color:#fff}body#templates.demo header>.view>li:hover>svg{fill:#fff}body#templates.demo header>.view>li.active{background-color:rgba(71,73,88,.475);color:rgba(255,255,255,.75);cursor:default}body#templates.demo header>.view>li.active>svg{fill:#fff}body#templates.demo header>.actions{flex-direction:row-reverse;grid-area:actions;margin-bottom:0}body#templates.demo header>.actions .button{font-size:.8em}body#templates.demo header>.actions .button:before{content:"";display:inline-block;height:3.3em;line-height:3.3em;position:relative;top:-0.075em;vertical-align:middle;width:1.875em}body#templates.demo header>.actions .button.buy:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 600 552'%3E%3Cpath d='M447,432c-1,0-2,0-3,0.1V432H102v-84h381.8l52.8-264H102V24H90H78H24v24h54v36v12v240v12v84v0.8C54.2,437.1,36,458,36,483 c0,28.1,22.9,51,51,51s51-22.9,51-51c0-9.9-2.9-19.2-7.8-27h273.5c-4.9,7.8-7.8,17.1-7.8,27c0,28.1,22.9,51,51,51s51-22.9,51-51 S475.1,432,447,432z M464.2,324H102V108h405.4L464.2,324z M114,483c0,14.9-12.1,27-27,27s-27-12.1-27-27s12.1-27,27-27 S114,468.1,114,483z M447,510c-14.9,0-27-12.1-27-27s12.1-27,27-27s27,12.1,27,27S461.9,510,447,510z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5em;margin-left:-0.75em;margin-right:.5em}body#templates.demo header>.actions .button.library:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288H239.5v192.5h-24V288H24v-24h191.5V72.5h24V264H432V288z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5em;margin-left:-0.875em;margin-right:.25em}body#templates.demo header>.actions .button.select:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M48,384h192v24H24V72h384v168h-24V96H48V384z M504,384h-96v-96h-24v96h-96v24h96v96h24v-96h96V384z' fill='%23ffffff' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5em;margin-left:-0.75em;margin-right:.5em}body#templates.demo #viewer{align-items:center;display:grid;flex-grow:1;flex-shrink:1;grid-area:viewer;height:100%;justify-content:center;overflow:hidden;user-select:none;width:100%}body#templates.demo #viewer .frame{height:100%;transition:opacity .125s ease-in-out;width:100vw}body#templates.demo #viewer .frame iframe{height:100%;margin:0;width:100%}body#templates.demo #viewer.is-switching .frame{opacity:.625}@media screen and (min-width: 981px){body#templates.demo #viewer[data-view=mobile]{padding:4em}body#templates.demo #viewer[data-view=mobile] .frame{border-radius:1em;box-shadow:0 1em 0 .5em #353642,0 -1em 0 .5em #353642;height:100%;max-height:600px;position:relative;width:365px}body#templates.demo #viewer[data-view=mobile] .frame iframe{border-radius:inherit}}@media screen and (max-width: 980px){body#templates.demo header{grid-template-areas:"content actions";grid-template-columns:minmax(0, 1fr) min-content}body#templates.demo header>.view{display:none}}@media screen and (max-width: 736px){body#templates.demo header>.content .title{font-size:1em}body#templates.demo header>.content .details{font-size:.9em}body#templates.demo header>.actions .button{font-size:1em;width:3.3em}}body#templates.listing{overflow-y:scroll}body#templates.listing #wrapper{--box-padding-lr: 2.5em;--box-padding-tb: 2.5em;align-items:center;background:#24252d;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:var(--box-padding-tb) var(--box-padding-lr);position:relative;text-align:center;top:0;width:100%;z-index:10001}body#templates.listing #wrapper .content{opacity:1;padding:0 0 calc(var(--box-padding-tb)*2) 0;transition:opacity .35s ease;width:100%}body#templates.listing #wrapper nav{align-items:center;display:flex;flex-direction:row;height:2.64em;justify-content:center;left:0;margin:0 0 1em 0;padding:0;position:relative;text-align:center;top:0;width:100%}body#templates.listing #wrapper nav>.toggle-wrapper{flex-grow:0;flex-shrink:0;font-size:.8em;height:3.3em;line-height:3.3em;white-space:nowrap}body#templates.listing #wrapper nav>.toggle-wrapper label{min-width:10em}body#templates.listing #wrapper nav>.categories-mobile{display:none}body#templates.listing #wrapper nav>a{align-items:center;background:rgba(53,54,66,.9825);border-bottom:0;border-radius:6px;cursor:pointer;display:flex;flex-grow:1;flex-shrink:1;font-size:.8em;gap:.75em;height:3.3em;justify-content:center;line-height:3.3em;outline:0;padding:0 1.75em 0 1.25em;position:absolute;text-decoration:none;user-select:none}body#templates.listing #wrapper nav>a>svg{display:block;fill:rgba(255,255,255,.75);height:1.25em;pointer-events:none;transition:fill 0.2s ease;width:1.25em}body#templates.listing #wrapper nav>a:hover>svg{fill:#fff}body#templates.listing #wrapper nav>a[data-name=back]{left:0}body#templates.listing #wrapper nav>a[data-name=skip]{right:0}body#templates.listing #wrapper .categories{align-items:center;display:inline-flex;margin:0;max-width:52em;width:min-content}body#templates.listing #wrapper .categories li{flex:1;font-size:1em;font-weight:normal;min-width:8em;text-align:center}body#templates.listing #wrapper header{margin:calc(var(--box-padding-tb)*2) 0 calc(var(--box-padding-tb)*2.25) 0;transition:opacity .35s ease,transform .5s ease-out}body#templates.listing #wrapper header h1{font-size:2.75em;letter-spacing:-0.025em;margin:0 0 .25em 0}body#templates.listing #wrapper header p{margin-bottom:0}body#templates.listing #wrapper header>div{display:none}body#templates.listing #wrapper header>div.active{display:block}body#templates.listing #wrapper .templates{align-items:center;display:grid;gap:1.5em;grid-template-columns:repeat(3, 1fr);justify-content:center;margin:0 auto;max-width:100em;width:100%}body#templates.listing #wrapper .templates:after{color:rgba(255,255,255,.25);content:"";display:block;font-size:1.75em;opacity:0;pointer-events:none;text-align:center;transform:translateY(0.5em)}body#templates.listing #wrapper .templates ul{align-items:center;background-color:rgba(19,21,27,.625);border-radius:6px;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;list-style:none;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:3}body#templates.listing #wrapper .templates ul .button{outline:0;pointer-events:auto;width:8.5em}body#templates.listing #wrapper .templates ul .button:not(.special){box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}body#templates.listing #wrapper .templates ul .button:not(.special):focus,body#templates.listing #wrapper .templates ul .button:not(.special):active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);outline:0}body#templates.listing #wrapper .templates .thumbnail{background:rgba(14,15,25,.175);border-bottom:0;border-radius:6px;color:rgba(255,255,255,.75);display:block;outline:0;position:relative;width:100%}body#templates.listing #wrapper .templates .thumbnail img{border-radius:6px;display:block;width:100%}body#templates.listing #wrapper .templates article{display:block;opacity:0;position:relative;transform:translateY(0.5em);transition:opacity .5s ease-in-out,transform .5s ease-out}body#templates.listing #wrapper .templates article[data-index="1"]{transition-delay:0s}body#templates.listing #wrapper .templates article[data-index="2"]{transition-delay:0.025s}body#templates.listing #wrapper .templates article[data-index="3"]{transition-delay:0.05s}body#templates.listing #wrapper .templates article[data-index="4"]{transition-delay:0.075s}body#templates.listing #wrapper .templates article[data-index="5"]{transition-delay:0.1s}body#templates.listing #wrapper .templates article[data-index="6"]{transition-delay:0.125s}body#templates.listing #wrapper .templates article[data-index="7"]{transition-delay:0.15s}body#templates.listing #wrapper .templates article[data-index="8"]{transition-delay:0.175s}body#templates.listing #wrapper .templates article[data-index="9"]{transition-delay:0.2s}body#templates.listing #wrapper .templates article[data-index="10"]{transition-delay:0.225s}body#templates.listing #wrapper .templates article[data-index="11"]{transition-delay:0.25s}body#templates.listing #wrapper .templates article[data-index="12"]{transition-delay:0.275s}body#templates.listing #wrapper .templates article[data-index="13"]{transition-delay:0.3s}body#templates.listing #wrapper .templates article[data-index="14"]{transition-delay:0.325s}body#templates.listing #wrapper .templates article[data-index="15"]{transition-delay:0.35s}body#templates.listing #wrapper .templates article[data-index="16"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="17"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="18"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="19"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="20"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="21"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="22"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="23"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="24"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="25"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="26"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="27"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="28"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="29"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="30"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="31"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="32"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="33"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="34"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="35"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="36"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="37"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="38"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="39"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="40"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="41"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="42"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="43"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="44"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="45"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="46"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="47"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="48"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="49"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="50"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="51"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="52"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="53"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="54"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="55"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="56"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="57"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="58"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="59"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="60"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="61"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="62"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="63"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article[data-index="64"]{transition-delay:0.375s}body#templates.listing #wrapper .templates article:hover ul{opacity:1}body#templates.listing #wrapper .templates article.blank .thumbnail{background-color:rgba(0,0,0,0);border:dashed 2px rgba(255,255,255,.25);position:relative}body#templates.listing #wrapper .templates article.blank .details{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}body#templates.listing #wrapper .templates article.blank .details .title{color:rgba(255,255,255,.25);font-size:1.25em}body#templates.listing #wrapper .templates article.blank:hover .thumbnail{border-color:rgba(0,0,0,0)}body#templates.listing #wrapper .templates article.premium:before,body#templates.listing #wrapper .templates article.custom:before,body#templates.listing #wrapper .templates article.shared:before{border-bottom-left-radius:6px;border-top-right-radius:6px;content:"Premium";display:block;font-size:.7em;font-weight:bold;height:2.25em;line-height:2.25em;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;transition:opacity .2s ease;z-index:2}body#templates.listing #wrapper .templates article.premium:before{background-color:#ded173;color:#24252d;content:"Premium";width:6.5em}body#templates.listing #wrapper .templates article.custom:before{background-color:#8d73d5;color:#fff;content:"Custom";width:6em}body#templates.listing #wrapper .templates article.shared:before{background-color:#ed5f79;color:#fff;content:"Shared";width:6em}body#templates.listing #wrapper .templates article.inactive{display:none}body#templates.listing #wrapper.active{opacity:1}body#templates.listing #wrapper.active .templates article{opacity:1;transform:translateY(0)}body#templates.listing #wrapper.is-switching .templates article{opacity:0 !important;transition-delay:0s !important;transition:none !important}body#templates.listing #wrapper.is-clicked{opacity:0;transition:opacity .35s ease}body#templates.listing #wrapper.is-clicked .templates article{transform:.25s ease-out;transition-delay:0s !important}body#templates.listing #wrapper.is-clicked .templates article.active{transform:scale(0.9)}body#templates.listing #wrapper.is-clicked .templates article ul{opacity:0}body#templates.listing #wrapper.is-empty .templates:after{content:"Nothing here yet :)";grid-column:span 3;opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .5s ease-out}body#templates.listing #wrapper.with-intro nav{display:none}body#templates.listing #wrapper.with-intro nav>a{display:none}body#templates.listing #wrapper.with-intro header{margin:calc(var(--box-padding-tb)*1.5) 0 calc(var(--box-padding-tb)*1.75) 0}body#templates.listing #wrapper.with-intro header h1{display:none}body#templates.listing #wrapper.with-toggle nav{margin-bottom:3em}@media screen and (max-width: 1280px){body#templates.listing #wrapper header h1{font-size:2.5em}body#templates.listing #wrapper .templates{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 980px){body#templates.listing #wrapper nav{display:flex !important;height:3.3em;left:calc(var(--box-padding-lr)*-1);margin-top:-0.5em;width:calc(100% + var(--box-padding-lr)*2)}body#templates.listing #wrapper nav>.toggle-wrapper{display:none}body#templates.listing #wrapper nav>.categories-mobile{display:block;flex-grow:1;flex-shrink:1}body#templates.listing #wrapper nav>a{background:rgba(0,0,0,0);border-radius:0;flex-grow:0;flex-shrink:0;font-size:1em;padding:0;position:relative;width:4.95em}body#templates.listing #wrapper nav>a>svg{height:1.5em;width:1.5em}body#templates.listing #wrapper nav>a>.label{display:none;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;text-indent:3.3em;top:0;white-space:nowrap;width:100%}body#templates.listing #wrapper .categories{display:none}body#templates.listing #wrapper.with-intro nav{left:0;width:100%}}@media screen and (max-width: 736px){body#templates.listing #wrapper{--box-padding-tb: 2em;--box-padding-lr: 1.75em}body#templates.listing #wrapper header h1{font-size:1.75em;letter-spacing:0}body#templates.listing #wrapper header p br{display:none}body#templates.listing #wrapper .templates{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 480px){body#templates.listing #wrapper nav>.categories-mobile{width:100%}body#templates.listing #wrapper .templates{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 360px){body#templates.listing #wrapper{--box-padding-tb: 2em;--box-padding-lr: 1.5em}body#templates.listing #wrapper header h1{font-size:1.5em}}body#templates.listing.is-loading #wrapper header{opacity:0;transform:translateY(0.25em)}body#templates.listing.is-returning #wrapper header{transition-delay:0s !important;transition:opacity .25s ease-in-out !important;transform:none !important}body#templates.listing.is-returning #wrapper .templates article{transition-delay:0s !important;transition:opacity .25s ease-in-out !important;transform:none !important}