@property --scrollbg{syntax:"<color>";inherits:true;initial-value:#fff0}.page-settings__container{xscrollbar-width:thin;transition:--scrollbg .15s}.page-settings__container::-webkit-scrollbar{width:6px}.page-settings__container::-webkit-scrollbar-thumb{background:#ffffff80;background:var(--scrollbg);border-radius:4px}.page-settings__container::-webkit-scrollbar-button:start:increment{background:0 0;height:1.45rem;display:block}.page-settings__container::-webkit-scrollbar-button:end:increment{background:0 0;height:1.45rem;display:block}.page-settings__container:hover,.page-settings__container:active,.page-settings__container:focus{--scrollbg:#ffffff80}@media (prefers-color-scheme:light){.page-settings__container:hover,.page-settings__container:active,.page-settings__container:focus{--scrollbg:#32323280}}:is(.page-settings__container:hover,.page-settings__container:active,.page-settings__container:focus) .dark{--scrollbg:#ffffff80}:is(.page-settings__container:hover,.page-settings__container:active,.page-settings__container:focus) .light{--scrollbg:#32323280}