:root{--header-height:4rem}.scrollbar{overflow:auto;--scrollbar-track-color:hsl(240 4.8% 95.9%);--scrollbar-thumb-color:hsl(240 3.8% 46.1%);&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{margin:10px}&::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:8px}&.no-margin::-webkit-scrollbar-track{margin:0}&.not-there::-webkit-scrollbar,&.not-there::-webkit-scrollbar-track{display:none}}.emoji-picker-container .epr-body::-webkit-scrollbar{width:8px}.emoji-picker-container .epr-body::-webkit-scrollbar-track{background:hsl(var(--background))}.emoji-picker-container .epr-body::-webkit-scrollbar-thumb{background-color:hsl(var(--muted));border-radius:20px}.emoji-picker-container .epr-body::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground)/.5)}.emoji-picker-container .epr-category-nav{padding:8px 0}.emoji-picker-container .epr-header{border-bottom:1px solid hsl(var(--border))}.emoji-picker-container .epr-emoji-category-label{background-color:hsl(var(--background));font-size:.875rem;color:hsl(var(--muted-foreground));padding:4px 8px}.emoji-picker-container .epr-search{margin:8px;border-radius:var(--radius);border:1px solid hsl(var(--input));background-color:hsl(var(--background))}.emoji-picker-container .epr-search input{border-radius:var(--radius);background-color:transparent;color:hsl(var(--foreground))}.emoji-picker-container .epr-emoji-category-content{padding:4px}.emoji-picker-container .epr-body{padding:0}.emoji-picker-container .epr-skin-tones,.emoji-picker-container button.epr-emoji{border-radius:var(--radius)}.emoji-picker-container button.epr-emoji:hover{background-color:hsl(var(--accent))}.emoji-picker-container .epr-category-nav button{opacity:.5}.emoji-picker-container .epr-category-nav button.active{opacity:1}.emoji-picker-container .epr-category-nav button:hover{opacity:.8}