.settings-panel{background-color:#f7f9f7;height:100%;max-height:100%;transition:width .2s,position .2s;position:relative;overflow:hidden}.settings-panel .settings-panel-mobile-header{display:none}.settings-panel .settings-panel-overlay{flex-direction:column;max-height:100%;display:flex;overflow:auto}.settings-panel .settings-panel-content{width:20em;overflow:auto}.settings-panel .settings-panel-content::-webkit-scrollbar{width:5px}.settings-panel .settings-panel-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.settings-panel .settings-panel-content::-webkit-scrollbar-thumb{background-color:#778da9aa;background-clip:content-box;border:0 solid #0000;border-radius:5px}.settings-panel .settings-panel-content::-webkit-scrollbar-thumb:hover{background-color:#778da9}.settings-panel .settings-panel-trigger{z-index:999;width:3em;height:3em;bottom:5em;top:unset;transition:top .15s linear,bottom .15s linear;position:absolute;right:-5em}.settings-panel .settings-panel-trigger button{cursor:pointer;color:#f7f9f7;background-color:#d2ae37;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0 .5em;font-size:1.25em;display:flex}.settings-panel.settings-panel-state--closed{width:0}@media screen and (max-width:1000px){.settings-panel{z-index:1001;position:fixed;top:0;bottom:0;left:0}.settings-panel .settings-panel-mobile-header{color:#f7f9f7;background-color:#2d6245;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:1em;height:3rem;display:flex}.settings-panel .settings-panel-mobile-header .mobile-trigger-settings{width:3rem}.settings-panel .settings-panel-mobile-header h2{flex:1;margin:0;padding:0 1em;font-size:1.5em;font-weight:500}.settings-panel .settings-panel-trigger{display:none}.settings-panel.settings-panel-state--default,.settings-panel.settings-panel-state--closed{width:0}.settings-panel.settings-panel-state--open,.settings-panel.settings-panel-state--open .settings-panel-overlay .settings-panel-content{width:100%}}
.mobile-trigger-settings{color:#f7f9f7;background-color:#d2ae37;justify-content:center;align-items:center;width:4rem;height:100%;font-size:1.5rem;display:flex}.mobile-trigger-settings.active{color:#f7f9f7;background-color:#221d1c}
.toggle-switch{--toggle-switch-track-color:#778da92e;--toggle-switch-track-color-active:#d2ae37;--toggle-switch-track-border:#221d1c2e;--toggle-switch-track-border-active:#d2ae37;--toggle-switch-thumb-color:#f7f9f7;--toggle-switch-focus-ring:#2d624538;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;block-size:1.1rem;inline-size:1.9rem;display:inline-flex;position:relative}.toggle-switch__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.toggle-switch__track{border:1px solid var(--toggle-switch-track-border);background-color:var(--toggle-switch-track-color);box-sizing:border-box;border-radius:999px;align-items:center;block-size:100%;inline-size:100%;padding:.12rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.toggle-switch__thumb{background-color:var(--toggle-switch-thumb-color);border-radius:50%;block-size:.72rem;inline-size:.72rem;transition:transform .15s;display:block;box-shadow:0 1px 2px #221d1c40}.toggle-switch__input:checked+.toggle-switch__track{background-color:var(--toggle-switch-track-color-active);border-color:var(--toggle-switch-track-border-active)}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(.8rem)}.toggle-switch__input:focus-visible+.toggle-switch__track{box-shadow:0 0 0 3px var(--toggle-switch-focus-ring)}.toggle-switch__input:disabled+.toggle-switch__track{opacity:.6}.toggle-switch--disabled{cursor:not-allowed}