.scroll_panel-container{position:-webkit-sticky;position:sticky;top:0;left:0;display:flex;align-items:stretch;flex-direction:column;justify-content:flex-end;grid-row-gap:10px;row-gap:10px;height:100vh;width:100%;padding:3vh 10px;background-color:rgb(var(--color-mono-200));border-right:1px solid rgb(var(--color-mono-300))}@media screen and (max-width:768px){.scroll_panel-container{display:none!important}}.scroll_panel-container section{box-shadow:0 0 1vh rgba(var(--mono-000),.33);background-color:rgb(var(--color-mono-200));border-radius:var(--border-radius);overflow:hidden}.scroll_panel-container hr{background:var(--color-accent-edges-100);margin:0 .75vw}.scroll_panel-messages{text-align:center;padding:1vh 0}.scroll_panel-messages i{width:var(--size-36);height:var(--size-36);fill:rgb(var(--color-mono-500))}.scroll_panel-messages span{color:rgb(var(--color-mono-500));font-weight:700;font-size:var(--font-size-14)}.scroll_panel-mute{padding:10px}.scroll_panel-mute .change{opacity:.25;pointer-events:none}.scroll_panel-mute .active{color:rgb(var(--color-mono-200))!important;background-color:rgb(var(--color-mono-900))!important;-webkit-animation:Mute 1s infinite alternate;animation:Mute 1s infinite alternate}@-webkit-keyframes Mute{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes Mute{0%{transform:scale(.85)}to{transform:scale(1)}}.scroll_panel-mute span{cursor:pointer;display:flex;aspect-ratio:1/1;padding:4px;width:-webkit-min-content;width:-moz-min-content;width:min-content;background-color:rgb(var(--color-mono-200));border:2px solid rgb(var(--color-mono-400));border-radius:100%;opacity:1;margin:auto;transition:all .25s ease-in-out}.scroll_panel-mute span i{width:2.75vh;height:2.75vh;fill:rgb(var(--color-mono-500))}.scroll_panel-switch{display:grid;justify-content:center;grid-row-gap:1vh;row-gap:1vh;color:rgb(var(--color-mono-400));background-color:rgb(var(--color-mono-200));padding:10px 0}.scroll_panel-switch i{width:var(--size-36);height:var(--size-36);fill:rgb(var(--color-mono-500))}.scroll_panel-switch-checker{position:relative;cursor:pointer;height:max(60px,8vh);width:max(24px,max(24px,1.75vw));padding:2px;background-color:rgb(var(--color-mono-300));border:2px solid var(--color-accent-edges-100);border-radius:10rem}.scroll_panel-switch-checker span{position:absolute;top:2px;width:calc(100% - 4px);aspect-ratio:1/1;background-color:rgb(var(--color-mono-900));border-radius:100%;transition-duration:.5s}.scroll_panel-switch .active span{position:absolute;top:calc(100% - max(24px, 1.75vw) + 5px);background-color:rgb(var(--color-mono-900))}.scroll_panel-arrows{grid-row:-1;padding:10px 0;display:grid;justify-content:center;grid-row-gap:1vh;row-gap:1vh}.scroll_panel-arrows i{width:var(--size-48);height:var(--size-48);fill:rgb(var(--color-mono-400));text-align:center;font-size:1.5vw;cursor:pointer;transition-duration:.25s}.scroll_panel-arrows i:hover{fill:rgb(var(--color-mono-900))}.scroll_panel-arrows i:first-of-type{transform:rotate(90deg)}.scroll_panel-arrows i:nth-of-type(2){transform:rotate(-90deg)}