.scrollbar{--size: 20px;--dark-background: #343a52;--purple-background: #c0caff;--border-style: solid;--border-size: calc(var(--size) / 2);height:100%}.scrollbar::-webkit-scrollbar{width:var(--size);height:var(--size);padding-left:1rem}.scrollbar::-webkit-scrollbar-thumb:vertical{border-right:var(--border-size) var(--border-style) var(--dark-background)}.scrollbar::-webkit-scrollbar-thumb:horizontal{border-bottom:var(--border-size) var(--border-style) var(--dark-background)}.scrollbar-purple::-webkit-scrollbar-thumb:hover{border-color:#a8b6ff}.scrollbar-dark::-webkit-scrollbar-thumb:hover{border-color:#4e5675}@media (max-width: 480px){.scrollbar{--size: 12px;padding-right:.2rem}}