@keyframes frame-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.maker{background-color:var(--kh-colour--beige);min-height:70vh;padding-bottom:var(--kh-spacing--md);width:100%;z-index:30;--kh-maker--spacing:var(--kh-spacing--sm)}@media screen and (min-width:992px){.maker{--kh-maker--spacing:calc(var(--kh-spacing--md))}}@media screen and (min-width:1280px){.maker{--kh-maker--spacing:calc(var(--kh-spacing--md) + var(--kh-spacing--sm))}}.maker-logo{aspect-ratio:2.74/1;background-image:url(../makers/plushie/plushie-maker-logo.png);background-position:50%;background-repeat:no-repeat;background-size:100% auto;image-rendering:pixelated;max-width:118px}@media screen and (min-width:992px){.maker-logo{max-width:236px}}.maker{background-color:var(--kh-colour--white);background-position:top;background-repeat:no-repeat;background-size:100% auto;border:10px solid var(--kh-colour--gold);border-radius:var(--kh-spacing--sm);position:relative}.maker-edit{display:flex;flex-wrap:wrap}@media screen and (min-width:992px){.maker-edit{flex-wrap:nowrap}}.maker .canvas-wrap{overflow:hidden;width:var(--maker-width);width:var(--maker-height)}.maker [id=tabs]{display:flex;justify-content:center;list-style:none;margin:0;max-width:100%;padding-left:0;padding-left:var(--kh-spacing--sm);padding-right:var(--kh-spacing--sm);padding-top:var(--kh-spacing--xxs);position:relative;z-index:10}@media screen and (min-width:992px){.maker [id=tabs]{overflow:visible}}.maker [id=tabs] button{background-color:var(--kh-colour--white);border:none;border-top-left-radius:var(--kh-spacing--md);border-top-right-radius:var(--kh-spacing--md);box-shadow:0 -1px .3rem #0003;position:relative;vertical-align:bottom}.maker [id=tabs] button[aria-selected=true]:after{background-color:var(--kh-colour--white);content:"";display:block;height:var(--kh-spacing--xs);left:50%;margin-left:-.05em;position:absolute;rotate:45deg;top:100%;transform:translate(-50%);width:var(--kh-spacing--xs)}.maker [id=tabs] button img{pointer-events:none}.maker [role=tablist] .block{padding:var(--kh-spacing--sm)}@media screen and (min-width:500px){.maker [role=tablist] .block{padding:calc(var(--kh-spacing--md)*.75)}}.maker [role=tablist] .hidden{display:none}.maker [role=tabpanel]{background-color:var(--kh-colour--brown);border:1px solid var(--kh-colour--white);border-radius:var(--kh-spacing--sm);color:var(--kh-colour--white);flex-wrap:wrap;position:relative;text-align:center}.maker [role=tabpanel]>*{position:relative;z-index:20}.maker h2{color:inherit;margin-top:0;width:100%}.maker .maker-group{border:none;display:block;gap:var(--kh-spacing--xs);margin:0;margin-bottom:var(--kh-spacing--xxs);padding:0;text-align:left;width:100%}.maker .maker-item{display:inline-block;margin:var(--kh-spacing--xxs);position:relative}.maker .maker-item img{height:40px;pointer-events:none;vertical-align:middle;width:40px}.maker .maker-item label{background-color:var(--kh-colour--white);border:2px solid var(--kh-colour--white);border-radius:100%;cursor:pointer;display:block}.maker .maker-item input{height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.maker .maker-item input:checked+label{border-color:var(--kh-colour--purple)}.maker .maker-panel-inner{display:flex;flex-wrap:wrap;max-height:20vh;overflow:auto}.maker .maker-item{color:var(--kh-colour--purple)}.maker .icon-remove{fill:currentColor}.maker .maker-item--remove .icon-remove{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.maker .maker-item--remove img{border-radius:50%}.maker fieldset{border:none;margin-bottom:var(--kh-spacing--sm);padding:0;text-align:left}.maker .maker-edit{display:flex}.maker .maker-intro .maker-logo{margin-bottom:0;margin-left:auto;margin-right:auto}.maker .maker-intro{color:var(--kh-colour--white);left:0;pointer-events:none;position:absolute;text-align:center;top:calc(var(--kh-spacing--xl)*-.85);width:100%}.maker .maker-intro p{margin-top:var(--kh-spacing--xs)}.maker .canvas-ratio{position:relative}.maker .canvas-wrap{bottom:0;image-rendering:pixelated;left:50%;margin-bottom:var(--kh-spacing--sm);position:absolute;scale:2;transform:translate(-50%);transform-origin:bottom left}.maker .maker-stage{margin-left:auto;margin-right:auto;margin-top:var(--kh-spacing--lg);order:-1;position:relative;width:100%}.maker-item-details{color:var(--kh-colour--text);display:flex;flex-direction:column;gap:var(--kh-spacing--xs);margin-left:-.5px;padding:0 var(--kh-spacing--xs);text-align:center}[id=item-details__description]{line-height:1.3}@media screen and (min-width:992px){.maker .maker-stage{position:static;width:33.333%}.maker-options{order:-2;width:33.333%}.maker-options h2{color:var(--kh-colour--white)}.maker-item-details{padding-right:var(--kh-spacing--md)!important;width:33.333%}.maker-item-details h2,.maker-item-details p{color:var(--kh-colour--white)}}.maker .maker-actions{display:flex;flex-wrap:wrap;gap:var(--kh-spacing--sm);justify-content:center;left:0;margin-top:calc(var(--kh-spacing--md)*-.75);position:relative;top:0;width:100%;z-index:20}.maker .maker-actions button{align-content:center;align-items:center;background-color:var(--kh-colour--gold);border:none;border-radius:50%;color:var(--kh-colour--white);display:flex;flex-wrap:wrap;height:calc(var(--kh-spacing--lg)*.75);justify-content:center;transition:all .2s ease;width:calc(var(--kh-spacing--lg)*.75)}.maker .maker-actions button:focus,.maker .maker-actions button:hover{background-color:var(--kh-colour--gold-dark)}.maker .maker-actions svg{fill:currentColor}.maker .maker-options{color:var(--kh-colour--text);padding:var(--kh-spacing--sm) var(--kh-spacing--xs)}.maker [id=item-details] dl{background-color:var(--kh-colour--white);border-radius:calc(var(--kh-spacing--lg)*.75);margin:0 var(--kh-spacing--xs);padding:calc(var(--kh-spacing--sm)) calc(var(--kh-spacing--lg) + var(--kh-spacing--md)) calc(var(--kh-spacing--sm)) calc(var(--kh-spacing--sm) + var(--kh-spacing--xs ));position:relative}@media screen and (min-width:992px){.maker [id=item-details] dl{margin:0;padding-bottom:var(--kh-spacing--sm);padding-top:var(--kh-spacing--sm)}}.maker [id=item-details] dl:before{border:1px solid #7faef9;border-radius:inherit;content:"";display:block;height:calc(100% - var(--kh-spacing--xs));left:var(--kh-spacing--xxs);opacity:.5;position:absolute;top:var(--kh-spacing--xxs);transition:all .2s ease;width:calc(100% - var(--kh-spacing--xs))}.maker [id=item-details].is-active dl:before{border-color:var(--kh-colour--purple);opacity:1;z-index:0}.maker [id=item-details] dl [id=item-details__name]{color:var(--kh-colour--purple)}.maker [id=item-details] dd{color:var(--kh-colour--text);font-size:calc(var(--kh-font-size-xs)*1.1);margin:0}.maker .item-details-thumb{background-color:var(--kh-colour--white);border-radius:50%;box-shadow:0 0 1em #0003;padding:var(--kh-spacing--sm);position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:20}.maker [id=item-extras]{margin-left:var(--kh-spacing--xs);margin-right:var(--kh-spacing--xs)}@media screen and (min-width:992px){.maker [id=item-extras]{margin-left:0;margin-right:0}}.maker .item-details-thumb img{image-rendering:pixelated;max-width:none}.maker .item-details-thumb:after{border:1px solid #7faef9;border-radius:inherit;content:"";display:block;height:calc(100% - var(--kh-spacing--xs));left:var(--kh-spacing--xxs);opacity:.5;position:absolute;top:var(--kh-spacing--xxs);width:calc(100% - var(--kh-spacing--xs))}.maker .item-details-thumb img{vertical-align:middle}.maker [id=item-extras] li,.maker [id=item-extras] ul{list-style:none;margin:0;padding-left:0}.maker [id=item-extras] fieldset{background-color:transparent;border:1px solid var(--kh-colour--white);border-radius:var(--kh-spacing--lg);font-size:calc(var(--kh-font-size-xs)*1.1);margin:0;position:relative}.maker [id=item-extras] fieldset label *{pointer-events:none}.maker [id=item-extras] fieldset input{left:0;opacity:0;position:absolute;top:0}.maker [id=item-extras] fieldset .equip-extra.is-active+label:after,.maker [id=item-extras] fieldset .equip-extra:focus+label:after{border:1px solid var(--kh-colour--white);border-radius:var(--kh-spacing--lg);content:"";display:block;height:calc(100% - var(--kh-spacing--xs ));left:var(--kh-spacing--xxs);position:absolute;top:var(--kh-spacing--xxs);width:calc(100% - var(--kh-spacing--xs ))}.maker [id=item-extras] fieldset .equip-extra:not(:checked)~span.current-extra-colour{background-color:transparent!important;border-color:transparent!important}.maker [id=item-extras] ul{display:flex;flex-direction:column;gap:var(--kh-spacing--xxs)}.maker [id=item-extras] fieldset input+label .icon-remove{transform:rotate(0);transition:all .2s ease}.maker [id=item-extras] fieldset .unequip-extra:checked+label .icon-remove{transform:rotate(-45deg)}.maker [id=item-extras] fieldset .unequip-extra:checked+label{pointer-events:none}.maker .icon-remove{color:var(--kh-colour--purple);height:var(--kh-spacing--md);width:var(--kh-spacing--md)}.maker [id=item-extras] .unequip-extra+label{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;left:auto;right:calc(var(--kh-spacing--md) + var(--kh-spacing--sm));width:var(--kh-spacing--lg)}.maker [id=item-extras] label{height:100%;left:0;position:absolute;top:0;width:100%}.maker .item-extras-info{color:var(--kh-colour--white);display:flex;flex-direction:column;padding:var(--kh-spacing--sm) var(--kh-spacing--lg) var(--kh-spacing--sm) calc(var(--kh-spacing--sm) + var(--kh-spacing--xs ));position:relative}.maker .item-extras-info:before{background-color:#5d49c7;border-radius:var(--kh-spacing--xl);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.maker .item-extra .icon-remove{color:var(--kh-colour--white)}.maker .item-extras-info legend{color:var(--kh-colour--white);font-weight:700;margin-bottom:calc(var(--kh-spacing--xxs)*-1)}.maker .item-extras-info p{font-size:var(--kh-font-size-xs)}.maker .item-extras-info img{background-color:var(--kh-colour--white);border-radius:50%;height:var(--kh-spacing--md);image-rendering:pixelated;position:absolute;right:var(--kh-spacing--sm);top:50%;transform:translateY(-50%);width:var(--kh-spacing--md)}.maker .item-extra{display:none}.maker .item-extra.visible{display:block;margin-top:var(--kh-spacing--xs)}.maker .maker-colours{margin-top:var(--kh-spacing--sm)}.maker .colour-list{display:inline-flex;flex-wrap:wrap;gap:var(--kh-spacing--xxs);list-style:none;margin-top:0;max-width:calc(100vw - var(--kh-container-spacing)*2 - 20px);padding-bottom:var(--kh-spacing--sm);padding-left:var(--kh-spacing--sm);padding-right:var(--kh-spacing--sm);padding-top:0}.maker .colour-list li{margin:0;padding:0;position:relative}.maker .colour-list li label{border:2px solid transparent;border-radius:50%;display:block;height:calc(var(--kh-spacing--md)*.75);width:calc(var(--kh-spacing--md)*.75)}@media screen and (min-width:992px){.maker .colour-list li label{border-color:var(--kh-colour--white)}.maker .colour-list{padding-left:0;padding-right:0}.maker .colour-list li label{height:calc(var(--kh-spacing--md)*.86);width:calc(var(--kh-spacing--md)*.86)}.maker .item-extras-info{padding-bottom:var(--kh-spacing--sm);padding-top:var(--kh-spacing--sm)}}.maker .colour-list li input{left:0;opacity:0;position:absolute;top:0}.maker .colour-list li input:checked+label{border-color:var(--kh-colour--purple)}.maker .colour-list li input:checked+label span{opacity:1}.maker .maker-download.hidden,.maker [id=no-token].hidden{display:none}.maker .maker-download h1{margin-left:auto;margin-right:auto}.maker .maker-download{color:var(--kh-colour--white);flex-direction:column;padding:var(--kh-spacing--sm)}.maker [id=loading]{display:flex;flex-direction:column;left:0;position:absolute;text-align:center;top:0;transition:all .2s ease}.maker [id=loading].opacity-0{opacity:0;pointer-events:none}.maker .maker-colours{background-color:var(--kh-colour--white);bottom:0;left:0;position:sticky}.maker-size{color:#6648c3bf;margin-top:var(--kh-spacing--xs)}@media screen and (min-width:992px){.maker .maker-colours{background-color:transparent;order:10}.maker{background-position:50%;padding:var(--kh-spacing--md) calc(var(--kh-spacing--md) + var(--kh-spacing--sm)) var(--kh-spacing--md) var(--kh-spacing--md)}.maker .maker-panel-inner{align-content:flex-start;align-items:flex-start;max-height:35vh;min-height:35vh}}@media screen and (min-width:1200px){.maker .maker-colours{height:100%;left:100%;margin-left:calc(var(--kh-spacing--md)*-.2);position:absolute;text-orientation:mixed;top:0;transform:rotate(180deg);writing-mode:vertical-rl}.maker .maker-item img{height:auto;width:auto}.maker .colour-list{justify-content:center;margin-right:var(--kh-spacing--xxs);padding:0}.maker .colour-list li label{height:calc(var(--kh-spacing--md)*.6);width:calc(var(--kh-spacing--md)*.6)}}@media screen and (min-width:1600px){.maker .colour-list li label{height:calc(var(--kh-spacing--md)*.65);width:calc(var(--kh-spacing--md)*.65)}}.maker .colour-transparent{background-image:linear-gradient(45deg,#ced3d6 25%,transparent 0),linear-gradient(-45deg,#ced3d6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.maker [id=maker-editor],.maker [id=no-token]{display:none}.maker [id=maker-editor].visible{display:block}.maker:not(.visible){align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.maker [id=no-token]{color:var(--kh-colour--white)}.maker [id=no-token] .maker-logo{margin-bottom:calc(var(--kh-spacing--sm)*-1);margin-left:auto;margin-right:auto}.maker [id=loading]{color:var(--kh-colour--white)}.maker .no-token-content{padding:var(--kh-spacing--lg) var(--kh-spacing--md);position:relative}.maker [id=no-token] .no-token-content:before{background-color:#5d49c7;border-radius:var(--kh-spacing--sm);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.maker [id=no-token].visible{display:block}.maker [id=no-token] p{max-width:25em}.maker-final-image{margin-bottom:var(--kh-spacing--md);margin-top:var(--kh-spacing--sm)}.maker .download-content,.maker .maker-download{align-items:center;display:flex;justify-content:center}.maker .download-content{flex-direction:column;padding:var(--kh-spacing--md);position:relative}.maker .download-content h2{width:auto}.maker .download-content:before{background-color:#5d49c7;border-radius:var(--kh-spacing--sm);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.maker .maker-download p{max-width:30em}.maker .current-extra-colour,.maker .current-item-colour{border:1px solid var(--kh-colour--white);border-radius:50%;display:inline-block;height:var(--kh-spacing--sm);margin-top:calc(var(--kh-spacing--xs )*-1);position:absolute;right:calc(var(--kh-spacing--xs )*-1);top:50%;width:var(--kh-spacing--sm);z-index:20}.maker-equipped-items{list-style:none}.maker-equipped-items ul{display:flex;flex-wrap:wrap;gap:var(--kh-spacing--sm);justify-content:center;list-style:none}.maker-equipped-items li{margin:0;position:relative}.maker-equipped-items img{background-color:var(--kh-colour--white);border:2px solid var(--kh-colour--white);border-radius:50%;vertical-align:middle}.maker-equipped-items p{background-color:var(--kh-colour--white);border-radius:var(--kh-spacing--sm);bottom:100%;color:var(--kh-colour--purple);left:50%;letter-spacing:.05em;margin-bottom:var(--kh-spacing--xxs);opacity:0;padding:var(--kh-spacing--xxs) var(--kh-spacing--xs);pointer-events:none;position:absolute;transform:translate(-50%)}.maker-equipped-items li:hover p{opacity:1}.maker--plushie{background-image:url(../makers/plushie/plushie-bg.png)}.maker--plushie .maker-logo{max-width:236px}.maker--plushie .maker .maker-intro{color:var(--kh-colour--white)}.maker--plushie .canvas-ratio{aspect-ratio:1.55/1}.maker--plushie .maker-final-image{background-color:var(--kh-colour--white);border-radius:50%;padding:var(--kh-spacing--md)}.maker--plushie .maker-final-image img{image-rendering:pixelated;width:100px}.maker--plushie .canvas-wrap{scale:3}.maker--plushie .maker-stage{max-width:400px}.maker--plushie .maker-stage:before{background-image:url(../makers/plushie/plushiechar-bg.png);background-position:top;background-repeat:no-repeat;background-size:275% auto;content:"";display:block;height:160%;left:0;pointer-events:none;position:absolute;top:-10%;width:100%}.maker--plushie{background-size:100% auto}@media screen and (min-width:992px){.maker--plushie{background-position:top;background-size:100% auto}.maker--plushie .maker-stage{max-width:none}.maker--plushie .maker-stage:before{background-position:0 80%;background-size:100% auto;height:100%;top:10%;width:100%}.maker--plushie .canvas-ratio{aspect-ratio:1.9/1}.maker--plushie .maker-stage{align-self:flex-end}.maker .maker-intro{top:calc(var(--kh-spacing--xl)*-.42)}.maker .maker-intro p{font-size:calc(var(--kh-font-size-sm)*.9)}}@media screen and (min-width:1280px){.maker--plushie .maker-logo{max-width:354px}}.maker.maker--plushie [role=tabpanel]{background-color:transparent}.maker.maker--plushie [role=tabpanel]:before{background-color:#5d49c7;border-radius:inherit;content:"";display:block;height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%}.maker.maker--plushie [role=tabpanel]:after{border:1px solid var(--kh-colour--white);border-radius:calc(var(--kh-spacing--xs ));content:"";display:block;height:calc(100% - var(--kh-spacing--xs )*2);left:var(--kh-spacing--xs);pointer-events:none;position:absolute;top:var(--kh-spacing--xs);width:calc(100% - var(--kh-spacing--xs )*2)}