#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("../images/etc/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("../images/etc/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("../images/etc/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{overflow-y:scroll}#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}#wrapper .content{opacity:1;padding:0 0 calc(var(--box-padding-tb)*2) 0;transition:opacity .35s ease;width:100%}#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%}#wrapper nav>.toggle-wrapper{flex-grow:0;flex-shrink:0;font-size:.8em;height:3.3em;line-height:3.3em;white-space:nowrap}#wrapper nav>.toggle-wrapper label{min-width:10em}#wrapper nav>.categories-mobile{display:none}#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}#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}#wrapper nav>a:hover>svg{fill:#fff}#wrapper nav>a[data-name=back]{left:0}#wrapper nav>a[data-name=skip]{right:0}#wrapper .categories{align-items:center;display:inline-flex;margin:0;max-width:52em;width:min-content}#wrapper .categories li{flex:1;font-size:1em;font-weight:normal;min-width:8em;text-align:center}#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}#wrapper header h1{font-size:2.75em;letter-spacing:-0.025em;margin:0 0 .25em 0}#wrapper header p{margin-bottom:0}#wrapper header>div{display:none}#wrapper header>div.active{display:block}#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%}#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)}#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}#wrapper .templates ul .button{outline:0;pointer-events:auto;width:8.5em}#wrapper .templates ul .button:not(.special){box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}#wrapper .templates ul .button:not(.special):focus,#wrapper .templates ul .button:not(.special):active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75);outline:0}#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%}#wrapper .templates .thumbnail img{border-radius:6px;display:block;width:100%}#wrapper .templates article{display:block;opacity:0;position:relative;transform:translateY(0.5em);transition:opacity .5s ease-in-out,transform .5s ease-out}#wrapper .templates article[data-index="1"]{transition-delay:0s}#wrapper .templates article[data-index="2"]{transition-delay:0.025s}#wrapper .templates article[data-index="3"]{transition-delay:0.05s}#wrapper .templates article[data-index="4"]{transition-delay:0.075s}#wrapper .templates article[data-index="5"]{transition-delay:0.1s}#wrapper .templates article[data-index="6"]{transition-delay:0.125s}#wrapper .templates article[data-index="7"]{transition-delay:0.15s}#wrapper .templates article[data-index="8"]{transition-delay:0.175s}#wrapper .templates article[data-index="9"]{transition-delay:0.2s}#wrapper .templates article[data-index="10"]{transition-delay:0.225s}#wrapper .templates article[data-index="11"]{transition-delay:0.25s}#wrapper .templates article[data-index="12"]{transition-delay:0.275s}#wrapper .templates article[data-index="13"]{transition-delay:0.3s}#wrapper .templates article[data-index="14"]{transition-delay:0.325s}#wrapper .templates article[data-index="15"]{transition-delay:0.35s}#wrapper .templates article[data-index="16"]{transition-delay:0.375s}#wrapper .templates article[data-index="17"]{transition-delay:0.375s}#wrapper .templates article[data-index="18"]{transition-delay:0.375s}#wrapper .templates article[data-index="19"]{transition-delay:0.375s}#wrapper .templates article[data-index="20"]{transition-delay:0.375s}#wrapper .templates article[data-index="21"]{transition-delay:0.375s}#wrapper .templates article[data-index="22"]{transition-delay:0.375s}#wrapper .templates article[data-index="23"]{transition-delay:0.375s}#wrapper .templates article[data-index="24"]{transition-delay:0.375s}#wrapper .templates article[data-index="25"]{transition-delay:0.375s}#wrapper .templates article[data-index="26"]{transition-delay:0.375s}#wrapper .templates article[data-index="27"]{transition-delay:0.375s}#wrapper .templates article[data-index="28"]{transition-delay:0.375s}#wrapper .templates article[data-index="29"]{transition-delay:0.375s}#wrapper .templates article[data-index="30"]{transition-delay:0.375s}#wrapper .templates article[data-index="31"]{transition-delay:0.375s}#wrapper .templates article[data-index="32"]{transition-delay:0.375s}#wrapper .templates article[data-index="33"]{transition-delay:0.375s}#wrapper .templates article[data-index="34"]{transition-delay:0.375s}#wrapper .templates article[data-index="35"]{transition-delay:0.375s}#wrapper .templates article[data-index="36"]{transition-delay:0.375s}#wrapper .templates article[data-index="37"]{transition-delay:0.375s}#wrapper .templates article[data-index="38"]{transition-delay:0.375s}#wrapper .templates article[data-index="39"]{transition-delay:0.375s}#wrapper .templates article[data-index="40"]{transition-delay:0.375s}#wrapper .templates article[data-index="41"]{transition-delay:0.375s}#wrapper .templates article[data-index="42"]{transition-delay:0.375s}#wrapper .templates article[data-index="43"]{transition-delay:0.375s}#wrapper .templates article[data-index="44"]{transition-delay:0.375s}#wrapper .templates article[data-index="45"]{transition-delay:0.375s}#wrapper .templates article[data-index="46"]{transition-delay:0.375s}#wrapper .templates article[data-index="47"]{transition-delay:0.375s}#wrapper .templates article[data-index="48"]{transition-delay:0.375s}#wrapper .templates article[data-index="49"]{transition-delay:0.375s}#wrapper .templates article[data-index="50"]{transition-delay:0.375s}#wrapper .templates article[data-index="51"]{transition-delay:0.375s}#wrapper .templates article[data-index="52"]{transition-delay:0.375s}#wrapper .templates article[data-index="53"]{transition-delay:0.375s}#wrapper .templates article[data-index="54"]{transition-delay:0.375s}#wrapper .templates article[data-index="55"]{transition-delay:0.375s}#wrapper .templates article[data-index="56"]{transition-delay:0.375s}#wrapper .templates article[data-index="57"]{transition-delay:0.375s}#wrapper .templates article[data-index="58"]{transition-delay:0.375s}#wrapper .templates article[data-index="59"]{transition-delay:0.375s}#wrapper .templates article[data-index="60"]{transition-delay:0.375s}#wrapper .templates article[data-index="61"]{transition-delay:0.375s}#wrapper .templates article[data-index="62"]{transition-delay:0.375s}#wrapper .templates article[data-index="63"]{transition-delay:0.375s}#wrapper .templates article[data-index="64"]{transition-delay:0.375s}#wrapper .templates article:hover ul{opacity:1}#wrapper .templates article.blank .thumbnail{background-color:rgba(0,0,0,0);border:dashed 2px rgba(255,255,255,.25);position:relative}#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%}#wrapper .templates article.blank .details .title{color:rgba(255,255,255,.25);font-size:1.25em}#wrapper .templates article.blank:hover .thumbnail{border-color:rgba(0,0,0,0)}#wrapper .templates article.pro:before,#wrapper .templates article.custom:before,#wrapper .templates article.shared:before{border-bottom-left-radius:6px;border-top-right-radius:6px;content:"Pro";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}#wrapper .templates article.pro:before{background-color:#ded173;color:#24252d;content:"Pro";width:4.125em}#wrapper .templates article.custom:before{background-color:#8d73d5;color:#fff;content:"Custom";width:6em}#wrapper .templates article.shared:before{background-color:#ed5f79;color:#fff;content:"Shared";width:6em}#wrapper .templates article.inactive{display:none}#wrapper.active{opacity:1}#wrapper.active .templates article{opacity:1;transform:translateY(0)}#wrapper.is-switching .templates article{opacity:0 !important;transition-delay:0s !important;transition:none !important}#wrapper.is-clicked{opacity:0;transition:opacity .35s ease}#wrapper.is-clicked .templates article{transform:.25s ease-out;transition-delay:0s !important}#wrapper.is-clicked .templates article.active{transform:scale(0.9)}#wrapper.is-clicked .templates article ul{opacity:0}#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}#wrapper.with-intro nav{display:none}#wrapper.with-intro nav>a{display:none}#wrapper.with-intro header{margin:calc(var(--box-padding-tb)*1.5) 0 calc(var(--box-padding-tb)*1.75) 0}#wrapper.with-intro header h1{display:none}#wrapper.with-toggle nav{margin-bottom:3em}@media screen and (max-width: 1280px){#wrapper header h1{font-size:2.5em}#wrapper .templates{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 980px){#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)}#wrapper nav>.toggle-wrapper{display:none}#wrapper nav>.categories-mobile{display:block;flex-grow:1;flex-shrink:1}#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}#wrapper nav>a>svg{height:1.5em;width:1.5em}#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%}#wrapper .categories{display:none}#wrapper.with-intro nav{left:0;width:100%}}@media screen and (max-width: 736px){#wrapper{--box-padding-tb: 2em;--box-padding-lr: 1.75em}#wrapper header h1{font-size:1.75em;letter-spacing:0}#wrapper header p br{display:none}#wrapper .templates{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 480px){#wrapper nav>.categories-mobile{width:100%}#wrapper .templates{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 360px){#wrapper{--box-padding-tb: 2em;--box-padding-lr: 1.5em}#wrapper header h1{font-size:1.5em}}body.is-loading #wrapper header{opacity:0;transform:translateY(0.25em)}