@charset "UTF-8";@font-face{font-family:Diary of an\ 8-bit Mage;src:url(/fonts/8-bit-mage.woff) format("woff2")}@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var;font-style:normal;font-weight:100 900;src:url(/fonts/Inter-roman.var.woff2?v=3.13) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var;font-style:italic;font-weight:100 900;src:url(/fonts/Inter-italic.var.woff2?v=3.13) format("woff2")}:root{--magenta-90:#fccffa;--magenta-60:#f33fea;--lime-70:#6ff67a;--purple-80:#b3a4f4;--purple-68:#856eed;--purple-50:#543bc4;--sky-blue:#c8f1f9;--gunmetal-85:#d3d8de;--gunmetal-20:#8c8f92;--gunmetal-12:#1a1e23;--pacific-blue:#00b4cc;--family-monospace:"Diary of an 8-bit Mage",monospace;--heading-font-family:var(--family-monospace);--background-color:fixed linear-gradient(#75dbf0,#d1f3fa);--body-font-weight:"wght" 400;--header-color:#8a75f0;--heading:#00214d;--body:#1b2d45;--primary-background:#f2f4f6;--secondary-background:#fffffe;--primary:#00ebc7;--primary-hover:#00b89d;--secondary:#fffffe;--secondary-hover:#dee3e8;--border-color:#cad2da;--tertiary:#8a75f0;--link-hover:#00b89d;--disabled-button-color:#76768b}@media (prefers-color-scheme:dark){:root{--color-mode:"dark"}:root:not([data-user-color-scheme]){--background-color:fixed linear-gradient(#1a1a4d,#543bc4 80%);--body-color:#fff;--header-color:#5cf0cb;--body-font-weight:"wght" 375;--selection-rectangle-fill:var(--secondary);--heading:#fffffe;--body:#fffffe;--primary-background:#242629;--secondary-background:#16161a;--primary:#7f5af0;--primary-hover:#6b3fee;--secondary:#303038;--secondary-hover:#1b1b1f;--border-color:#474754;--tertiary:#5cf0cb;--link-hover:#affee9;--disabled-button-color:#d3d3d3}}[data-user-color-scheme=dark]{--background-color:fixed linear-gradient(#1a1a4d,#543bc4 80%);--body-color:#fff;--header-color:#5cf0cb;--body-font-weight:"wght" 375;--selection-rectangle-fill:var(--secondary);--heading:#fffffe;--body:#fffffe;--primary-background:#242629;--secondary-background:#16161a;--primary:#7f5af0;--primary-hover:#6b3fee;--secondary:#303038;--secondary-hover:#1b1b1f;--border-color:#474754;--tertiary:#5cf0cb;--link-hover:#affee9;--disabled-button-color:#d3d3d3}.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);display:block;height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}*{box-sizing:border-box}@media (min-width:61.25em){:root{font-size:16px}}:focus{outline:none}[data-whatintent=mouse] :focus,[data-whatintent=touch] :focus{border-bottom:0;box-shadow:none;outline:none}.no-js .darkmode-toggle{display:none!important}svg.defs{display:none}body{background:var(--background-color);color:var(--body);font-display:swap;font-family:Inter var,sans-serif;font-size:1rem;font-variation-settings:var(--body-font-weight);margin:0}body:not(:has(.overlay.hidden)){overflow:none}a{color:var(--tertiary);font-variation-settings:"wght" 600;text-decoration:none}a:active,a:focus,a:hover{color:var(--link-hover);text-decoration:underline}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a{font-variation-settings:"wght" 700}h1,h2,h3,h4{color:var(--heading);line-height:1.2}h1{font-size:min(max(1.5rem,6vw),40px);margin-bottom:1rem}h2{font-size:2rem;font-size:min(max(1.25rem,2.5vw),25px);line-height:1.2em;margin:0}h2 a{text-decoration:none}h3{font-size:1.5rem;font-size:min(max(1.1rem,4vw),20px);margin-top:1.5rem}ul{padding:0}button{background:var(--primary);border:0;border-radius:6px;color:var(--body);cursor:pointer;font-family:Inter var,sans-serif;font-size:1rem;font-variation-settings:"wght" 600;padding:.7rem 1rem}button[disabled]{color:var(--disabled-button-color);cursor:not-allowed}button[disabled]:focus,button[disabled]:hover{background:var(--primary)}button:active,button:hover{background:var(--primary-hover)}button.secondary{color:var(--body-color)}button.secondary,button.secondary[disabled]{background-color:var(--secondary);border:1px solid var(--border-color)}button.secondary[disabled]{color:var(--disabled-button-color);cursor:not-allowed}button.secondary:active,button.secondary:hover{background:var(--secondary-hover)}button:focus{box-shadow:0 0 0 3px var(--tertiary);outline:none}.full-width{margin:.5rem;text-align:center}@media (min-width:46.25em){.full-width{margin:1rem}}@media (min-width:61.25em){.full-width{padding:0 2rem 2rem}}.main-container{margin-bottom:3rem}.top-pad{padding-top:1rem}.bottom-pad{padding-bottom:1rem}.page-title{margin-bottom:2rem;margin-top:0}.social-icon{height:1.25rem;width:1.25rem}.intro{border:1px solid var(--border-color);border-radius:6px;padding:2rem}@media (min-width:46.25em){.intro{max-width:75%}}@media (max-width:46.24em){.intro{margin-bottom:1rem}}.intro .strong{font-variation-settings:"wght" 600}.grid h2,.intro .strong,.intro h2{margin-bottom:1rem}.overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.overlay p{border:2px dashed #000;color:#fff;font-size:2rem;max-width:90%;padding:2.5rem}.footer{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;overflow:hidden;width:100%}.footer svg{margin-top:2rem}.header{align-items:center;display:flex;height:10vh;justify-content:center;position:relative;width:100%}@media (min-width:61.25em){.header{height:18vh}}.header .header-text{color:var(--header-color);font-display:swap;font-family:Diary of an\ 8-bit mage,monospace;font-size:2.75rem;text-align:center;text-transform:lowercase}@media (min-width:46.25em){.header .header-text{font-size:4rem}}@media (min-width:61.25em){.header .header-text{font-size:5rem}}.header .header-text{margin:2rem 0 0}.header .darkmode-toggle{display:block;position:absolute;right:1rem;top:.5rem}.header .darkmode-toggle:focus-within .toggle-slider{box-shadow:0 0 2px 6px #1ac3e6}[data-whatinput=mouse] .header .darkmode-toggle:focus-within .toggle-slider,[data-whatinput=touch] .header .darkmode-toggle:focus-within .toggle-slider{box-shadow:none}.header .darkmode-toggle:focus-within input:checked+.toggle-slider{box-shadow:0 0 2px 4px var(--gunmetal-85)}[data-whatinput=mouse] .header .darkmode-toggle:focus-within input:checked+.toggle-slider,[data-whatinput=touch] .header .darkmode-toggle:focus-within input:checked+.toggle-slider{box-shadow:none}.header .darkmode-toggle input{opacity:0;position:absolute}.header .darkmode-toggle input:checked+.toggle-slider{background:var(--gunmetal-12);border:2px solid var(--gunmetal-20)}.header .darkmode-toggle input:checked+.toggle-slider:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-miterlimit='1.5' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M10 1.5h2'/%3E%3Cpath id='c' d='M10 14.5H5'/%3E%3Cpath id='b' d='M2.5 13v-1'/%3E%3C/defs%3E%3Cpath d='M3 1h2V0h5v1h2v1h1v1h1v2h1v5h-1v2h-1.002L13 13h-1v1h-2v1H5v-1H3v-1H2v-1H1v-2H0V5h1V3h1.012L2 2h1z' fill='%238deeff'/%3E%3Cg fill='none'%3E%3Cuse stroke='%232bc2d9' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='translate(-7)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='translate(10 -10)' xlink:href='%23b'/%3E%3Cuse stroke='%232bc2d9' transform='translate(10)' xlink:href='%23b'/%3E%3Cuse stroke='%232bc2d9' transform='translate(0 12)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 14.5 14.5)' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 7.5 7.5)' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%232bc2d9' transform='translate(-7 12)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 7.5 7.5)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 1.5 1.5)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 5 -2)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' transform='rotate(90 11 4)' xlink:href='%23a'/%3E%3Cuse stroke='%232bc2d9' xlink:href='%23b'/%3E%3Cuse stroke='%232bc2d9' transform='translate(0 -10)' xlink:href='%23b'/%3E%3Cuse stroke='%23a8eef7' transform='translate(0 -13)' xlink:href='%23c'/%3E%3Cuse stroke='%23a8eef7' transform='translate(0 1)' xlink:href='%23a'/%3E%3Cuse stroke='%23a8eef7' transform='translate(-7 1)' xlink:href='%23a'/%3E%3Cuse stroke='%2360e7fc' transform='translate(-1 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%2360e7fc' transform='translate(11 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%2360e7fc' transform='translate(9)' xlink:href='%23b'/%3E%3Cuse stroke='%2360e7fc' transform='translate(10 -1)' xlink:href='%23b'/%3E%3Cuse stroke='%2360e7fc' transform='translate(-7 11)' xlink:href='%23a'/%3E%3Cuse stroke='%2360e7fc' transform='translate(-5 12)' xlink:href='%23a'/%3E%3Cuse stroke='%2360e7fc' transform='translate(-2 12)' xlink:href='%23a'/%3E%3Cuse stroke='%2360e7fc' transform='rotate(90 2 2)' xlink:href='%23a'/%3E%3Cpath d='M7 12.5h3' stroke='%2378edff'/%3E%3Cuse stroke='%2378edff' transform='rotate(90 2.5 2.5)' xlink:href='%23a'/%3E%3Cuse stroke='%2378edff' transform='translate(9 -1)' xlink:href='%23b'/%3E%3Cuse stroke='%2378edff' transform='translate(0 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%2378edff' transform='translate(2 -1)' xlink:href='%23b'/%3E%3Cuse stroke='%2337e2fc' transform='translate(-5 11)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='translate(-5 6)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='translate(-5 3)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='translate(1 9)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='rotate(90 5.5 6.5)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='rotate(90 7 2)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='rotate(90 5.5 .5)' xlink:href='%23a'/%3E%3Cuse stroke='%2337e2fc' transform='translate(-1 -6)' xlink:href='%23b'/%3E%3Cuse stroke='%2337e2fc' transform='translate(4 -10)' xlink:href='%23b'/%3E%3Cuse stroke='%2337e2fc' transform='translate(10 -5)' xlink:href='%23b'/%3E%3Cuse stroke='%2337e2fc' transform='translate(7 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%2337e2fc' transform='translate(5 1)' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");left:calc(1.5rem - 1px)}.header .darkmode-toggle .toggle-slider{background-color:var(--sky-blue);border:2px solid #47cfeb;border-radius:25px;cursor:pointer;display:flex;height:1.6rem;position:relative;width:3rem}.header .darkmode-toggle .toggle-slider:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-miterlimit='1.5' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M10 1.5h2'/%3E%3Cpath id='c' d='M10 14.5H5'/%3E%3Cpath id='b' d='M2.5 13v-1'/%3E%3C/defs%3E%3Cpath d='M3 1h2V0h5v1h2v1h1v1h1v2h1v5h-1v2h-1.002L13 13h-1v1h-2v1H5v-1H3v-1H2v-1H1v-2H0V5h1V3h1.012L2 2h1z' fill='%23fff59d'/%3E%3Cg fill='none'%3E%3Cuse stroke='%23fdd835' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='translate(-7)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='translate(10 -10)' xlink:href='%23b'/%3E%3Cuse stroke='%23fdd835' transform='translate(10)' xlink:href='%23b'/%3E%3Cuse stroke='%23fdd835' transform='translate(0 12)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 14.5 14.5)' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 7.5 7.5)' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='translate(0 -14)' xlink:href='%23c'/%3E%3Cuse stroke='%23fdd835' transform='translate(-7 12)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 7.5 7.5)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 1.5 1.5)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 5 -2)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' transform='rotate(90 11 4)' xlink:href='%23a'/%3E%3Cuse stroke='%23fdd835' xlink:href='%23b'/%3E%3Cuse stroke='%23fdd835' transform='translate(0 -10)' xlink:href='%23b'/%3E%3Cuse stroke='%23fff9c4' transform='translate(0 -13)' xlink:href='%23c'/%3E%3Cuse stroke='%23fff9c4' transform='translate(0 1)' xlink:href='%23a'/%3E%3Cuse stroke='%23fff9c4' transform='translate(-7 1)' xlink:href='%23a'/%3E%3Cuse stroke='%23ffeb3b' transform='translate(-1 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%23ffeb3b' transform='translate(11 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%23ffeb3b' transform='translate(-7 11)' xlink:href='%23a'/%3E%3Cuse stroke='%23ffeb3b' transform='translate(0 -1)' xlink:href='%23c'/%3E%3Cuse stroke='%23ffeb3b' transform='rotate(90 2 2)' xlink:href='%23a'/%3E%3Cuse stroke='%23ffeb3b' transform='rotate(90 7 7)' xlink:href='%23a'/%3E%3Cuse stroke='%23ffeb3b' transform='translate(0 11)' xlink:href='%23a'/%3E%3Cuse stroke='%23fff176' transform='translate(0 -2)' xlink:href='%23c'/%3E%3Cuse stroke='%23fff176' transform='rotate(90 2.5 2.5)' xlink:href='%23a'/%3E%3Cuse stroke='%23fff176' transform='rotate(90 6.5 6.5)' xlink:href='%23a'/%3E%3Cuse stroke='%23fff176' transform='translate(8 -1)' xlink:href='%23b'/%3E%3Cuse stroke='%23fff176' transform='translate(0 -3)' xlink:href='%23b'/%3E%3Cuse stroke='%23fff176' transform='translate(2 -1)' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");border-radius:50%;content:"";display:inline-block;height:1.2rem;left:1px;position:absolute;top:1px;width:1.2rem}@media (prefers-reduced-motion:no-preference){.header .darkmode-toggle .toggle-slider.with-transition:after{transition:left .3s ease-in}}.emojinator-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}@media (min-width:61.25em){.emojinator{padding:1.5rem}}.emojinator{margin-bottom:1.5rem;position:relative}.emojinator label{margin-bottom:.5rem}.embiggener-output{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:0 auto}.embiggener-output img{border:1px solid var(--border-color)}.action-button{font-size:.8rem;font-variation-settings:"wght" 500;padding:0}.action-button:hover{background:var(--primary)}.canvas-area{background-color:var(--primary-background);border-radius:10px;grid-column:1/span 1;grid-row:2/span 1;position:relative}@media (min-width:46.25em){.canvas-area{display:flex;flex-direction:column;grid-column:2/span 1;grid-row:1/span 1}}.canvas-area .controls{grid-column-gap:2px;grid-row-gap:2px;display:grid;grid-template-columns:repeat(6,1fr);margin:1rem auto}.canvas-area .controls button{align-items:center;display:flex;justify-content:center;padding:5px}.canvas-area .controls button svg{height:1.5rem;width:1.5rem}.canvas-area .controls-wrapper{height:100%}.canvas-area .controls #rotate-right svg{transform:scaleX(-1)}.canvas-area .controls #align-center svg{transform:rotate(-90deg)}.canvas-area .controls #flip-horizontal svg{transform:rotate(90deg)}.canvas-area .controls #redo svg{transform:scaleX(-1)}.canvas-area-actions{display:flex;flex-direction:column}.canvas-area-actions button{margin-bottom:.25rem}.canvas-area .canvas-container{display:flex;justify-content:center;margin:0 auto 1rem}.canvas-area .canvas-container canvas{border:1px solid var(--border-color)!important}.hidden{display:none!important}#output{margin:0 auto}.accessory-grid,.workspace .accessory-selector .colour-picker-content .skintone-picker-grid,.workspace .accessory-selector-group{column-gap:4px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:4px}@media (min-width:46.25em) and (max-width:61.24em){.accessory-grid,.workspace .accessory-selector .colour-picker-content .skintone-picker-grid,.workspace .accessory-selector-group{grid-template-columns:repeat(6,1fr)}}@media (min-width:125em){.accessory-grid,.workspace .accessory-selector .colour-picker-content .skintone-picker-grid,.workspace .accessory-selector-group{grid-template-columns:repeat(6,1fr)}}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:50vh 50vh 75vh;margin:0 auto;max-width:100%;text-align:center}@media (min-width:46.25em){.workspace{column-gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:40vh 75vh;row-gap:1rem}}@media (min-width:61.25em){.workspace{grid-template-columns:.6fr 1fr .6fr;grid-template-rows:1fr;max-height:70vh;width:85%}}.workspace .konvajs-content{background-color:var(--secondary-background);margin-bottom:1rem}.workspace .accessory-container{grid-column:1/span 1;grid-row:3/span 1;max-height:70vh;width:100%}@media (min-width:46.25em){.workspace .accessory-container{grid-column:1/span 2;grid-row:2/span 1}}@media (min-width:61.25em){.workspace .accessory-container{grid-column:3/span 1;grid-row:1/span 1}}.workspace .accessory-container{align-items:center;display:flex;flex-direction:column}.workspace .accessory-container h2{padding-bottom:1rem}.workspace .accessory-selector{align-items:stretch;background-color:var(--secondary-background);border-radius:10px;display:flex;flex-direction:column;max-height:100%;overflow-y:auto;padding:0;width:100%}.workspace .accessory-selector .selector-option{align-items:center;align-self:center;background:transparent;border-radius:50%;display:flex;height:3rem;justify-content:center;justify-self:center;padding:0;width:3rem}.workspace .accessory-selector .selector-option:hover{background:var(--primary)}.workspace .accessory-selector .selector-option img{max-height:36px;max-width:36px}.workspace .accessory-selector .selector-option svg{height:2rem;max-height:36px;max-width:36px;width:2rem}.workspace .accessory-selector .selector-option.multiple svg{height:1rem;max-height:1rem;max-width:1rem;width:1rem}.workspace .accessory-selector .selector-option.multiple svg:first-of-type{margin-right:.5rem}.workspace .accessory-selector .selector-option.multiple.reversed svg+svg{transform:scaleX(-1)}.workspace .accessory-selector .colour-swatch{border:1px solid var(--border-color);border-radius:999px;display:inline-block;height:1rem;width:1rem}.workspace .accessory-selector .colour-swatch.blonde{background-color:#ffe51f}.workspace .accessory-selector .colour-swatch.lightbrown{background-color:#963b22}.workspace .accessory-selector .colour-swatch.darkbrown{background-color:#603529}.workspace .accessory-selector .colour-swatch.lightblack{background-color:#292f33}.workspace .accessory-selector .colour-swatch.darkblack{background-color:#0c0200}.workspace .accessory-selector .colour-swatch.lightred{background-color:#ffac32}.workspace .accessory-selector .colour-swatch.darkred{background-color:#e95f27}.workspace .accessory-selector .colour-swatch.grey{background-color:#e1e8ec}.workspace .accessory-selector .colour-picker-input{border:0;height:1px;margin:0;opacity:0;padding:0;width:1px}.workspace .accessory-selector .colour-picker-input:focus{outline:none}.workspace .accessory-selector .colour-picker-input:focus+.colour-swatch{box-shadow:0 0 0 3px var(--tertiary)}[data-whatinput=mouse] .workspace .accessory-selector .colour-picker-input:focus+.colour-swatch,[data-whatinput=touch] .workspace .accessory-selector .colour-picker-input:focus+.colour-swatch{box-shadow:none}.workspace .accessory-selector .colour-picker-content .color-picker-list{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto 1rem;width:80%}.workspace .accessory-selector .colour-picker-content .color-picker-list .colour-swatch{margin-right:.75rem}.workspace .accessory-selector .colour-picker-content .color-picker-list label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;text-align:left}.workspace .accessory-selector .colour-picker-content .color-picker-list .colour-description{font-size:.9rem}.workspace .accessory-selector .colour-picker-content .skintone-picker{border:0;margin:0;padding:0;width:100%}.workspace .accessory-selector .colour-picker-content .skintone-picker-grid{column-gap:4px;padding-left:.25rem;padding-right:.25rem}.workspace .accessory-selector .colour-picker-content .skintone-picker legend{font-variation-settings:"wght" 600;margin-left:1rem;padding:.5rem 0}.workspace .accessory-selector .colour-picker-content .skintone-picker legend h4{margin:0}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option{align-items:center;border:1px solid transparent;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;margin:0 auto;padding:6px;position:relative}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option:focus-within{box-shadow:0 0 0 3px var(--tertiary)}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option:hover{background-color:var(--primary)}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option.selected{background-color:var(--tertiary)}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option img{width:2rem}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option input{cursor:pointer;opacity:0;position:absolute}.workspace .accessory-selector .colour-picker-content .skintone-picker .skintone-picker-option input:focus{outline:none}.workspace .accessory-selector .hair-preset-list h4{margin-left:1rem;text-align:left}.workspace .accessory-selector .hair-preset-list button{background-color:transparent;border-radius:999px;height:1rem;margin:0 .25rem 0 0;padding:0}.workspace .accessory-selector .hair-preset-list{margin-bottom:1rem}.workspace .control-panel{grid-column:1/span 1;grid-row:1/span 1}@media (min-width:61.25em){.workspace .control-panel{grid-column:1/span 1;grid-row:1/span 1}}.workspace .control-panel{background-color:var(--secondary-background);border-radius:10px;font-size:1rem;overflow-y:auto;padding:0;text-align:left}.workspace .control-panel .accordion-content{padding-left:1rem;padding-right:1rem}.workspace .control-panel .upload-form .upload-error{color:red;font-size:.9rem;font-variation-settings:"wght" 400}.workspace .control-panel .upload-form label.upload-option{font-variation-settings:"wght" 600;margin-bottom:1rem}.workspace .control-panel .upload-form input:not([type=radio]){border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem;margin-top:.5rem;padding:.6rem}.workspace .control-panel .upload-form input:not([type=radio])[type=file]{background:transparent}.workspace .control-panel .upload-form-content{display:flex;flex-direction:column}.instructions p:first-of-type{margin-top:0}.meta{display:inline-flex;flex-direction:column;margin:0 auto;max-width:50%}.meta button:first-of-type{margin-bottom:1rem}.special-functions{list-style-type:none;margin:0}.special-functions li{margin-bottom:.5rem}.special-functions .special-effect{display:flex;flex-direction:column;text-align:left;width:100%}.special-functions .special-effect .description{font-size:.8rem;font-variation-settings:"wght" 500}.accordion-trigger{background-color:var(--primary-background);border:none;border-radius:0;color:inherit;cursor:pointer;font-family:inherit;font-size:18px;outline:none;padding:1rem;text-align:left;width:100%}.accordion-trigger:after{content:"🔽";float:right;font-size:14px;margin-right:.5rem}.accordion-trigger:hover{background-color:var(--secondary-hover)}.accordion-trigger.is-open:after{content:"🔼"}.accordion-content{margin-bottom:1rem;max-height:0;overflow:hidden;transition:all .2s ease-in-out}.accordion-content.is-open{max-height:200vh;padding-top:1rem}.accordion h3{margin:0}.credits{list-style:none;margin:0}.credits li{margin-bottom:.5rem}