.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}