.switch.svelte-h1qhwm{width:60px;height:34px;display:inline-block;position:relative}.switch.svelte-h1qhwm input:where(.svelte-h1qhwm){opacity:0;width:0;height:0}.slider.svelte-h1qhwm{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider.svelte-h1qhwm:before{content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input.svelte-h1qhwm:checked+.slider:where(.svelte-h1qhwm){background-color:var(--button-color)}input.svelte-h1qhwm:focus+.slider:where(.svelte-h1qhwm){box-shadow:0 0 1px var(--button-color)}input.svelte-h1qhwm:checked+.slider:where(.svelte-h1qhwm):before{transform:translate(26px)}.slider.round.svelte-h1qhwm{border-radius:34px}.slider.round.svelte-h1qhwm:before{border-radius:50%}.settings.svelte-1shtd9o .settings-rows:where(.svelte-1shtd9o){gap:10px;display:grid}.settings.svelte-1shtd9o .settings-rows:where(.svelte-1shtd9o) .setting-row:where(.svelte-1shtd9o){justify-content:space-between;align-items:center;display:flex}.settings.svelte-1shtd9o .settings-rows:where(.svelte-1shtd9o) .setting-row.disabled:where(.svelte-1shtd9o){pointer-events:none;opacity:.3}.settings.svelte-1shtd9o .settings-rows:where(.svelte-1shtd9o) .setting-row:where(.svelte-1shtd9o) .setting-switch:where(.svelte-1shtd9o){flex-shrink:0}.header.svelte-1i43yzn{flex-wrap:wrap;grid-template-columns:1fr auto;align-items:center;column-gap:.5rem;display:grid}.header.svelte-1i43yzn .title:where(.svelte-1i43yzn){line-height:1}.header.svelte-1i43yzn .title:where(.svelte-1i43yzn) a:where(.svelte-1i43yzn){font-size:inherit;color:inherit;text-decoration:none}.header.svelte-1i43yzn .buttons:where(.svelte-1i43yzn){align-items:center;gap:.5rem;display:flex}.header.svelte-1i43yzn .buttons:where(.svelte-1i43yzn) a:where(.svelte-1i43yzn),.header.svelte-1i43yzn .buttons:where(.svelte-1i43yzn) button:where(.svelte-1i43yzn){color:var(--text-color)}.header.svelte-1i43yzn .puzzle-id:where(.svelte-1i43yzn){font-size:large}@media only screen and (width<=440px){.header.svelte-1i43yzn .title:where(.svelte-1i43yzn){font-size:1.8em}}@media only screen and (width<=410px){.header.svelte-1i43yzn .title:where(.svelte-1i43yzn){font-size:1.6em}}@media only screen and (width<=380px){.header.svelte-1i43yzn .title:where(.svelte-1i43yzn){font-size:1.4em}}@media only screen and (width<=350px){.header.svelte-1i43yzn .title:where(.svelte-1i43yzn){font-size:1.2em}}body.dark-mode .header.svelte-1i43yzn .buttons:where(.svelte-1i43yzn) a:where(.svelte-1i43yzn),body.dark-mode .header.svelte-1i43yzn .buttons:where(.svelte-1i43yzn) button:where(.svelte-1i43yzn){color:var(--text-color)}
