.menu-items.svelte-11wv3hh{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:100px;grid-gap:10px;justify-content:center}@media screen and (max-height: 600px){.menu-items.svelte-11wv3hh{transform:scale(.7)}}@media screen and (min-width: 750px){.menu-items.svelte-11wv3hh{grid-template-columns:repeat(3,180px);grid-auto-rows:180px;grid-gap:50px}}@media screen and (min-width: 1200px){.menu-items.svelte-11wv3hh{grid-template-columns:repeat(3,180px);grid-auto-rows:180px;grid-gap:60px}}@media screen and (min-width: 1280px){.menu-items.svelte-11wv3hh{grid-template-columns:repeat(3,200px);grid-auto-rows:180px;grid-gap:80px}}.input-control-wrapper.svelte-h9habm.svelte-h9habm{display:flex;justify-content:flex-end;align-items:center;padding-right:10px}.toggle.svelte-h9habm.svelte-h9habm{width:calc(var(--inline-input-size) * 2);height:50px;display:flex;justify-content:flex-start;background:white;border-radius:25px}.toggle-position.svelte-h9habm.svelte-h9habm{position:relative;border-radius:100%;left:0;border:solid thin lightgray;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:#0003 0 4px 8px,#0003 0 7px 13px 4px,#0003 0 -4px inset}.toggle[data-value=true].svelte-h9habm .toggle-position.svelte-h9habm{left:50%}@media screen and (min-width: 1200px){.toggle.svelte-h9habm.svelte-h9habm{width:calc(var(--toggle-track-height-2) * 2);height:var(--toggle-track-height-2);border-radius:calc(var(--inline-input-size-3) * .65)}.input-control-wrapper.svelte-h9habm.svelte-h9habm{padding-right:30px}}.view-layout.svelte-otsk4i{width:100%;height:auto}.colour-options.svelte-otsk4i{gap:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,100px);width:100%}.colour-settings.svelte-otsk4i{display:grid;grid-template-rows:auto auto;grid-gap:40px;height:100%;width:100%}.colour-output.svelte-otsk4i{border:solid thin gray;border-radius:18px;width:calc(100% + -0px);height:auto;padding:10px;display:grid;grid-template-rows:auto 1fr;grid-gap:20px;background:whitesmoke}.colours.svelte-otsk4i{gap:10px;display:flex;justify-content:flex-end}.colour.svelte-otsk4i{height:30px;width:30px;border-radius:30px}.colour-options.svelte-otsk4i{height:150px}.active-name.svelte-otsk4i{font-size:18pt;color:var(--off-black-0)}.palette-image-preview.svelte-otsk4i{height:auto;padding:0;width:100%;opacity:1;border-radius:8px;gap:10px;display:grid;grid-template-columns:repeat(3,calc(33% - 5px));grid-template-rows:100px 100px;justify-content:center;align-items:center}.demo-button.svelte-otsk4i{width:100%;height:60px;display:flex;justify-content:center;align-items:center;background-color:var(--off-black-0);border-radius:14px;box-shadow:var(--box-shadow-a)}.demo-button.active.svelte-otsk4i{background-color:var(--active-colour)}.demo-button.destructive.svelte-otsk4i{background-color:var(--destructive-colour)}.demo-button.highlighted.svelte-otsk4i{background-color:var(--off-black-0);border:solid 4px var(--highlight-colour)}.demo-button.cta.svelte-otsk4i{background-color:var(--cta-colour)}.demo-button.disabled.svelte-otsk4i{background-color:gray}@media screen and (min-width: 750px){.colour-settings.svelte-otsk4i{grid-template-rows:auto 150px}.view-layout.svelte-otsk4i{width:100%;height:calc(100% - 212px)}.colour-output.svelte-otsk4i{max-width:100%;height:auto;display:grid;gap:30px;padding:30px}.palette-image-preview.svelte-otsk4i{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:120px 120px;justify-content:center;gap:10px}}@media screen and (min-width: 1280px){.view-layout.svelte-otsk4i{width:100%;height:100%}.demo-button.svelte-otsk4i{height:100%}.palette-image-preview.svelte-otsk4i{grid-template-columns:repeat(3,1fr);grid-template-rows:100px 100px}.colour-settings.svelte-otsk4i{grid-template-rows:auto 100px}.colour-options.svelte-otsk4i{grid-template-columns:repeat(4,200px);grid-template-rows:100px;height:auto}.demo-button.svelte-otsk4i{border-radius:10px}}.volume.svelte-xnd68i{gap:20px}.audio-output-controller.svelte-xnd68i{width:100%;height:auto}.volume-buttons.svelte-xnd68i{display:grid;grid-template-columns:180px 1fr 180px;grid-template-rows:130px;grid-gap:10px;width:100%;padding:10px;border-radius:12px;background:rgba(250,250,250,.1)}.volume-buttons[data-use-minmax=true].svelte-xnd68i{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:40px}@media screen and (min-width: 1280px){.volume-buttons[data-use-minmax=true].svelte-xnd68i{gap:60px}}@media screen and (min-width: 1440px){.volume-buttons[data-use-minmax=true].svelte-xnd68i{grid-template-columns:150px 150px 1fr 150px 150px;gap:80px}}.volume-output.svelte-xnd68i{width:100%;font-size:38pt;color:#fff}.name.svelte-xnd68i{color:#fff;font-size:22pt;text-align:center;margin-bottom:40px}.setting-category-layout.svelte-1k75um3{display:flex!important;align-items:center;justify-content:center;height:100%;width:600px;min-width:600px}@media screen and (min-width: 1200px){.setting-category-layout.svelte-1k75um3{width:950px;max-width:950px}}@media screen and (min-width: 1440px){.setting-category-layout.svelte-1k75um3{width:1100px;max-width:1100px}}.audio-settings.svelte-1k75um3{display:grid;grid-template-rows:auto auto;grid-gap:40px;width:100%}.setting-category-layout[data-fill=true].svelte-1k75um3{width:100%;max-width:98vw}.buttons-wrapper.svelte-9k52fa{gap:15px;width:200px;height:100%;display:grid;grid-template-columns:1fr}@media screen and (min-width: 1080px){.buttons-wrapper.svelte-9k52fa{gap:60px}}.menu-layout.svelte-9k52fa{display:grid;grid-template-columns:auto 1fr;grid-gap:80px;padding:0;align-items:center;height:500px;width:700px}.last-pressed.svelte-bnbu6x.svelte-bnbu6x{gap:35px;background:white;width:100%;height:100%;padding:50px;border-radius:6px}p.output.svelte-bnbu6x.svelte-bnbu6x{font-size:2em}p.svelte-bnbu6x span.svelte-bnbu6x{display:inline;padding:0;margin:0}span.output{color:red!important}p.svelte-bnbu6x.svelte-bnbu6x{color:#000;text-align:center}.instructions.svelte-bnbu6x.svelte-bnbu6x{max-width:500px;text-align:center}.last-pressed.svelte-uxoxeu.svelte-uxoxeu{gap:35px;background:white;width:100%;height:100%;padding:50px;border-radius:6px}p.output.svelte-uxoxeu.svelte-uxoxeu{font-size:2em}p.svelte-uxoxeu span.svelte-uxoxeu{color:red}p.svelte-uxoxeu.svelte-uxoxeu{color:#000;text-align:center}.instructions.svelte-uxoxeu.svelte-uxoxeu{max-width:500px;text-align:center}.last-pressed.svelte-17iovhn{gap:35px;background:white;width:100%;height:100%;padding:50px;border-radius:6px}p.output.svelte-17iovhn{font-size:2em}span.output{color:red}p.svelte-17iovhn{color:#000;text-align:center}.instructions.svelte-17iovhn{max-width:500px;text-align:center}.counter.svelte-43ntdv{display:grid;grid-template-columns:50px 1fr 50px;grid-gap:10px;max-height:50px;align-content:center}@media screen and (max-height: 600px){.counter.svelte-43ntdv{align-content:unset!important}}input.svelte-43ntdv{height:1px;width:1px;opacity:0;position:fixed;top:-9999px;left:-9999px}.current-value.svelte-43ntdv{display:flex;justify-content:center;align-items:center;color:var(--black)}@media screen and (min-width: 750px){.counter.svelte-43ntdv{grid-template-columns:var(--counter-2) 1fr var(--counter-2);max-height:var(--counter-2)}}@media screen and (min-width: 1280px){:root{--counter-button-tablet:calc(var(--counter-3) * 1.5) }.counter.svelte-43ntdv{grid-template-columns:var(--counter-button-tablet) 1fr var(--counter-button-tablet);grid-template-rows:100%;max-height:100%;height:100%}.current-value.svelte-43ntdv{font-size:2em}}@media screen and (min-width: 1376px){.counter.svelte-43ntdv{max-height:140px}}.options.svelte-1cuez6f{position:relative;height:auto;gap:15px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:var(--inline-input-size);width:100%}.option-wrapper.svelte-1cuez6f{width:100%;height:100%}@media screen and (max-height: 600px){.options.svelte-1cuez6f{grid-template-rows:70px!important;height:70px!important}}@media screen and (min-width: 750px){.options.svelte-1cuez6f{height:var(--inline-input-size-2);grid-template-rows:var(--inline-input-size-2)}}@media screen and (min-width: 1080px){.options.svelte-1cuez6f{height:100%;grid-template-rows:100%;grid-gap:60px}}@media screen and (min-width: 1376px){.options.svelte-1cuez6f{max-height:160px}}.settings-menu-list-select.svelte-bnd0p0.svelte-bnd0p0{background:lightgray;padding:10px;border-radius:8px;display:grid;grid-template-columns:1fr;grid-template-rows:80px auto;justify-content:center;justify-items:center;align-content:center;align-items:center;grid-gap:10px;min-height:60px;width:100%;position:relative}.settings-menu-list-select.svelte-bnd0p0 .top.svelte-bnd0p0{display:grid;grid-template-columns:40px 1fr calc(50% - 50px);justify-content:center;justify-items:center;align-content:center;align-items:center;grid-gap:10px;width:100%}.settings-menu-list-select[data-disabled=true].svelte-bnd0p0.svelte-bnd0p0{opacity:.6}.settings-menu-list-select.svelte-bnd0p0 .options.svelte-bnd0p0{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(25vw,100%));grid-auto-rows:50px;grid-gap:10px}@media screen and (min-width: 750px){.settings-menu-list-select.svelte-bnd0p0 .options.svelte-bnd0p0{grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(90px,auto)}.settings-menu-list-select.svelte-bnd0p0 .top.svelte-bnd0p0{grid-template-columns:70px 1fr calc(50% - 50px)}}@media screen and (min-width: 1280px){.settings-menu-list-select.svelte-bnd0p0.svelte-bnd0p0{height:auto;grid-template-rows:repeat(2,auto);grid-gap:40px;padding:20px}.settings-menu-list-select.svelte-bnd0p0 .options.svelte-bnd0p0{grid-template-rows:140px;grid-gap:40px}.settings-menu-list-select.svelte-bnd0p0 .top.svelte-bnd0p0{grid-template-columns:.28fr 1fr;grid-template-rows:140px;grid-gap:40px}}.top.svelte-bnd0p0.svelte-bnd0p0{font-size:1.8rem}.setting-group.svelte-ndzdvn.svelte-ndzdvn{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.setting-group[data-use-grid=true].svelte-ndzdvn.svelte-ndzdvn{display:grid;grid-template-columns:1fr}.settings-group-section.svelte-ndzdvn.svelte-ndzdvn{width:100%;display:grid;grid-template-columns:1fr;grid-gap:10px}.svelte-ndzdvn:not([data-paginate-all="true"]) .setting.svelte-ndzdvn{height:100%}.svelte-ndzdvn:not([data-paginate-all="true"]) .setting.svelte-ndzdvn{height:fit-content}.page-buttons.svelte-ndzdvn.svelte-ndzdvn{display:flex;gap:100px;justify-content:center;align-items:center}@media screen and (max-height: 600px){.page-buttons.svelte-ndzdvn.svelte-ndzdvn{transform:scale(.8)}}.page-button.svelte-ndzdvn.svelte-ndzdvn{height:120px;width:120px}.sub-section-title.svelte-ndzdvn.svelte-ndzdvn{font-size:1.1em;color:#fff;margin:20px 0}@media screen and (min-width: 1080px){.setting-group.svelte-ndzdvn.svelte-ndzdvn{min-width:600px;max-width:700px}}@media screen and (min-width: 1280px){.setting-group.svelte-ndzdvn.svelte-ndzdvn{width:calc(100vw - 250px);max-width:unset;display:grid;grid-template-columns:90%;grid-auto-rows:minmax(calc(((720px - 140px) / 3) - 20px),auto);align-items:stretch}.settings-group-section.svelte-ndzdvn.svelte-ndzdvn{grid-gap:50px;position:relative;align-items:stretch;grid-auto-rows:auto;align-content:center}.setting-group[data-use-grid=true].svelte-ndzdvn.svelte-ndzdvn{align-items:stretch;grid-gap:40px;grid-template-columns:calc(((100vw - 40px) / 6) * 4);grid-template-rows:calc(100vh - 220px)}.setting-group[data-paginate-all=true].svelte-ndzdvn.svelte-ndzdvn{align-items:center}.page-buttons.svelte-ndzdvn.svelte-ndzdvn{position:absolute;bottom:0;left:0;right:0;height:80px}.current-page.svelte-ndzdvn.svelte-ndzdvn{font-size:1.3em}.page-button.svelte-ndzdvn.svelte-ndzdvn{position:fixed;top:calc((100vh - 120px)/2 + 30px);height:140px;width:140px}.page-button.svelte-ndzdvn.svelte-ndzdvn:first-child{left:10px}.page-button.svelte-ndzdvn.svelte-ndzdvn:last-child{right:10px}}@media screen and (min-width: 1376px){.settings-group-section.svelte-ndzdvn.svelte-ndzdvn{grid-gap:40px}}.menu-layout.svelte-1bi6322{display:grid;grid-template-columns:1fr;grid-gap:80px;padding:0 40px 0 0;align-items:center;height:100%;width:100%}