2026-06-10 11:41:58 +05:30
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');
|
2026-05-22 15:49:10 +05:30
|
|
|
@import "tailwindcss";
|
|
|
|
|
|
2026-06-10 11:41:58 +05:30
|
|
|
/* Sleek scrollbars */
|
|
|
|
|
.scroll-thin::-webkit-scrollbar,
|
|
|
|
|
.custom-scrollbar::-webkit-scrollbar,
|
|
|
|
|
.viewer-viewport::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
|
|
|
.scroll-thin::-webkit-scrollbar-track,
|
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-track,
|
|
|
|
|
.viewer-viewport::-webkit-scrollbar-track { background: transparent; }
|
|
|
|
|
.scroll-thin::-webkit-scrollbar-thumb,
|
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-thumb,
|
|
|
|
|
.viewer-viewport::-webkit-scrollbar-thumb {
|
2026-06-10 15:16:20 +05:30
|
|
|
background: #dadde2;
|
2026-05-20 15:39:50 +05:30
|
|
|
border-radius: 9999px;
|
2026-06-10 11:41:58 +05:30
|
|
|
border: 2px solid transparent;
|
|
|
|
|
background-clip: padding-box;
|
2026-05-20 15:39:50 +05:30
|
|
|
}
|
2026-06-10 11:41:58 +05:30
|
|
|
.scroll-thin::-webkit-scrollbar-thumb:hover,
|
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
|
2026-06-10 15:16:20 +05:30
|
|
|
.viewer-viewport::-webkit-scrollbar-thumb:hover { background: #98a1ad; background-clip: padding-box; }
|
2026-05-20 15:39:50 +05:30
|
|
|
|
2026-06-10 11:41:58 +05:30
|
|
|
/* Hidden scrollbar (used by horizontal tab/tool strips) */
|
|
|
|
|
.scrollbar-none { scrollbar-width: none; -ms-overflow-style: none; }
|
|
|
|
|
.scrollbar-none::-webkit-scrollbar { width: 0; height: 0; display: none; }
|
2026-05-20 15:39:50 +05:30
|
|
|
|
2026-06-10 11:41:58 +05:30
|
|
|
/* Animations */
|
|
|
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
|
|
|
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }
|
|
|
|
|
@keyframes slideUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
|
|
|
|
|
@keyframes toastIn { from { opacity: 0; transform: translateY(10px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
|