@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.category-btn{color:color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent) ;border-width:1px;border-color:color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.category-btn{color:color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}.dark .category-btn{color:color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in srgb, var(--colors-gray-700) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .category-btn{color:color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-gray-700) var(--un-border-opacity), transparent) }}.category-btn:hover{border-color:color-mix(in srgb, var(--colors-orange-500) 50%, transparent) ;background-color:color-mix(in srgb, var(--colors-gray-50) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.category-btn:hover{border-color:color-mix(in oklab, var(--colors-orange-500) 50%, transparent) ;background-color:color-mix(in oklab, var(--colors-gray-50) var(--un-bg-opacity), transparent) }}.dark .category-btn:hover{border-color:color-mix(in srgb, var(--colors-orange-500) 50%, transparent) ;background-color:color-mix(in srgb, var(--colors-gray-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .category-btn:hover{border-color:color-mix(in oklab, var(--colors-orange-500) 50%, transparent) ;background-color:color-mix(in oklab, var(--colors-gray-800) var(--un-bg-opacity), transparent) }}.category-btn.active-category{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;border-color:color-mix(in srgb, var(--colors-orange-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-orange-600) var(--un-bg-opacity), transparent) ;--un-shadow:0 4px 6px -1px var(--un-shadow-color,#0000001a),0 2px 4px -2px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-shadow-color:color-mix(in srgb, var(--colors-orange-500) 20%, transparent) }@supports (color:color-mix(in lab, red, red)){.category-btn.active-category{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-orange-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-orange-600) var(--un-bg-opacity), transparent) ;--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-orange-500) 20%, transparent) var(--un-shadow-opacity), transparent) }}.category-btn.active-category:hover{background-color:color-mix(in srgb, var(--colors-orange-700) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.category-btn.active-category:hover{background-color:color-mix(in oklab, var(--colors-orange-700) var(--un-bg-opacity), transparent) }}.dark .category-btn.active-category:hover{background-color:color-mix(in srgb, var(--colors-orange-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .category-btn.active-category:hover{background-color:color-mix(in oklab, var(--colors-orange-500) var(--un-bg-opacity), transparent) }}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569}