2025-09-28 23:52:33 +05:30
@ import "tailwindcss" ;
@ import "tw-animate-css" ;
@ custom-variant dark ( & : is ( . dark * ) ) ;
@ theme inline {
--color-background : var ( --background ) ;
--color-foreground : var ( --foreground ) ;
--font-sans : var ( --font-geist-sans ) ;
--font-mono : var ( --font-geist-mono ) ;
--color-sidebar-ring : var ( --sidebar-ring ) ;
--color-sidebar-border : var ( --sidebar-border ) ;
--color-sidebar-accent-foreground : var ( --sidebar-accent-foreground ) ;
--color-sidebar-accent : var ( --sidebar-accent ) ;
--color-sidebar-primary-foreground : var ( --sidebar-primary-foreground ) ;
--color-sidebar-primary : var ( --sidebar-primary ) ;
--color-sidebar-foreground : var ( --sidebar-foreground ) ;
--color-sidebar : var ( --sidebar ) ;
--color-chart-5 : var ( --chart-5 ) ;
--color-chart-4 : var ( --chart-4 ) ;
--color-chart-3 : var ( --chart-3 ) ;
--color-chart-2 : var ( --chart-2 ) ;
--color-chart-1 : var ( --chart-1 ) ;
--color-ring : var ( --ring ) ;
--color-input : var ( --input ) ;
--color-border : var ( --border ) ;
--color-destructive : var ( --destructive ) ;
--color-accent-foreground : var ( --accent-foreground ) ;
--color-accent : var ( --accent ) ;
--color-muted-foreground : var ( --muted-foreground ) ;
--color-muted : var ( --muted ) ;
--color-secondary-foreground : var ( --secondary-foreground ) ;
--color-secondary : var ( --secondary ) ;
--color-primary-foreground : var ( --primary-foreground ) ;
--color-primary : var ( --primary ) ;
--color-popover-foreground : var ( --popover-foreground ) ;
--color-popover : var ( --popover ) ;
--color-card-foreground : var ( --card-foreground ) ;
--color-card : var ( --card ) ;
--radius-sm : calc ( var ( --radius ) - 4px ) ;
--radius-md : calc ( var ( --radius ) - 2px ) ;
--radius-lg : var ( --radius ) ;
--radius-xl : calc ( var ( --radius ) + 4px ) ;
}
: root {
--radius : 0.625 rem ;
--background : oklch ( 1 0 0 ) ;
--foreground : oklch ( 0.129 0.042 264.695 ) ;
--card : oklch ( 1 0 0 ) ;
--card-foreground : oklch ( 0.129 0.042 264.695 ) ;
--popover : oklch ( 1 0 0 ) ;
--popover-foreground : oklch ( 0.129 0.042 264.695 ) ;
--primary : oklch ( 0.208 0.042 265.755 ) ;
--primary-foreground : oklch ( 0.984 0.003 247.858 ) ;
--secondary : oklch ( 0.968 0.007 247.896 ) ;
--secondary-foreground : oklch ( 0.208 0.042 265.755 ) ;
--muted : oklch ( 0.968 0.007 247.896 ) ;
--muted-foreground : oklch ( 0.554 0.046 257.417 ) ;
--accent : oklch ( 0.968 0.007 247.896 ) ;
--accent-foreground : oklch ( 0.208 0.042 265.755 ) ;
--destructive : oklch ( 0.577 0.245 27.325 ) ;
--border : oklch ( 0.929 0.013 255.508 ) ;
--input : oklch ( 0.929 0.013 255.508 ) ;
--ring : oklch ( 0.704 0.04 256.788 ) ;
--chart-1 : oklch ( 0.646 0.222 41.116 ) ;
--chart-2 : oklch ( 0.6 0.118 184.704 ) ;
--chart-3 : oklch ( 0.398 0.07 227.392 ) ;
--chart-4 : oklch ( 0.828 0.189 84.429 ) ;
--chart-5 : oklch ( 0.769 0.188 70.08 ) ;
--sidebar : oklch ( 0.984 0.003 247.858 ) ;
--sidebar-foreground : oklch ( 0.129 0.042 264.695 ) ;
--sidebar-primary : oklch ( 0.208 0.042 265.755 ) ;
--sidebar-primary-foreground : oklch ( 0.984 0.003 247.858 ) ;
--sidebar-accent : oklch ( 0.968 0.007 247.896 ) ;
--sidebar-accent-foreground : oklch ( 0.208 0.042 265.755 ) ;
--sidebar-border : oklch ( 0.929 0.013 255.508 ) ;
--sidebar-ring : oklch ( 0.704 0.04 256.788 ) ;
}
. dark {
--background : oklch ( 0.129 0.042 264.695 ) ;
--foreground : oklch ( 0.984 0.003 247.858 ) ;
--card : oklch ( 0.208 0.042 265.755 ) ;
--card-foreground : oklch ( 0.984 0.003 247.858 ) ;
--popover : oklch ( 0.208 0.042 265.755 ) ;
--popover-foreground : oklch ( 0.984 0.003 247.858 ) ;
--primary : oklch ( 0.929 0.013 255.508 ) ;
--primary-foreground : oklch ( 0.208 0.042 265.755 ) ;
--secondary : oklch ( 0.279 0.041 260.031 ) ;
--secondary-foreground : oklch ( 0.984 0.003 247.858 ) ;
--muted : oklch ( 0.279 0.041 260.031 ) ;
--muted-foreground : oklch ( 0.704 0.04 256.788 ) ;
--accent : oklch ( 0.279 0.041 260.031 ) ;
--accent-foreground : oklch ( 0.984 0.003 247.858 ) ;
--destructive : oklch ( 0.704 0.191 22.216 ) ;
--border : oklch ( 1 0 0 / 10 % ) ;
--input : oklch ( 1 0 0 / 15 % ) ;
--ring : oklch ( 0.551 0.027 264.364 ) ;
--chart-1 : oklch ( 0.488 0.243 264.376 ) ;
--chart-2 : oklch ( 0.696 0.17 162.48 ) ;
--chart-3 : oklch ( 0.769 0.188 70.08 ) ;
--chart-4 : oklch ( 0.627 0.265 303.9 ) ;
--chart-5 : oklch ( 0.645 0.246 16.439 ) ;
--sidebar : oklch ( 0.208 0.042 265.755 ) ;
--sidebar-foreground : oklch ( 0.984 0.003 247.858 ) ;
--sidebar-primary : oklch ( 0.488 0.243 264.376 ) ;
--sidebar-primary-foreground : oklch ( 0.984 0.003 247.858 ) ;
--sidebar-accent : oklch ( 0.279 0.041 260.031 ) ;
--sidebar-accent-foreground : oklch ( 0.984 0.003 247.858 ) ;
--sidebar-border : oklch ( 1 0 0 / 10 % ) ;
--sidebar-ring : oklch ( 0.551 0.027 264.364 ) ;
}
/* === CUSTOM COLOR THEME === */
@ theme {
/* Extended Gray Scale */
--color-gray-900 : # 050505 ;
--color-gray-800 : # 141414 ;
--color-gray-700 : # 212328 ;
--color-gray-600 : # 30333A ;
--color-gray-500 : # 9095A1 ;
--color-gray-400 : # CCDADC ;
/* Vibrant Colors */
--color-blue-600 : # 5862FF ;
--color-yellow-400 : # FDD458 ;
--color-yellow-500 : # E8BA40 ;
--color-teal-400 : # 0FEDBE ;
--color-red-500 : # FF495B ;
--color-orange-500 : # FF8243 ;
--color-purple-500 : # D13BFF ;
}
@ layer base {
* {
@ a p p l y b o r d e r - b o r d e r o u t l i n e - r i n g / 5 0 ;
}
body {
@ a p p l y b g - g r a y - 9 0 0 t e x t - f o r e g r o u n d ;
}
}
@ layer utilities {
. container {
@ a p p l y m x - a u t o m a x - w - s c r e e n - 2 x l p x - 4 md : px-6 lg : px-8 ;
}
. yellow-btn {
2025-10-04 00:52:13 +05:30
@ a p p l y h - 1 2 c u r s o r - p o i n t e r b g - g r a d i e n t - t o - b f r o m - t e a l - 4 0 0 t o - t e a l - 5 0 0 hover : from-teal-500 hover : to - teal -400 text - gray -800 font - medium text - base rounded-lg shadow-lg disabled : opacity -50 ;
2025-09-28 23:52:33 +05:30
}
. home-wrapper {
@ a p p l y t e x t - g r a y - 4 0 0 f l e x - c o l g a p - 4 md : gap-10 items-center sm : items-start ;
}
. home-section {
@ a p p l y w - f u l l g a p - 8 g r i d - c o l s - 1 md : grid - cols-2 xl : grid - cols-3 ;
}
. header {
@ a p p l y z - 5 0 w - f u l l h - [ 7 0 p x ] b g - g r a y - 8 0 0 ;
}
. header-wrapper {
@ a p p l y f l e x j u s t i f y - b e t w e e n i t e m s - c e n t e r p x - 6 p y - 4 t e x t - g r a y - 5 0 0 ;
}
. auth-layout {
@ a p p l y f l e x f l e x - c o l j u s t i f y - b e t w e e n lg : flex - row h-screen bg-gray-900 relative overflow - hidden ;
}
. auth-logo {
@ a p p l y p t - 6 lg : pt-8 mb-8 lg : mb-12 ;
}
. auth-left-section {
@ a p p l y w - f u l l lg : w- [ 45 % ] lg : h-screen px-6 lg : px-16 flex flex - col overflow-y - auto ;
}
. auth-right-section {
@ a p p l y w - f u l l max-lg : border - t max-lg : border - gray -600 lg : w- [ 55 % ] lg : h-screen bg-gray-800 px-6 py-4 md : p-6 lg : py-12 lg : px-18 flex flex - col justify - start ;
}
. auth-blockquote {
@ a p p l y t e x t - s m md : text - xl lg : text -2 xl font - medium text - gray -400 mb-1 md : mb-6 lg : mb-8 ;
}
. auth-testimonial-author {
@ a p p l y t e x t - x s md : text - lg font - bold text - gray -400 not-italic ;
}
. auth-dashboard-preview {
@ a p p l y b o r d e r - 6 b o r d e r - g r a y - 8 0 0 l e f t - 0 h i d d e n w - [ 1 0 2 4 p x ] h - a u t o m a x - w - n o n e lg : block rounded-xl shadow-2xl ;
}
. form-title {
@ a p p l y t e x t - 4 x l f o n t - b o l d t e x t - g r a y - 4 0 0 m b - 1 0 ;
}
. form-label {
@ a p p l y t e x t - s m f o n t - m e d i u m t e x t - g r a y - 4 0 0 ;
}
. form-input {
2025-10-04 00:52:13 +05:30
@ a p p l y h - 1 2 p x - 3 p y - 3 t e x t - w h i t e t e x t - b a s e placeholder : text - gray -600 border - gray -600 rounded-lg focus :! border - teal -500 focus : ring-0 ;
2025-09-28 23:52:33 +05:30
}
. select-trigger {
2025-10-04 00:52:13 +05:30
@ a p p l y w - f u l l ! h - 1 2 p x - 3 p y - 3 t e x t - b a s e b o r d e r - g r a y - 6 0 0 b g - g r a y - 8 0 0 t e x t - w h i t e r o u n d e d - l g focus : ! border - teal -500 focus : ring-0 ;
2025-09-28 23:52:33 +05:30
}
. country-select-trigger {
2025-10-04 00:52:13 +05:30
@ a p p l y h - 1 2 p x - 3 p y - 3 t e x t - b a s e w - f u l l j u s t i f y - b e t w e e n f o n t - n o r m a l b o r d e r - g r a y - 6 0 0 b g - g r a y - 8 0 0 t e x t - g r a y - 4 0 0 r o u n d e d - l g focus : ! border - teal -500 focus : ring-0 ;
2025-09-28 23:52:33 +05:30
}
. country-select-input {
@ a p p l y ! b g - g r a y - 8 0 0 t e x t - g r a y - 4 0 0 b o r d e r - 0 b o r d e r - b b o r d e r - g r a y - 6 0 0 r o u n d e d - n o n e focus : ring-0 placeholder : text - gray -500 ;
}
. country-select-empty {
@ a p p l y t e x t - g r a y - 5 0 0 p y - 6 t e x t - c e n t e r ! b g - g r a y - 8 0 0 ;
}
. country-select-item {
@ a p p l y t e x t - w h i t e c u r s o r - p o i n t e r p x - 3 p y - 2 r o u n d e d - s m b g - g r a y - 8 0 0 hover : ! bg-gray-600 ;
}
. footer-link {
2025-10-04 00:52:13 +05:30
@ a p p l y t e x t - g r a y - 4 0 0 f o n t - m e d i u m hover : text - teal -400 hover : underline transition - colors ;
2025-09-28 23:52:33 +05:30
}
. search-text {
2025-10-04 00:52:13 +05:30
@ a p p l y c u r s o r - p o i n t e r hover : text - teal -500 ;
2025-09-28 23:52:33 +05:30
}
. search-btn {
2025-10-04 00:52:13 +05:30
@ a p p l y c u r s o r - p o i n t e r p x - 4 p y - 2 w - f i t f l e x i t e m s - c e n t e r g a p - 2 t e x t - s m md : text - base bg-teal-500 hover : bg-teal-500 text - black font - medium rounded ;
2025-09-28 23:52:33 +05:30
}
. search-dialog {
@ a p p l y ! b g - g r a y - 8 0 0 lg : min-w- [ 800 px ] border - gray -600 fixed top -10 left -1 / 2 - translate-x-1 / 2 translate-y-10 ;
}
. search-field {
@ a p p l y ! b g - g r a y - 8 0 0 b o r d e r - b b o r d e r - g r a y - 6 0 0 r e l a t i v e ;
}
. search-list {
@ a p p l y ! b g - g r a y - 8 0 0 m a x - h - [ 4 0 0 p x ] ;
}
. search-list-indicator {
@ a p p l y p x - 5 p y - 2
}
. search-list-empty {
@ a p p l y p y - 6 ! b g - t r a n s p a r e n t t e x t - c e n t e r t e x t - g r a y - 5 0 0 ;
}
. search-input {
@ a p p l y ! b g - g r a y - 8 0 0 b o r d e r - 0 t e x t - g r a y - 4 0 0 placeholder : text - gray -500 focus : ring-0 text - base h-14 pr-10 ;
}
. search-loader {
@ a p p l y a b s o l u t e r i g h t - 1 2 t o p - 1 / 2 - t r a n s l a t e - y - 1 / 2 h - 4 w - 4 t e x t - g r a y - 5 0 0 a n i m a t e - s p i n ;
}
. search-count {
@ a p p l y p y - 2 p x - 4 t e x t - s m f o n t - m e d i u m t e x t - g r a y - 4 0 0 b g - g r a y - 7 0 0 b o r d e r - b b o r d e r - g r a y - 7 0 0 ;
}
. search-item {
@ a p p l y r o u n d e d - n o n e m y - 3 p x - 1 w - f u l l d a t a - [ s e l e c t e d = t r u e ] : b g - g r a y - 6 0 0 ;
}
. search-item-link {
@ a p p l y p x - 2 w - f u l l c u r s o r - p o i n t e r b o r d e r - b b o r d e r - g r a y - 6 0 0 last : border - b-0 transition - colors flex items-center gap-3 ;
}
. search-item-name {
@ a p p l y f o n t - m e d i u m t e x t - b a s e t e x t - g r a y - 4 0 0 ;
}
. nav-list {
@ a p p l y f l e x f l e x - c o l sm : flex - row p-2 gap-3 sm : gap-10 font - medium ;
}
. stock-details-container {
@ a p p l y w - f u l l g r i d - c o l s - 1 g a p - 6 xl : grid - cols-3 space - y-6 sm : space - y-8 ;
}
. watchlist-btn {
2025-10-04 00:52:13 +05:30
@ a p p l y b g - t e a l - 5 0 0 t e x t - b a s e hover : bg-teal-500 text - gray -900 w-full rounded h-11 font - semibold cursor - pointer ;
2025-09-28 23:52:33 +05:30
}
. watchlist-remove {
@ a p p l y b g - r e d - 5 0 0 ! hover : bg-red-500 ! text - gray -900 !
}
. watchlist-empty-container {
@ a p p l y c o n t a i n e r g a p - 8 f l e x - c o l i t e m s - c e n t e r md : mt-10 p-6 text - center ;
}
. watchlist-empty {
@ a p p l y f l e x f l e x - c o l i t e m s - c e n t e r j u s t i f y - c e n t e r t e x t - c e n t e r ;
}
. watchlist-star {
@ a p p l y h - 1 6 w - 1 6 t e x t - g r a y - 5 0 0 m b - 4 ;
}
. empty-title {
@ a p p l y t e x t - x l f o n t - s e m i b o l d t e x t - g r a y - 4 0 0 m b - 2 ;
}
. empty-description {
@ a p p l y t e x t - g r a y - 5 0 0 m b - 6 m a x - w - m d ;
}
. watchlist-container {
@ a p p l y f l e x f l e x - c o l - r e v e r s e lg : grid lg : grid - cols-3 gap-8 ;
}
. watchlist {
@ a p p l y lg : col-span-2 space - y-8 ;
}
. watchlist-alerts {
@ a p p l y i t e m s - s t a r t g a p - 6 h - f u l l f l e x - c o l w - f u l l lg : col-span-1 ;
}
. watchlist-icon-btn {
2025-10-04 00:52:13 +05:30
@ a p p l y w - f i t c u r s o r - p o i n t e r hover : bg-transparent ! text - gray -400 hover : text - teal -500 ;
2025-09-28 23:52:33 +05:30
}
. watchlist-icon-added {
2025-10-04 00:52:13 +05:30
@ a p p l y ! t e x t - t e a l - 5 0 0 hover : ! text - teal -600 ;
2025-09-28 23:52:33 +05:30
}
. watchlist-icon {
@ a p p l y w - 8 h - 8 r o u n d e d - f u l l f l e x i t e m s - c e n t e r j u s t i f y - c e n t e r b g - g r a y - 7 0 0 / 5 0 ;
}
. trash-icon {
@ a p p l y h - 4 w - 4 t e x t - g r a y - 4 0 0 hover : text - red -400 ;
}
. star-icon {
@ a p p l y h - 4 w - 4 ;
}
. watchlist-title {
@ a p p l y t e x t - x l md : text -2 xl font - bold text - gray -100 ;
}
. watchlist-table {
@ a p p l y ! r e l a t i v e o v e r f l o w - h i d d e n ! w - f u l l b g - g r a y - 8 0 0 b o r d e r ! b o r d e r - g r a y - 6 0 0 ! r o u n d e d - l g ;
}
. table-header-row {
@ a p p l y t e x t - g r a y - 4 0 0 f o n t - m e d i u m b g - g r a y - 7 0 0 b o r d e r - b b o r d e r - g r a y - 6 0 0 hover : bg-gray-700 ;
}
. table-header : first-child {
@ a p p l y p l - 4 ;
}
. table-row {
@ a p p l y b o r d e r - b c u r s o r - p o i n t e r t e x t - g r a y - 1 0 0 b o r d e r - g r a y - 6 0 0 hover : bg-gray-700 / 50 transition - colors ;
}
. table-cell {
@ a p p l y f o n t - m e d i u m t e x t - b a s e
}
. add-alert {
2025-10-04 00:52:13 +05:30
@ a p p l y f l e x t e x t - s m i t e m s - c e n t e r w h i t e s p a c e - n o w r a p g a p - 1 . 5 p x - 3 w - f i t p y - 2 t e x t - t e a l - 6 0 0 b o r d e r b o r d e r - t e a l - 6 0 0 / 2 0 r o u n d e d f o n t - m e d i u m b g - t r a n s p a r e n t hover : bg-transparent cursor - pointer transition - colors ;
2025-09-28 23:52:33 +05:30
}
. watchlist-news {
@ a p p l y g r i d g r i d - c o l s - 1 md : grid - cols-2 lg : grid - cols-3 gap-4 ;
}
. news-item {
@ a p p l y b g - g r a y - 8 0 0 r o u n d e d - l g b o r d e r w - f u l l b o r d e r - g r a y - 6 0 0 p - 4 d u r a t i o n - 2 0 0 hover : border - gray -600 cursor - pointer ;
}
. news-tag {
@ a p p l y i n l i n e - b l o c k w - f i t p x - 2 p y - 1 m b - 5 r o u n d e d b g - g r a y - 6 0 0 / 6 0 t e x t - g r e e n - 5 0 0 t e x t - s m f o n t - m o n o f o n t - m e d i u m ;
}
. news-title {
@ a p p l y t e x t - l g f o n t - s e m i b o l d t e x t - g r a y - 1 0 0 l e a d i n g - t i g h t m b - 3 l i n e - c l a m p - 2 ;
}
. news-meta {
@ a p p l y f l e x i t e m s - c e n t e r t e x t - s m t e x t - g r a y - 5 0 0 m b - 1 ;
}
. news-summary {
@ a p p l y t e x t - g r a y - 4 0 0 f l e x - 1 t e x t - b a s e l e a d i n g - r e l a x e d m b - 3 l i n e - c l a m p - 3 ;
}
. news-cta {
2025-10-04 00:52:13 +05:30
@ a p p l y t e x t - s m a l i g n - b o t t o m t e x t - t e a l - 5 0 0 hover : text - gray -400 ;
2025-09-28 23:52:33 +05:30
}
. alert-dialog {
@ a p p l y b g - g r a y - 8 0 0 b o r d e r - g r a y - 6 0 0 t e x t - g r a y - 4 0 0 m a x - w - m d ;
}
. alert-title {
@ a p p l y t e x t - x l f o n t - s e m i b o l d t e x t - g r a y - 1 0 0 ;
}
. alert-list {
@ a p p l y o v e r f l o w - y - a u t o w - f u l l m a x - h - [ 9 1 1 p x ] r o u n d e d - l g f l e x b o r d e r b o r d e r - g r a y - 6 0 0 f l e x - c o l g a p - 4 b g - g r a y - 8 0 0 p - 3 f l e x - 1 ;
}
. alert-empty {
@ a p p l y p x - 6 p y - 8 t e x t - c e n t e r t e x t - g r a y - 5 0 0 / 5 0 ;
}
. alert-item {
@ a p p l y p - 4 r o u n d e d - l g b g - g r a y - 7 0 0 b o r d e r b o r d e r - g r a y - 6 0 0 ;
}
. alert-name {
2025-10-04 00:52:13 +05:30
@ a p p l y m b - 2 t e x t - l g t e x t - t e a l - 5 0 0 f o n t - s e m i b o l d ;
2025-09-28 23:52:33 +05:30
}
. alert-details {
@ a p p l y f l e x b o r d e r - b p b - 3 i t e m s - c e n t e r j u s t i f y - b e t w e e n g a p - 3 m b - 2 ;
}
. alert-company {
@ a p p l y t e x t - g r a y - 4 0 0 t e x t - b a s e ;
}
. alert-price {
@ a p p l y t e x t - g r a y - 1 0 0 f o n t - b o l d ;
}
. alert-actions {
@ a p p l y f l e x i t e m s - e n d j u s t i f y - b e t w e e n ;
}
. alert-update-btn {
@ a p p l y t e x t - g r a y - 4 0 0 r o u n d e d - f u l l b g - t r a n s p a r e n t hover : bg-green-500 / 15 cursor - pointer ;
}
. alert-delete-btn {
@ a p p l y t e x t - g r a y - 4 0 0 r o u n d e d - f u l l hover : bg-red-600 / 15 bg-transparent cursor - pointer transition - colors ;
}
}
/* Market News Component Styles */
. scrollbar-hide {
-ms- overflow-style : none ;
scrollbar-width : none ;
}
. scrollbar-hide :: -webkit-scrollbar {
display : none ;
}
/* TradingView Advanced Chart Widget Styles */
. tradingview-widget-container {
position : relative ;
background-color : #141414 !important ;
border-radius : 8 px !important ;
overflow : hidden !important ;
}
. tv-embed-widget-wrapper__body {
background-color : #141414 !important ;
}
. tradingview-widget-container__widget {
background-color : #141414 !important ;
height : 100 % !important ;
}
. widget-stock-heatmap-container . screenerMapWrapper-BBVfGP0b {
overflow : hidden !important ;
background : #141414 !important ;
background-color : #141414 !important ;
}
. canvasContainer-tyaAU8aH {
background : #141414 !important ;
background-color : #141414 !important ;
}
. tv-site-widget--bg_none {
background-color : transparent !important ;
}
. tradingview-widget-copyright {
font-size : 11 px ;
color : #9ca3af ;
text-align : center ;
padding : 4 px 0 ;
background-color : transparent ;
}
. tradingview-widget-copyright a {
color : #60a5fa ;
text-decoration : none ;
transition : color 0.2 s ease ;
}
. tradingview-widget-copyright a : hover {
color : #93c5fd ;
text-decoration : underline ;
}
. tv-embed-widget-wrapper . tv-embed-widget-wrapper__body {
background : #141414 !important ;
background-color : #141414 !important ;
}
. tradingview-widget-container iframe {
background-color : #141414 !important ;
width : 100 % !important ;
}
. custom-chart . tradingview-widget-container iframe {
border : 1 px solid #30333A ;
border-radius : 8 px !important ;
overflow : hidden !important ;
}
/* Custom scrollbar that shows on hover */
. scrollbar-hide-default {
scrollbar-width : thin ;
scrollbar-color : transparent transparent ;
}
. scrollbar-hide-default :: -webkit-scrollbar {
width : 8 px ;
}
. scrollbar-hide-default :: -webkit-scrollbar-track {
background : transparent ;
}
. scrollbar-hide-default :: -webkit-scrollbar-thumb {
background-color : transparent ;
border-radius : 4 px ;
transition : background-color 0.3 s ease ;
}
. scrollbar-hide-default : hover {
scrollbar-color : #30333A transparent ;
}
. scrollbar-hide-default : hover :: -webkit-scrollbar-thumb {
background-color : #30333A ;
}
. scrollbar-hide-default :: -webkit-scrollbar-thumb : hover {
background-color : #9095A1 ;
}
