.settingspanel.svelte-1hdo8of.svelte-1hdo8of{position:fixed;background-color:black;left:25%;top:25%;width:50%;height:50%;border-radius:5px;border:1px solid white;padding:1rem;display:none;grid-template-rows:[head-start] 2.5rem [head-end contents-start] 2fr [contents-end]}.settingspanel.showSettings.svelte-1hdo8of.svelte-1hdo8of{display:grid;grid-gap:1rem}.settingspanel.svelte-1hdo8of .contents.svelte-1hdo8of{grid-row:contents;display:grid;grid-template-columns:1fr 2fr;overflow:hidden;user-select:none}.settingspanel.svelte-1hdo8of .contents .nav.svelte-1hdo8of{font-size:1.1rem;display:grid;grid-auto-rows:max-content;grid-gap:5px;align-items:center;justify-items:center;grid-auto-flow:row}.settingspanel.svelte-1hdo8of .contents .nav .active.svelte-1hdo8of{background-color:rgba(255, 255, 255, 0.2);border-bottom:3px solid white}.settingspanel.svelte-1hdo8of .contents .nav div.svelte-1hdo8of,.settingspanel.svelte-1hdo8of .contents .nav button.svelte-1hdo8of{padding:0.5rem 1rem;border-bottom:3px solid rgba(0, 0, 0, 0);width:100%;height:100%;cursor:pointer;background:none;border:none;color:inherit;font-size:inherit;text-align:center}@media not all and (pointer: coarse){.settingspanel.svelte-1hdo8of .contents .nav div.svelte-1hdo8of:hover,.settingspanel.svelte-1hdo8of .contents .nav button.svelte-1hdo8of:hover{background-color:rgba(255, 255, 255, 0.2);border-bottom:3px solid white}}.settingspanel.svelte-1hdo8of .contents .options.svelte-1hdo8of{background-color:rgba(0, 0, 0, 0);border-left:1px solid white;overflow:auto}.settingspanel.svelte-1hdo8of .contents .options .option.svelte-1hdo8of{display:none;padding:0rem 1rem}.settingspanel.svelte-1hdo8of .contents .options .option .item.svelte-1hdo8of{padding:0.5rem;margin:0.5rem 0}.settingspanel.svelte-1hdo8of .contents .options .option .item .text.svelte-1hdo8of{margin-right:10px}.settingspanel.svelte-1hdo8of .contents .options .option .item .key.svelte-1hdo8of{color:#f9ab00;margin:0 4px;border:1px solid #f9ab00;border-radius:3px;padding:4px 5px}.settingspanel.svelte-1hdo8of .contents .options .option .item .input input.svelte-1hdo8of{border:1px solid white;background-color:rgba(0, 0, 0, 0);color:white;padding:5px;width:100px}.settingspanel.svelte-1hdo8of .contents .options .option .item .button.svelte-1hdo8of,.settingspanel.svelte-1hdo8of .contents .options .option .item button.button.svelte-1hdo8of{border:1px solid white;margin:0 5px;padding:5px;border-radius:3px;background:none;color:inherit;font-size:inherit;cursor:pointer}@media not all and (pointer: coarse){.settingspanel.svelte-1hdo8of .contents .options .option .item .button.svelte-1hdo8of:hover,.settingspanel.svelte-1hdo8of .contents .options .option .item button.button.svelte-1hdo8of:hover{background-color:white;color:black}}.settingspanel.svelte-1hdo8of .contents .options .active.svelte-1hdo8of{display:block}.settingspanel.svelte-1hdo8of .close.svelte-1hdo8of,.settingspanel.svelte-1hdo8of button.close.svelte-1hdo8of{position:absolute;top:1rem;color:rgba(255, 255, 255, 0.6);cursor:pointer;right:1rem;background:none;border:none;padding:0;font-size:inherit}@media not all and (pointer: coarse){.settingspanel.svelte-1hdo8of .close.svelte-1hdo8of:hover,.settingspanel.svelte-1hdo8of button.close.svelte-1hdo8of:hover{color:white}}.settingspanel.svelte-1hdo8of .head.svelte-1hdo8of{font-size:1.5rem;align-self:center}.settingspanel.svelte-1hdo8of .head.svelte-1hdo8of svg{position:relative;top:3px;margin-right:10px}@media(max-width: 1600px){.settingspanel.svelte-1hdo8of.svelte-1hdo8of{width:80%;left:10%}}@media(max-width: 1000px){.settingspanel.svelte-1hdo8of.svelte-1hdo8of{width:90%;left:5%}}@media(max-width: 800px){.settingspanel.svelte-1hdo8of .contents.svelte-1hdo8of{grid-template-rows:3rem auto;grid-template-columns:unset}.settingspanel.svelte-1hdo8of .contents .nav.svelte-1hdo8of{grid-auto-flow:column;grid-auto-rows:unset;grid-auto-columns:max-content}.settingspanel.svelte-1hdo8of .contents .options.svelte-1hdo8of{border-left-width:0px;border-top:1px solid white}.settingspanel.svelte-1hdo8of .contents .options .option.svelte-1hdo8of{padding:0}}
