.control.svelte-3f9yfn.svelte-3f9yfn{background:rgba(var(--light-a-rgb),.5);border:1px solid rgba(var(--light-d-rgb),.33);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:var(--font-xxs);gap:1rem;height:2.5rem;justify-content:space-between;margin:auto;max-width:100%;padding:2px 15px;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width,100%)}.control.svelte-3f9yfn label.svelte-3f9yfn,.control.svelte-3f9yfn.svelte-3f9yfn{align-items:center;display:flex}.control.svelte-3f9yfn label.svelte-3f9yfn{color:var(--dark-d);height:100%;letter-spacing:1px;margin:auto 0;position:relative;text-transform:lowercase;transition:.15s;width:25%}.control.svelte-3f9yfn:hover label.svelte-3f9yfn{color:var(--dark-a)}.range.svelte-3f9yfn.svelte-3f9yfn{padding:18px 0;width:100%}.range.fullWidth.svelte-3f9yfn.svelte-3f9yfn{width:80%}.range.mobile.svelte-3f9yfn.svelte-3f9yfn{width:60%}.keyboard.svelte-sqjdln.svelte-sqjdln{display:flex;flex-direction:column;height:var(--height);max-width:95vw;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.keys.svelte-sqjdln.svelte-sqjdln{justify-content:space-evenly}.key.svelte-sqjdln.svelte-sqjdln,.keys.svelte-sqjdln.svelte-sqjdln{display:flex;height:100%}.key.svelte-sqjdln.svelte-sqjdln{align-items:flex-end;background:#f5f5f5;border-radius:.25rem;cursor:pointer;font-weight:800;justify-content:center;overflow-x:hidden;padding-bottom:1rem}.key.black.svelte-sqjdln.svelte-sqjdln{background:var(--theme-b,#151515);box-shadow:inset 0 -.2rem .1rem .05rem #48484880,inset 0 -.3rem .1rem .2rem #2f2f2f80,inset 0 -.2rem 0 .2rem #62626280;color:#bdbdbd;font-size:var(--font-xxs);transform:translate(-45%,24%);width:5%;z-index:2}.key.white.svelte-sqjdln.svelte-sqjdln{background:var(--theme-a,#f5f5f5);box-shadow:0 0 .5rem #0000001a,inset 1px -1px .25rem #00000040;color:#4d4d4d;font-size:var(--font-xs);height:150%;transform:translateY(-50%);width:100%}.key.svelte-sqjdln .text.svelte-sqjdln{align-items:center;display:flex;flex-direction:column;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key.svelte-sqjdln .text .code.svelte-sqjdln{font-family:monospace;font-weight:400;transform:translateY(2px)}.key.active.svelte-sqjdln.svelte-sqjdln{background:var(--brand-a);border-color:var(--brand-a);box-shadow:inset 0 -.2rem .3rem .05rem #4848481a,inset 0 -.3rem .4rem .2rem #2f2f2f1a,inset 0 -.15rem 0 .2rem #4848481a;color:#151515}.colors.svelte-1ssvu5v.svelte-1ssvu5v{align-items:center;background:var(--light-b);border-radius:var(--radius-sm);display:flex;height:1.8rem;justify-content:space-around;overflow:hidden;width:100%}.colors.svelte-1ssvu5v input.svelte-1ssvu5v{all:unset;align-items:center;border:none!important;border-radius:var(--radius);color:var(--light-b);cursor:pointer;display:flex;height:100%;outline:none!important;transition:.1s;width:42%}.colors.svelte-1ssvu5v input.svelte-1ssvu5v::-webkit-color-swatch{-webkit-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--radius);box-shadow:var(--shadow-sm) inset;outline:none!important}.colors.svelte-1ssvu5v input.svelte-1ssvu5v:hover{background:var(--light-c);color:var(--brand-a)}.colors.svelte-1ssvu5v input.mobile.svelte-1ssvu5v{height:75%;width:33%}.checkbox.svelte-6zds6y.svelte-6zds6y{align-items:center;background:var(--light-b);border-radius:var(--radius-sm);display:flex;justify-content:center;overflow:hidden;width:100%}.checkbox.svelte-6zds6y button.svelte-6zds6y{all:unset;align-items:center;color:var(--light-b);cursor:pointer;display:flex;justify-content:center;transition:.1s;width:50%}.checkbox.svelte-6zds6y button.active.svelte-6zds6y,.checkbox.svelte-6zds6y button.svelte-6zds6y:hover{background:var(--light-c);color:var(--brand-a)}.checkbox.svelte-6zds6y .checked.svelte-6zds6y{border-left:1px solid var(--light-d)}.checkbox.svelte-6zds6y .unchecked.svelte-6zds6y{border-right:1px solid var(--light-d)}.range.svelte-1uh651n.svelte-1uh651n{background:none;display:flex;pointer-events:all;position:relative;width:100%}.range.svelte-1uh651n.svelte-1uh651n:focus{outline:none}.range.svelte-1uh651n:hover .track.svelte-1uh651n{border-color:var(--light-d)}.track.svelte-1uh651n.svelte-1uh651n{background:var(--light-c);border:.2px solid var(--light-c);border-radius:50px;cursor:pointer;height:15px;transition:.2s;width:100%}.thumb.svelte-1uh651n.svelte-1uh651n{background-image:linear-gradient(to right,var(--light-c) 0,var(--brand-a) 50%,var(--light-c) 100%);border-radius:5px;bottom:0;cursor:grab;height:var(--thumb-height,100%);margin:auto;position:absolute;top:0;transition:background .3s;width:var(--thumb-width)}.thumb.svelte-1uh651n.svelte-1uh651n:focus::-webkit-slider-thumb{background:var(--brand-a)}.settings.svelte-vb5c4z{display:flex;flex-direction:row;gap:.5rem;margin:0 auto;min-height:10rem;width:clamp(10rem,35rem,95vw)}.range.svelte-vb5c4z{width:125%}.bool.svelte-vb5c4z,.range.svelte-vb5c4z{display:flex;flex-direction:column}.bool.svelte-vb5c4z{width:75%}section.svelte-btpe84{max-width:95vw;pointer-events:none;position:relative;transform:translateY(-1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.subsection.svelte-btpe84{color:var(--dark-d);padding:1rem .5rem;text-align:center;width:-moz-fit-content;width:fit-content}.keys.svelte-btpe84,.subsection.svelte-btpe84{align-items:center;display:flex;gap:1rem}.keys.svelte-btpe84{flex-direction:row;justify-content:space-around;width:100%}.key.svelte-btpe84{align-items:center;background-color:var(--dark-a);border-radius:var(--radius-sm);box-shadow:0 0 .125rem .25rem rgba(var(--brand-a-rgb),.5) inset;color:var(--light-a);cursor:pointer;display:flex;filter:saturate(0);font-size:var(--font-md);font-weight:700;height:2rem;justify-content:center;pointer-events:all;transform:scale(1);transition:.2s;width:2rem}.key.active.svelte-btpe84{background-color:var(--brand-a);filter:saturate(1);transform:scale(.9)}.cells.svelte-btpe84{align-items:center;display:flex;flex-direction:column-reverse;gap:.1rem;height:100%;justify-content:space-between}.cell.svelte-btpe84{background:var(--light-d);border-radius:.1rem;font-size:.25rem;height:.4rem;width:.4rem}.cell.middle.svelte-btpe84{background:var(--light-c)}.cell.active.svelte-btpe84{background:var(--brand-a)}.keyboard.svelte-14y0n6a{margin:auto;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}pre.svelte-14y0n6a{align-items:center;border-radius:var(--radius);bottom:0;color:var(--light-d);display:flex;filter:contrast(1.1);font-size:var(--font-xxs);left:1rem;margin:0;min-height:7.75rem;overflow-x:hidden;position:fixed;width:100vw;z-index:2}.active-keys.svelte-14y0n6a{display:flex;gap:2rem}.copy.svelte-1wirohs.svelte-1wirohs{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--light-a);border-radius:var(--radius);cursor:pointer;display:flex;height:100%;outline:1px solid transparent;overflow:visible;overflow:hidden;padding:.25rem .5rem;pointer-events:all;position:relative;transition:.15s;width:-moz-max-content;width:max-content;width:100%}.copy.svelte-1wirohs .copy-text.svelte-1wirohs,.copy.svelte-1wirohs .svelte-1wirohs{pointer-events:none}.copy.svelte-1wirohs .copy-icon.svelte-1wirohs{color:var(--dark-a);height:1rem;inset:0;margin:auto;opacity:0;position:absolute;transition:.15s;width:-moz-fit-content;width:fit-content}.copy.svelte-1wirohs.svelte-1wirohs:hover{outline-color:var(--light-d)}.copy.svelte-1wirohs:hover .copy-text.svelte-1wirohs{opacity:.25}.copy.svelte-1wirohs:hover .copy-icon.svelte-1wirohs{opacity:.75}.copy.copied.svelte-1wirohs.svelte-1wirohs{outline-color:transparent}.copy.copied.svelte-1wirohs .copy-text.svelte-1wirohs{opacity:1}.copy.copied.svelte-1wirohs .copy-icon.svelte-1wirohs{opacity:0}.copy.svelte-1wirohs .copied.svelte-1wirohs{align-items:center;background:rgba(var(--light-a-rgb),.95);border-radius:var(--radius);color:#90ee90;display:flex;font-size:var(--font-xs);height:100%;inset:0;justify-content:center;margin:auto;padding:1rem;position:absolute;text-shadow:0 0 1rem rgba(145,238,145,.5);width:100%;z-index:3}.install.svelte-fxkpup{box-shadow:var(--shadow-sm);margin:1rem auto 2rem;width:-moz-fit-content;width:fit-content}pre.svelte-fxkpup{color:var(--brand-a);font-family:monospace;font-size:var(--font-xs);margin:auto;pointer-events:none}html[theme=light] pre.svelte-fxkpup{filter:brightness(.5)}pre.svelte-sozsyb.svelte-sozsyb{animation:svelte-sozsyb-screenOn .75s cubic-bezier(.49,.05,.09,1.02) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--light-a-rgb),.9);border-radius:var(--radius);inset:0;bottom:20%;box-shadow:var(--shadow);color:var(--dark-d);cursor:grab;display:flex;font-size:var(--font-sm);margin:auto;padding:1rem;position:fixed;top:unset;width:-moz-fit-content;width:fit-content;z-index:0}pre.svelte-sozsyb.svelte-sozsyb:active,pre.svelte-sozsyb.svelte-sozsyb:focus{cursor:grabbing}pre.svelte-sozsyb span.svelte-sozsyb{cursor:pointer}pre.svelte-sozsyb span.svelte-sozsyb .copy{background-color:transparent;background:transparent}pre.mobile.svelte-sozsyb.svelte-sozsyb{bottom:1rem;left:unset;right:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}pre.mobile.svelte-sozsyb span.svelte-sozsyb{font-size:.7rem!important}@keyframes svelte-sozsyb-screenOn{0%{-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0);opacity:0}to{-webkit-clip-path:inset(0);clip-path:inset(0);opacity:1}}.element{color:#ef602b}.styleprop{color:var(--brand-a)}.operator{color:#334758}.string{color:#b0ab60}.curlyboi{color:#334758}.options{color:var(--dark-d)}.value{color:#9860b0}.page.svelte-1yjqs8j{align-items:center;display:flex;flex-direction:column}