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