:root{--scrollbar-width:5px;--scrollbar-track-color:#f1f1f1;--scrollbar-thumb-color:#888;--scrollbar-thumb-hover-color:#555;--animation-duration:0.5s}.theme--dark{--primary:#d8dee9}.theme--light{--primary:#4c566a}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.fade-in{animation:fadeIn var(--animation-duration) ease-in}.slide-fade-in{animation:slideFadeIn var(--animation-duration) ease-out}.slide-down-fade-in{animation:slideDownFadeIn var(--animation-duration) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFadeIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}