.icon-playground-module__JFeMjG__playground{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4e7eb;height:100svh;min-height:360px;position:relative}.icon-playground-module__JFeMjG__viewport{position:absolute;inset:0 0 90px}.icon-playground-module__JFeMjG__viewport canvas{touch-action:none;width:100%;height:100%;display:block}.icon-playground-module__JFeMjG__controls{justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:auto 24px 24px}.icon-playground-module__JFeMjG__playground button,.icon-playground-module__JFeMjG__playground select{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:5px;padding:8px 12px}.icon-playground-module__JFeMjG__playground button{min-width:66px;font-size:12px}.icon-playground-module__JFeMjG__playground button:hover,.icon-playground-module__JFeMjG__playground select:hover{border-color:#d5dbe2}.icon-playground-module__JFeMjG__playground :is(button,select,input,a):focus-visible{outline-offset:5px;outline:2px solid #e4e7eb}.icon-playground-module__JFeMjG__playground :disabled{opacity:.5;cursor:default}.icon-playground-module__JFeMjG__controls label{color:#acb1b9;font-size:11px}.icon-playground-module__JFeMjG__speed{grid-template-columns:1fr auto;gap:8px 24px;width:170px;display:grid}.icon-playground-module__JFeMjG__speed output{color:#e4e7eb;font-variant-numeric:tabular-nums}.icon-playground-module__JFeMjG__speed input{accent-color:#cbd0d8;cursor:pointer;grid-column:1/-1;width:100%;height:12px;margin:0}.icon-playground-module__JFeMjG__palette{align-items:center;gap:12px;display:flex}.icon-playground-module__JFeMjG__palette select{font-size:12px}.icon-playground-module__JFeMjG__palette option{background:#191b1e}.icon-playground-module__JFeMjG__message{text-align:center;position:absolute;top:40%;left:15%;right:15%}.icon-playground-module__JFeMjG__downloads{color:#acb1b9;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;top:24px;right:24px}.icon-playground-module__JFeMjG__downloads button{border:0;min-width:0;padding:0}.icon-playground-module__JFeMjG__downloads :is(a,button):hover{color:#fff}@media (max-width:520px){.icon-playground-module__JFeMjG__controls{flex-wrap:wrap;gap:18px}.icon-playground-module__JFeMjG__speed{width:150px}.icon-playground-module__JFeMjG__viewport{bottom:135px}}