@import url(fonts.googleapis.com/css2); *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::placeholder,textarea::placeholder { color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked { appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked { appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { [type='checkbox']:indeterminate { appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } :root { --primary: 135 94.2% 73.1%; --primary-foreground: 177 38.7% 12.2%; --primary-50: 135 94.2% 95%; --primary-100: 135 94.2% 90%; --primary-200: 135 94.2% 80%; --primary-300: 135 94.2% 70%; --primary-400: 135 94.2% 60%; --primary-500: 135 94.2% 50%; --primary-600: 135 94.2% 40%; --primary-700: 135 94.2% 30%; --primary-800: 135 94.2% 20%; --primary-900: 135 94.2% 10%; --primary-950: 135 94.2% 5%; --secondary: 135 94.2% 73.1%; --secondary-foreground: 177 38.7% 12.2%; --secondary-50: 135 94.2% 95%; --secondary-100: 135 94.2% 90%; --secondary-200: 135 94.2% 80%; --secondary-300: 135 94.2% 70%; --secondary-400: 135 94.2% 60%; --secondary-500: 135 94.2% 50%; --secondary-600: 135 94.2% 40%; --secondary-700: 135 94.2% 30%; --secondary-800: 135 94.2% 20%; --secondary-900: 135 94.2% 10%; --secondary-950: 135 94.2% 5%; --tertiary: 240 27.3% 97.8%; --tertiary-foreground: 135 93.8% 44.1%; --tertiary-50: 240 27.3% 95%; --tertiary-100: 240 27.3% 90%; --tertiary-200: 240 27.3% 80%; --tertiary-300: 240 27.3% 70%; --tertiary-400: 240 27.3% 60%; --tertiary-500: 240 27.3% 50%; --tertiary-600: 240 27.3% 40%; --tertiary-700: 240 27.3% 30%; --tertiary-800: 240 27.3% 20%; --tertiary-900: 240 27.3% 10%; --tertiary-950: 240 27.3% 5%; --reverse: 0 0% 0%; --reverse-foreground: 0 0% 100%; --reverse-50: 0 0% 95%; --reverse-100: 0 0% 90%; --reverse-200: 0 0% 80%; --reverse-300: 0 0% 70%; --reverse-400: 0 0% 60%; --reverse-500: 0 0% 50%; --reverse-600: 0 0% 40%; --reverse-700: 0 0% 30%; --reverse-800: 0 0% 20%; --reverse-900: 0 0% 10%; --reverse-950: 0 0% 5%; } .dark { --primary: 135 94.2% 73.1%; --primary-foreground: 177 27.3% 12.9%; --primary-50: 135 94.2% 5%; --primary-100: 135 94.2% 10%; --primary-200: 135 94.2% 20%; --primary-300: 135 94.2% 30%; --primary-400: 135 94.2% 40%; --primary-500: 135 94.2% 50%; --primary-600: 135 94.2% 60%; --primary-700: 135 94.2% 70%; --primary-800: 135 94.2% 80%; --primary-900: 135 94.2% 90%; --primary-950: 135 94.2% 95%; --secondary: 135 94.2% 73.1%; --secondary-foreground: 177 27.3% 12.9%; --secondary-50: 135 94.2% 5%; --secondary-100: 135 94.2% 10%; --secondary-200: 135 94.2% 20%; --secondary-300: 135 94.2% 30%; --secondary-400: 135 94.2% 40%; --secondary-500: 135 94.2% 50%; --secondary-600: 135 94.2% 60%; --secondary-700: 135 94.2% 70%; --secondary-800: 135 94.2% 80%; --secondary-900: 135 94.2% 90%; --secondary-950: 135 94.2% 95%; --tertiary: 174 51.6% 12.2%; --tertiary-foreground: 135 94.2% 73.1%; --tertiary-50: 174 51.6% 5%; --tertiary-100: 174 51.6% 10%; --tertiary-200: 174 51.6% 20%; --tertiary-300: 174 51.6% 30%; --tertiary-400: 174 51.6% 40%; --tertiary-500: 174 51.6% 50%; --tertiary-600: 174 51.6% 60%; --tertiary-700: 174 51.6% 70%; --tertiary-800: 174 51.6% 80%; --tertiary-900: 174 51.6% 90%; --tertiary-950: 174 51.6% 95%; --reverse: 0 0% 100%; --reverse-foreground: 0 0% 0%; --reverse-50: 0 0% 5%; --reverse-100: 0 0% 10%; --reverse-200: 0 0% 20%; --reverse-300: 0 0% 30%; --reverse-400: 0 0% 40%; --reverse-500: 0 0% 50%; --reverse-600: 0 0% 60%; --reverse-700: 0 0% 70%; --reverse-800: 0 0% 80%; --reverse-900: 0 0% 90%; --reverse-950: 0 0% 95%; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1360px) { .\!container { max-width: 1360px !important; } .container { max-width: 1360px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } @media (min-width: 2048px) { .\!container { max-width: 2048px !important; } .container { max-width: 2048px; } } @media (min-width: 2400px) { .\!container { max-width: 2400px !important; } .container { max-width: 2400px; } } @media (min-width: 2560px) { .\!container { max-width: 2560px !important; } .container { max-width: 2560px; } } @media (min-width: 3200px) { .\!container { max-width: 3200px !important; } .container { max-width: 3200px; } } @media (min-width: 3840px) { .\!container { max-width: 3840px !important; } .container { max-width: 3840px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .left-1\/2 { left: 50%; } .right-1\.5 { right: 0.375rem; } .top-0 { top: 0px; } .top-1\.5 { top: 0.375rem; } .top-28 { top: 7rem; } .isolate { isolation: isolate; } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-2 { order: 2; } .col-start-2 { grid-column-start: 2; } .m-auto { margin: auto; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-auto { margin-top: auto; margin-bottom: auto; } .-mt-2 { margin-top: -0.5rem; } .mb-0 { margin-bottom: 0px; } .mb-1\.25 { margin-bottom: 0.313rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-15 { margin-bottom: 3.75rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7\.5 { margin-bottom: 1.875rem; } .mb-8 { margin-bottom: 2rem; } .ml-0\.75 { margin-left: 0.188rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-2\.5 { margin-left: 0.625rem; } .ml-4 { margin-left: 1rem; } .ml-4\.5 { margin-left: 1.125rem; } .mr-0\.75 { margin-right: 0.188rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-3\.5 { margin-right: 0.875rem; } .mr-4 { margin-right: 1rem; } .mr-4\.5 { margin-right: 1.125rem; } .ms-auto { margin-inline-start: auto; } .mt-0\.5 { margin-top: 0.125rem; } .mt-0\.75 { margin-top: 0.188rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-15 { margin-top: 3.75rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .inline-grid { display: inline-grid; } .contents { display: contents; } .list-item { display: list-item; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .\!h-3\.5 { height: 0.875rem !important; } .\!h-4 { height: 1rem !important; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-10\.5 { height: 2.625rem; } .h-11 { height: 2.75rem; } .h-11\.5 { height: 2.875rem; } .h-12 { height: 3rem; } .h-13 { height: 3.25rem; } .h-15 { height: 3.75rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-30 { height: 7.5rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-4\.5 { height: 1.125rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-\[102px\] { height: 102px; } .h-\[116px\] { height: 116px; } .h-\[120px\] { height: 120px; } .h-\[130px\] { height: 130px; } .h-\[155px\] { height: 155px; } .h-\[21\.5px\] { height: 21.5px; } .h-\[300px\] { height: 300px; } .h-\[38px\] { height: 38px; } .h-\[48px\] { height: 48px; } .h-\[62px\] { height: 62px; } .h-\[83px\] { height: 83px; } .h-\[calc\(100vh-320px\)\] { height: calc(100vh - 320px); } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-screen { max-height: 100vh; } .min-h-48 { min-height: 12rem; } .min-h-52 { min-height: 13rem; } .min-h-96 { min-height: 24rem; } .min-h-\[400px\] { min-height: 400px; } .\!w-3\.5 { width: 0.875rem !important; } .\!w-4 { width: 1rem !important; } .\!w-full { width: 100% !important; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-1\/4 { width: 25%; } .w-1\/5 { width: 20%; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-13 { width: 3.25rem; } .w-14 { width: 3.5rem; } .w-15 { width: 3.75rem; } .w-16 { width: 4rem; } .w-2\/5 { width: 40%; } .w-2\/6 { width: 33.333333%; } .w-20 { width: 5rem; } .w-21 { width: 5.25rem; } .w-23 { width: 5.75rem; } .w-24 { width: 6rem; } .w-25 { width: 6.25rem; } .w-28 { width: 7rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-3\/6 { width: 50%; } .w-30 { width: 7.5rem; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-4\.5 { width: 1.125rem; } .w-4\/5 { width: 80%; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-45 { width: 11.25rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-5\/6 { width: 83.333333%; } .w-52 { width: 13rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-96 { width: 24rem; } .w-\[140px\] { width: 140px; } .w-\[194px\] { width: 194px; } .w-\[1px\] { width: 1px; } .w-\[26px\] { width: 26px; } .w-\[50\%\] { width: 50%; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-60 { min-width: 15rem; } .min-w-\[104px\] { min-width: 104px; } .max-w-4xl { max-width: 56rem; } .max-w-\[154px\] { max-width: 154px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[350px\] { max-width: 350px; } .max-w-max { max-width: max-content; } .max-w-sm { max-width: 24rem; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[auto_minmax\(0\2c _1fr\)\] { grid-template-columns: auto minmax(0, 1fr); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-items-center { justify-items: center; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-x-0\.5 { column-gap: 0.125rem; } .gap-x-1 { column-gap: 0.25rem; } .gap-x-1\.5 { column-gap: 0.375rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-x-3 { column-gap: 0.75rem; } .gap-x-4 { column-gap: 1rem; } .gap-y-0\.25 { row-gap: 0.063rem; } .gap-y-0\.75 { row-gap: 0.188rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-2\.5 { row-gap: 0.625rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .self-stretch { align-self: stretch; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .rounded { border-radius: 0.25rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[64px\] { border-radius: 64px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .border { border-width: 1px; } .border-0\.5 { border-width: 0.5px; } .border-x-0\.5 { border-left-width: 0.5px; border-right-width: 0.5px; } .border-b { border-bottom-width: 1px; } .border-b-0\.5 { border-bottom-width: 0.5px; } .border-r { border-right-width: 1px; } .border-t-0\.5 { border-top-width: 0.5px; } .border-none { border-style: none; } .border-neutral-200 { --tw-border-opacity: 1; border-color: rgb(229 229 229 / var(--tw-border-opacity, 1)); } .border-tertiary-200 { --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .border-tertiary-950\/10 { border-color: hsl(var(--tertiary-950) / 0.1); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-950\/5 { background-color: rgb(3 7 18 / 0.05); } .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-primary { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .bg-primary-100 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); } .bg-primary-200 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)); } .bg-primary-300 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-300) / var(--tw-bg-opacity, 1)); } .bg-primary-400 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-400) / var(--tw-bg-opacity, 1)); } .bg-primary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-50) / var(--tw-bg-opacity, 1)); } .bg-primary-500 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-500) / var(--tw-bg-opacity, 1)); } .bg-primary-600 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-600) / var(--tw-bg-opacity, 1)); } .bg-primary-700 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-700) / var(--tw-bg-opacity, 1)); } .bg-primary-800 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)); } .bg-primary-900 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); } .bg-primary-950 { --tw-bg-opacity: 1; background-color: hsl(var(--primary-950) / var(--tw-bg-opacity, 1)); } .bg-red-400\/10 { background-color: rgb(248 113 113 / 0.1); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-secondary { --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); } .bg-secondary-100 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); } .bg-secondary-200 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)); } .bg-secondary-300 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-300) / var(--tw-bg-opacity, 1)); } .bg-secondary-400 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity, 1)); } .bg-secondary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-50) / var(--tw-bg-opacity, 1)); } .bg-secondary-500 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-500) / var(--tw-bg-opacity, 1)); } .bg-secondary-600 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-600) / var(--tw-bg-opacity, 1)); } .bg-secondary-700 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-700) / var(--tw-bg-opacity, 1)); } .bg-secondary-800 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)); } .bg-secondary-900 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); } .bg-secondary-950 { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-950) / var(--tw-bg-opacity, 1)); } .bg-tertiary { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .bg-tertiary-100 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .bg-tertiary-100\/50 { background-color: hsl(var(--tertiary-100) / 0.5); } .bg-tertiary-200 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .bg-tertiary-200\/20 { background-color: hsl(var(--tertiary-200) / 0.2); } .bg-tertiary-200\/35 { background-color: hsl(var(--tertiary-200) / 0.35); } .bg-tertiary-300 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); } .bg-tertiary-400 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-400) / var(--tw-bg-opacity, 1)); } .bg-tertiary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); } .bg-tertiary-500 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-500) / var(--tw-bg-opacity, 1)); } .bg-tertiary-600 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-600) / var(--tw-bg-opacity, 1)); } .bg-tertiary-700 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-700) / var(--tw-bg-opacity, 1)); } .bg-tertiary-800 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-800) / var(--tw-bg-opacity, 1)); } .bg-tertiary-900 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-900) / var(--tw-bg-opacity, 1)); } .bg-tertiary-950 { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-950) / var(--tw-bg-opacity, 1)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-top { background-position: top; } .fill-current { fill: currentColor; } .fill-white { fill: #fff; } .object-contain { object-fit: contain; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-11 { padding-bottom: 2.75rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pl-1 { padding-left: 0.25rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-7 { padding-top: 1.75rem; } .text-center { text-align: center; } .text-2xl { font-size: 1.25rem; } .text-3xl { font-size: 1.375rem; } .text-\[10px\] { font-size: 10px; } .text-base { font-size: 0.875rem; } .text-lg { font-size: 1rem; } .text-sm { font-size: 0.75rem; } .text-xl { font-size: 1.125rem; } .text-xs { font-size: 0.625rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .tracking-wide { letter-spacing: 0.025em; } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-gray-950 { --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-neutral-400 { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity, 1)); } .text-neutral-950 { --tw-text-opacity: 1; color: rgb(10 10 10 / var(--tw-text-opacity, 1)); } .text-primary-100 { --tw-text-opacity: 1; color: hsl(var(--primary-100) / var(--tw-text-opacity, 1)); } .text-primary-200 { --tw-text-opacity: 1; color: hsl(var(--primary-200) / var(--tw-text-opacity, 1)); } .text-primary-300 { --tw-text-opacity: 1; color: hsl(var(--primary-300) / var(--tw-text-opacity, 1)); } .text-primary-400 { --tw-text-opacity: 1; color: hsl(var(--primary-400) / var(--tw-text-opacity, 1)); } .text-primary-50 { --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } .text-primary-500 { --tw-text-opacity: 1; color: hsl(var(--primary-500) / var(--tw-text-opacity, 1)); } .text-primary-600 { --tw-text-opacity: 1; color: hsl(var(--primary-600) / var(--tw-text-opacity, 1)); } .text-primary-700 { --tw-text-opacity: 1; color: hsl(var(--primary-700) / var(--tw-text-opacity, 1)); } .text-primary-800 { --tw-text-opacity: 1; color: hsl(var(--primary-800) / var(--tw-text-opacity, 1)); } .text-primary-900 { --tw-text-opacity: 1; color: hsl(var(--primary-900) / var(--tw-text-opacity, 1)); } .text-primary-950 { --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } .text-primary-foreground { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-secondary-100 { --tw-text-opacity: 1; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)); } .text-secondary-200 { --tw-text-opacity: 1; color: hsl(var(--secondary-200) / var(--tw-text-opacity, 1)); } .text-secondary-300 { --tw-text-opacity: 1; color: hsl(var(--secondary-300) / var(--tw-text-opacity, 1)); } .text-secondary-400 { --tw-text-opacity: 1; color: hsl(var(--secondary-400) / var(--tw-text-opacity, 1)); } .text-secondary-50 { --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } .text-secondary-500 { --tw-text-opacity: 1; color: hsl(var(--secondary-500) / var(--tw-text-opacity, 1)); } .text-secondary-600 { --tw-text-opacity: 1; color: hsl(var(--secondary-600) / var(--tw-text-opacity, 1)); } .text-secondary-700 { --tw-text-opacity: 1; color: hsl(var(--secondary-700) / var(--tw-text-opacity, 1)); } .text-secondary-800 { --tw-text-opacity: 1; color: hsl(var(--secondary-800) / var(--tw-text-opacity, 1)); } .text-secondary-900 { --tw-text-opacity: 1; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)); } .text-secondary-950 { --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } .text-secondary-foreground { --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .text-tertiary-100 { --tw-text-opacity: 1; color: hsl(var(--tertiary-100) / var(--tw-text-opacity, 1)); } .text-tertiary-200 { --tw-text-opacity: 1; color: hsl(var(--tertiary-200) / var(--tw-text-opacity, 1)); } .text-tertiary-300 { --tw-text-opacity: 1; color: hsl(var(--tertiary-300) / var(--tw-text-opacity, 1)); } .text-tertiary-400 { --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .text-tertiary-50 { --tw-text-opacity: 1; color: hsl(var(--tertiary-50) / var(--tw-text-opacity, 1)); } .text-tertiary-500 { --tw-text-opacity: 1; color: hsl(var(--tertiary-500) / var(--tw-text-opacity, 1)); } .text-tertiary-600 { --tw-text-opacity: 1; color: hsl(var(--tertiary-600) / var(--tw-text-opacity, 1)); } .text-tertiary-700 { --tw-text-opacity: 1; color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1)); } .text-tertiary-800 { --tw-text-opacity: 1; color: hsl(var(--tertiary-800) / var(--tw-text-opacity, 1)); } .text-tertiary-900 { --tw-text-opacity: 1; color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1)); } .text-tertiary-950 { --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .text-tertiary-950\/60 { color: hsl(var(--tertiary-950) / 0.6); } .text-tertiary-foreground { --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-25 { opacity: 0.25; } .opacity-75 { opacity: 0.75; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline { outline-style: solid; } .-outline-offset-1 { outline-offset: -1px; } .outline-black\/10 { outline-color: rgb(0 0 0 / 0.1); } .outline-white\/5 { outline-color: rgb(255 255 255 / 0.05); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .ring-gray-900\/5 { --tw-ring-color: rgb(17 24 39 / 0.05); } .ring-red-400\/20 { --tw-ring-color: rgb(248 113 113 / 0.2); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none; } .\[scrollbar-width\:none\] { scrollbar-width: none; } html body .preloader .logo .img { width: 12rem; } html body header.header div a img.logo { width: 8rem; } @media (min-width: 1024px) { html body header.header div a img.logo { width: 12rem; } } html body .footer .logo-row .logo { width: 8rem; } @media (min-width: 1024px) { html body .footer .logo-row .logo { width: 12rem; } } html body .sidebar-container .sidebar-header .logo { width: 8rem; } .payment-modal-overlay { animation-duration: 0ms !important; } #target-container { display: none; position: fixed; top: 0vh; left: 0vw; width: 100%; height: 100%; z-index: 99999; } #jackpot-app { width: 100%; height: 100%; display: flex; flex-direction: column; border: 2px dotted black; background-color: rgb(0, 0, 0); color: white; } #jackpot-app #main-container { height: 80%; } #jackpot-app #top-container { height: 10%; display: flex; justify-content: center; align-items: center; transition: opacity 0.25s ease 0.25s; } #jackpot-app #top-container #top-message { background: linear-gradient(180deg, #fda905 0%, #fce6c8 0.01%, #ddb25e 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px; } #jackpot-app #bottom-container { position: absolute; bottom: 100px; left: 50%; width: 100%; transform: translate(-50%); padding: 10px; } #jackpot-app #bottom-container #action-button { transition: opacity 0.5s ease; } #top-container.stop-clicked { pointer-events: none; opacity: 0; } #action-button.stop-clicked { pointer-events: none; opacity: 0; } modi-withdraw-detail .required::after { font-size: 1rem; --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); content: "*"; } modi-deposit-detail .required::after { font-size: 1rem; --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); content: "*"; } .\*\:rotate-180 > * { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\*\:\[writing-mode\:vertical-lr\] > * { writing-mode: vertical-lr; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:text-amber-500:hover { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .focus\:text-gray-700:focus { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .dark\:block:is(.dark *) { display: block; } .dark\:hidden:is(.dark *) { display: none; } .dark\:border-neutral-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)); } .dark\:bg-black:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-neutral-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-neutral-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-200:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-300:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-300) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-400:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-400) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-50) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-500:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-500) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-600:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-600) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-700:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-700) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-800:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-900:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-950:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--primary-950) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-200:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-300:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-300) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-400:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-50) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-500:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-500) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-600:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-600) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-700:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-700) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-800:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-900:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); } .dark\:bg-secondary-950:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--secondary-950) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-200:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-300:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-400:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-400) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-500:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-500) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-600:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-600) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-700:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-700) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-800:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-800) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-900:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-900) / var(--tw-bg-opacity, 1)); } .dark\:bg-tertiary-950:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-950) / var(--tw-bg-opacity, 1)); } .dark\:bg-white\/10:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:text-gray-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:text-neutral-50:is(.dark *) { --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .dark\:text-primary-100:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--primary-100) / var(--tw-text-opacity, 1)); } .dark\:text-primary-900:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--primary-900) / var(--tw-text-opacity, 1)); } .dark\:text-secondary-100:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)); } .dark\:text-secondary-900:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)); } .dark\:text-tertiary-100:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--tertiary-100) / var(--tw-text-opacity, 1)); } .dark\:text-tertiary-900:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:outline-white\/10:is(.dark *) { outline-color: rgb(255 255 255 / 0.1); } .dark\:hover\:text-gray-400:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:focus\:text-gray-400:focus:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } @media not all and (min-width: 1024px) { .max-lg\:ml-0 { margin-left: 0px; } .max-lg\:mt-14 { margin-top: 3.5rem; } .max-lg\:hidden { display: none; } .max-lg\:w-0 { width: 0px; } .max-lg\:flex-none { flex: none; } } @media not all and (min-width: 640px) { .max-sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } } @media (min-width: 640px) { .sm\:w-64 { width: 16rem; } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-\[repeat\(auto-fill\2c _minmax\(175px\2c _1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:gap-4 { gap: 1rem; } .sm\:rounded-md { border-radius: 0.375rem; } .sm\:pr-12 { padding-right: 3rem; } .sm\:\*\:rotate-0 > * { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:\*\:\[writing-mode\:horizontal-tb\] > * { writing-mode: horizontal-tb; } } @media (min-width: 768px) { .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 1024px) { .lg\:top-14 { top: 3.5rem; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mb-5 { margin-bottom: 1.25rem; } .lg\:ml-8 { margin-left: 2rem; } .lg\:mr-8 { margin-right: 2rem; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-11\.5 { height: 2.875rem; } .lg\:h-14 { height: 3.5rem; } .lg\:h-5 { height: 1.25rem; } .lg\:h-9 { height: 2.25rem; } .lg\:h-\[105px\] { height: 105px; } .lg\:h-\[124px\] { height: 124px; } .lg\:h-\[50px\] { height: 50px; } .lg\:h-auto { height: auto; } .lg\:w-1\/2 { width: 50%; } .lg\:w-14 { width: 3.5rem; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-45 { width: 11.25rem; } .lg\:w-52 { width: 13rem; } .lg\:w-56 { width: 14rem; } .lg\:w-80 { width: 20rem; } .lg\:w-81 { width: 23rem; } .lg\:w-96 { width: 24rem; } .lg\:w-\[150px\] { width: 150px; } .lg\:w-\[368px\] { width: 368px; } .lg\:w-auto { width: auto; } .lg\:min-w-40 { min-width: 10rem; } .lg\:max-w-7xl { max-width: 80rem; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-center { align-items: center; } .lg\:justify-start { justify-content: flex-start; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-center { justify-content: center; } .lg\:gap-12 { gap: 3rem; } .lg\:gap-2 { gap: 0.5rem; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-x-5 { column-gap: 1.25rem; } .lg\:gap-x-7 { column-gap: 1.75rem; } .lg\:gap-y-5 { row-gap: 1.25rem; } .lg\:rounded { border-radius: 0.25rem; } .lg\:rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .lg\:rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .lg\:p-12 { padding: 3rem; } .lg\:p-4 { padding: 1rem; } .lg\:p-5 { padding: 1.25rem; } .lg\:p-8 { padding: 2rem; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:py-7\.5 { padding-top: 1.875rem; padding-bottom: 1.875rem; } .lg\:pt-4 { padding-top: 1rem; } .lg\:hover\:bg-tertiary-100:hover { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } @media (min-width: 1536px) { .\32xl\:w-\[750px\] { width: 750px; } } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } @keyframes hotToastEnter { from { transform: scale(0); } to { transform: scale(1); } } .hot-toast-animated-icon { animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards); position: var(--hot-toast-animated-icon-position, relative); transform: var(--hot-toast-animated-icon-transform, scale(0)); } @media (prefers-reduced-motion: reduce) { .hot-toast-animated-icon { animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none); opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1); transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1)); } } @keyframes hotToastCircleAnimation { from { opacity: 0; transform: scale(0) rotate(45deg); } to { opacity: 1; transform: scale(1) rotate(45deg); } } @keyframes hotToastCheckmarkAnimation { 0% { height: 0; opacity: 0; width: 0; } 40% { height: 0; opacity: 1; width: 6px; } 100% { height: 10px; opacity: 1; } } .hot-toast-checkmark-icon { animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards); animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms); background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345)); border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px); height: var(--hot-toast-checkmark-icon-height, 20px); opacity: var(--hot-toast-checkmark-icon-opacity, 0); position: var(--hot-toast-checkmark-icon-position, relative); transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg)); width: var(--hot-toast-checkmark-icon-width, 20px); } @media (prefers-reduced-motion: reduce) { .hot-toast-checkmark-icon { animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms); } } .hot-toast-checkmark-icon::after { animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards); animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms); border-bottom-style: solid; border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px); border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff)); border-right-style: solid; border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px); bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px); box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box); content: var(--hot-toast-checkmark-icon-after-content, ""); height: var(--hot-toast-checkmark-icon-after-height, 10px); left: var(--hot-toast-checkmark-icon-after-left, 6px); opacity: var(--hot-toast-checkmark-icon-after-opacity, 0); position: var(--hot-toast-checkmark-icon-after-position, absolute); width: var(--hot-toast-checkmark-icon-after-width, 6px); } @media (prefers-reduced-motion: reduce) { .hot-toast-checkmark-icon::after { animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms); } } @keyframes hotToastErrorCircleAnimation { from { opacity: 0; transform: scale(0) rotate(45deg); } to { opacity: 1; transform: scale(1) rotate(45deg); } } @keyframes hotToastFirstLineAnimation { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes hotToastSecondLineAnimation { from { opacity: 0; transform: scale(0) rotate(90deg); } to { opacity: 1; transform: scale(1) rotate(90deg); } } .hot-toast-error-icon { animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards); animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms); background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b)); border-radius: var(--hot-toast-error-icon-border-radius, 10px); height: var(--hot-toast-error-icon-height, 20px); opacity: var(--hot-toast-error-icon-opacity, 0); position: var(--hot-toast-error-icon-position, relative); transform: var(--hot-toast-error-icon-transform, rotate(45deg)); width: var(--hot-toast-error-icon-width, 20px); } @media (prefers-reduced-motion: reduce) { .hot-toast-error-icon { animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms); } } .hot-toast-error-icon::after, .hot-toast-error-icon::before { animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards); animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms); background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff)); border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px); bottom: var(--hot-toast-error-icon-after-before-bottom, 9px); content: var(--hot-toast-error-icon-after-before-content, ""); height: var(--hot-toast-error-icon-after-before-height, 2px); left: var(--hot-toast-error-icon-after-before-left, 4px); opacity: var(--hot-toast-error-icon-after-before-opacity, 0); position: var(--hot-toast-error-icon-after-before-position, absolute); width: var(--hot-toast-error-icon-after-before-width, 12px); } @media (prefers-reduced-motion: reduce) { .hot-toast-error-icon::after, .hot-toast-error-icon::before { animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms); } } .hot-toast-error-icon::before { animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards); animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms); transform: var(--hot-toast-error-icon-before-transform, rotate(90deg)); } @media (prefers-reduced-motion: reduce) { .hot-toast-error-icon::before { animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms); } } .hot-toast-bar-base { align-items: var(--hot-toast-align-items, center); background-color: var(--hot-toast-bg, #fff); border-radius: var(--hot-toast-border-radius, 4px); box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05)); color: var(--hot-toast-color, #363636); display: var(--hot-toast-display, flex); line-height: var(--hot-toast-line, 1.3); margin: var(--hot-toast-margin, 16px); max-width: var(--hot-toast-max-width, 350px); padding: var(--hot-toast-padding, 8px 10px); pointer-events: var(--hot-toast-pointer-events, auto); width: var(--hot-toast-width, -moz-fit-content); width: var(--hot-toast-width, fit-content); transition-property: border-bottom-left-radius, border-bottom-right-radius; transition-duration: 230ms; transition-timing-function: ease-out; } .hot-toast-bar-base:hover, .hot-toast-bar-base:focus { animation-play-state: var(--hot-toast-animation-state, paused) !important; } @media (prefers-reduced-motion: reduce) { .hot-toast-bar-base { animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important; } } .expanded .hot-toast-bar-base { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hot-toast-message { color: var(--hot-toast-message-color, inherit); display: var(--hot-toast-message-display, flex); flex: var(--hot-toast-message-flex, 1); justify-content: var(--hot-toast-message-justify-content, center); margin: var(--hot-toast-message-margin, 4px 10px); } .hot-toast-bar-base-container { display: var(--hot-toast-container-display, flex); pointer-events: var(--hot-toast-container-pointer-events, none); position: var(--hot-toast-container-position, absolute); transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1)); } @media (prefers-reduced-motion: reduce) { .hot-toast-bar-base-container { transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important; } } .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base { background: var(--hot-toast-snackbar-bg, #323232); box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)); color: var(--hot-toast-snackbar-color, rgb(255, 255, 255)); } .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn { filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%)); } .hot-toast-close-btn { align-self: var(--hot-toast-close-btn-align-self, flex-start); background-color: var(--hot-toast-close-btn-background-color, transparent); background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")); background-position: var(--hot-toast-close-btn-background-position, center); background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat); background-size: var(--hot-toast-close-btn-background-size, 0.75em); border: var(--hot-toast-close-btn-border, 0); border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem); box-sizing: var(--hot-toast-close-btn-box-sizing, content-box); display: var(--hot-toast-close-btn-display, flex); height: var(--hot-toast-close-btn-height, 0.8em); margin-top: var(--hot-toast-close-btn-margin-top, 0.25em); opacity: var(--hot-toast-close-btn-opacity, 0.5); padding: var(--hot-toast-close-btn-padding, 0.25em); width: var(--hot-toast-close-btn-width, 0.8em); } .hot-toast-close-btn:focus { box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25)); outline: var(--hot-toast-close-btn-outline, none); } .hot-toast-close-btn:hover, .hot-toast-close-btn:focus { opacity: var(--hot-toast-close-btn-opacity, 0.75); } .hot-toast-group-btn { align-self: var(--hot-toast-group-btn-align-self, flex-start); background-color: var(--hot-toast-group-btn-background-color, transparent); background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E")); background-position: var(--hot-toast-group-btn-background-position, center); background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat); background-size: var(--hot-toast-group-btn-background-size, 1.3em); border: var(--hot-toast-group-btn-border, 0); border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem); box-sizing: var(--hot-toast-group-btn-box-sizing, content-box); display: var(--hot-toast-group-btn-display, flex); height: var(--hot-toast-group-btn-height, 0.8em); margin-top: var(--hot-toast-group-btn-margin-top, 0.25em); opacity: var(--hot-toast-group-btn-opacity, 0.5); padding: var(--hot-toast-group-btn-padding, 0.25em); width: var(--hot-toast-group-btn-width, 0.8em); will-change: var(--hot-toast-group-btn-will-change, transform); transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1)); } .hot-toast-group-btn:focus { box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25)); outline: var(--hot-toast-group-btn-outline, none); } .hot-toast-group-btn:hover, .hot-toast-group-btn:focus { opacity: var(--hot-toast-group-btn-opacity, 0.75); } .expanded .hot-toast-group-btn { transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg)); } .hot-toast-icon { align-self: var(--hot-toast-icon-align-self, flex-start); padding-top: var(--hot-toast-icon-padding-top, 0.25em); } .hot-toast-bar-base-wrapper { pointer-events: all; } .hot-toast-bar-base-group { --hot-toast-shadow: none; background-color: var(--hot-toast-group-bg, #fff); margin: var(--hot-toast-margin, 16px); margin-top: calc(-1 * var(--hot-toast-margin, 16px)); border-bottom-left-radius: var(--hot-toast-border-radius, 4px); border-bottom-right-radius: var(--hot-toast-border-radius, 4px); height: 0; overflow: hidden; transition-property: height; transition-duration: 230ms; transition-timing-function: ease-in-out; position: relative; box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05)); } .expanded .hot-toast-bar-base-group { height: var(--hot-toast-group-height); } .hot-toast-bar-base-group .hot-toast-bar-base { margin: 0; } @keyframes hotToastEnterAnimationNegative { 0% { opacity: 0.5; transform: translate3d(0, -80px, 0) scale(0.6); } 100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } @keyframes hotToastEnterAnimationPositive { 0% { opacity: 0.5; transform: translate3d(0, 80px, 0) scale(0.6); } 100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } @keyframes hotToastExitAnimationPositive { 0% { opacity: 1; transform: translate3d(0, 0, -1px) scale(1); } 100% { opacity: 0; transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5); } } @keyframes hotToastExitAnimationNegative { 0% { opacity: 1; transform: translate3d(0, 0, -1px) scale(1); } 100% { opacity: 0; transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5); } } @keyframes hotToastEnterSoftAnimationNegative { 0% { opacity: 0.5; transform: translate3d(0, -14px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes hotToastEnterSoftAnimationPositive { 0% { opacity: 0.5; transform: translate3d(0, 14px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes hotToastExitSoftAnimationPositive { 0% { opacity: 1; transform: translate3d(0, 0, -1px); } 100% { opacity: 0; transform: translate3d(0, 14px, -1px); } } @keyframes hotToastExitSoftAnimationNegative { 0% { opacity: 1; transform: translate3d(0, 0, -1px); } 100% { opacity: 0; transform: translate3d(0, -14px, -1px); } } .hot-toast-indicator-wrapper { align-items: var(--hot-toast-indicator-wrapper-align-items, center); display: var(--hot-toast-indicator-wrapper-display, flex); justify-content: var(--hot-toast-indicator-wrapper-justify-content, center); min-height: var(--hot-toast-indicator-wrapper-min-height, 20px); min-width: var(--hot-toast-indicator-wrapper-min-width, 20px); position: var(--hot-toast-indicator-wrapper-position, relative); } .hot-toast-status-wrapper { position: var(--hot-toast-status-wrapper-position, absolute); } @keyframes animate-info-background { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes animate-info-line { 0% { height: 0; opacity: 0; } 40% { height: 4.8px; opacity: 1; } 100% { height: 8px; opacity: 1; } } .hot-toast-info-icon { animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards); animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms); background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd)); border-radius: var(--hot-toast-info-icon-border-radius, 50%); display: var(--hot-toast-info-icon-display, block); height: var(--hot-toast-info-icon-height, 20px); opacity: var(--hot-toast-info-icon-opacity, 0); position: var(--hot-toast-info-icon-position, relative); transform: var(--hot-toast-info-icon-transform, scale(0)); width: var(--hot-toast-info-icon-width, 20px); } .hot-toast-info-icon::after, .hot-toast-info-icon::before { background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff)); border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px); box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box); content: var(--hot-toast-info-icon-after-before-content, ""); display: var(--hot-toast-info-icon-after-before-display, block); left: var(--hot-toast-info-icon-after-before-left, 8.5px); position: var(--hot-toast-info-icon-after-before-position, absolute); width: var(--hot-toast-info-icon-after-before-width, 2.5px); } .hot-toast-info-icon::after { animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards); animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms); height: var(--hot-toast-info-icon-after-height, 0); opacity: var(--hot-toast-info-icon-after-opacity, 0); top: var(--hot-toast-info-icon-after-bottom, 8px); } .hot-toast-info-icon::before { height: var(--hot-toast-info-icon-before-height, 2px); top: var(--hot-toast-info-icon-before-top, 4px); } @keyframes hotToastRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .hot-toast-loader-icon { animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite); border: var(--hot-toast-loader-icon-border, 2px solid); border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0); border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0); border-radius: var(--hot-toast-loader-icon-border-radius, 100%); border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161); border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0); box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box); height: var(--hot-toast-loader-icon-height, 18px); padding-top: var(--hot-toast-loader-icon-padding-top, 2px); width: var(--hot-toast-loader-icon-width, 18px); } @media (prefers-reduced-motion: reduce) { .hot-toast-loader-icon { animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s); } } @keyframes animate-warn-background { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes animate-warn-line { 0% { height: 0; opacity: 0; } 40% { height: 4.8px; opacity: 1; } 100% { height: 8px; opacity: 1; } } .hot-toast-warning-icon { animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards); animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms); background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00)); border-radius: var(--hot-toast-warning-icon-border-radius, 50%); display: var(--hot-toast-warning-icon-display, block); height: var(--hot-toast-warning-icon-height, 20px); opacity: var(--hot-toast-warning-icon-opacity, 0); position: var(--hot-toast-warning-icon-position, relative); transform: var(--hot-toast-warning-icon-transform, scale(0)); width: var(--hot-toast-warning-icon-width, 20px); } .hot-toast-warning-icon::after, .hot-toast-warning-icon::before { background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff)); border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px); box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box); content: var(--hot-toast-warning-icon-after-before-content, ""); display: var(--hot-toast-warning-icon-after-before-display, block); left: var(--hot-toast-warning-icon-after-before-left, 8.5px); position: var(--hot-toast-warning-icon-after-before-position, absolute); width: var(--hot-toast-warning-icon-after-before-width, 2.5px); } .hot-toast-warning-icon::after { animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards); animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms); height: var(--hot-toast-warning-icon-after-height, 0); opacity: var(--hot-toast-warning-icon-after-opacity, 0); top: var(--hot-toast-warning-icon-after-top, 4px); } .hot-toast-warning-icon::before { bottom: var(--hot-toast-warning-icon-before-bottom, 4px); height: var(--hot-toast-warning-icon-before-height, 2px); } :root{--iti-border-gray:#ccc;--iti-text-gray:#999;--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:var(--iti-border-gray);--iti-dialcode-color:var(--iti-text-gray);--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url('flags.3afdda2f9c396184.webp');--iti-path-flags-2x:url('flags@2x.5fbe9fc17474f509.webp');--iti-path-globe-1x:url('globe.98e105ca81b63f37.webp');--iti-path-globe-2x:url('globe@2x.974df6f829af5e5b.webp');--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:var(--iti-flag-width)}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}.iti--allow-dropdown .iti__country-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__np{--iti-flag-width:13px}.iti__ch,.iti__va{--iti-flag-width:15px}.iti__be,.iti__ne{--iti-flag-width:18px}.iti__mc{--iti-flag-width:19px}.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}.iti__qa{--iti-flag-height:8px}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-22px}.iti__ae{--iti-flag-offset:-44px}.iti__af{--iti-flag-offset:-66px}.iti__ag{--iti-flag-offset:-88px}.iti__ai{--iti-flag-offset:-110px}.iti__al{--iti-flag-offset:-132px}.iti__am{--iti-flag-offset:-154px}.iti__ao{--iti-flag-offset:-176px}.iti__aq{--iti-flag-offset:-198px}.iti__ar{--iti-flag-offset:-220px}.iti__as{--iti-flag-offset:-242px}.iti__at{--iti-flag-offset:-264px}.iti__au{--iti-flag-offset:-286px}.iti__aw{--iti-flag-offset:-308px}.iti__ax{--iti-flag-offset:-330px}.iti__az{--iti-flag-offset:-352px}.iti__ba{--iti-flag-offset:-374px}.iti__bb{--iti-flag-offset:-396px}.iti__bd{--iti-flag-offset:-418px}.iti__be{--iti-flag-offset:-440px}.iti__bf{--iti-flag-offset:-460px}.iti__bg{--iti-flag-offset:-482px}.iti__bh{--iti-flag-offset:-504px}.iti__bi{--iti-flag-offset:-526px}.iti__bj{--iti-flag-offset:-548px}.iti__bl{--iti-flag-offset:-570px}.iti__bm{--iti-flag-offset:-592px}.iti__bn{--iti-flag-offset:-614px}.iti__bo{--iti-flag-offset:-636px}.iti__bq{--iti-flag-offset:-658px}.iti__br{--iti-flag-offset:-680px}.iti__bs{--iti-flag-offset:-702px}.iti__bt{--iti-flag-offset:-724px}.iti__bv{--iti-flag-offset:-746px}.iti__bw{--iti-flag-offset:-768px}.iti__by{--iti-flag-offset:-790px}.iti__bz{--iti-flag-offset:-812px}.iti__ca{--iti-flag-offset:-834px}.iti__cc{--iti-flag-offset:-856px}.iti__cd{--iti-flag-offset:-878px}.iti__cf{--iti-flag-offset:-900px}.iti__cg{--iti-flag-offset:-922px}.iti__ch{--iti-flag-offset:-944px}.iti__ci{--iti-flag-offset:-961px}.iti__ck{--iti-flag-offset:-983px}.iti__cl{--iti-flag-offset:-1005px}.iti__cm{--iti-flag-offset:-1027px}.iti__cn{--iti-flag-offset:-1049px}.iti__co{--iti-flag-offset:-1071px}.iti__cp{--iti-flag-offset:-1093px}.iti__cq{--iti-flag-offset:-1115px}.iti__cr{--iti-flag-offset:-1137px}.iti__cu{--iti-flag-offset:-1159px}.iti__cv{--iti-flag-offset:-1181px}.iti__cw{--iti-flag-offset:-1203px}.iti__cx{--iti-flag-offset:-1225px}.iti__cy{--iti-flag-offset:-1247px}.iti__cz{--iti-flag-offset:-1269px}.iti__de{--iti-flag-offset:-1291px}.iti__dg{--iti-flag-offset:-1313px}.iti__dj{--iti-flag-offset:-1335px}.iti__dk{--iti-flag-offset:-1357px}.iti__dm{--iti-flag-offset:-1379px}.iti__do{--iti-flag-offset:-1401px}.iti__dz{--iti-flag-offset:-1423px}.iti__ea{--iti-flag-offset:-1445px}.iti__ec{--iti-flag-offset:-1467px}.iti__ee{--iti-flag-offset:-1489px}.iti__eg{--iti-flag-offset:-1511px}.iti__eh{--iti-flag-offset:-1533px}.iti__er{--iti-flag-offset:-1555px}.iti__es{--iti-flag-offset:-1577px}.iti__et{--iti-flag-offset:-1599px}.iti__eu{--iti-flag-offset:-1621px}.iti__ez{--iti-flag-offset:-1643px}.iti__fi{--iti-flag-offset:-1665px}.iti__fj{--iti-flag-offset:-1687px}.iti__fk{--iti-flag-offset:-1709px}.iti__fm{--iti-flag-offset:-1731px}.iti__fo{--iti-flag-offset:-1753px}.iti__fr{--iti-flag-offset:-1775px}.iti__fx{--iti-flag-offset:-1797px}.iti__ga{--iti-flag-offset:-1819px}.iti__gb{--iti-flag-offset:-1841px}.iti__gd{--iti-flag-offset:-1863px}.iti__ge{--iti-flag-offset:-1885px}.iti__gf{--iti-flag-offset:-1907px}.iti__gg{--iti-flag-offset:-1929px}.iti__gh{--iti-flag-offset:-1951px}.iti__gi{--iti-flag-offset:-1973px}.iti__gl{--iti-flag-offset:-1995px}.iti__gm{--iti-flag-offset:-2017px}.iti__gn{--iti-flag-offset:-2039px}.iti__gp{--iti-flag-offset:-2061px}.iti__gq{--iti-flag-offset:-2083px}.iti__gr{--iti-flag-offset:-2105px}.iti__gs{--iti-flag-offset:-2127px}.iti__gt{--iti-flag-offset:-2149px}.iti__gu{--iti-flag-offset:-2171px}.iti__gw{--iti-flag-offset:-2193px}.iti__gy{--iti-flag-offset:-2215px}.iti__hk{--iti-flag-offset:-2237px}.iti__hm{--iti-flag-offset:-2259px}.iti__hn{--iti-flag-offset:-2281px}.iti__hr{--iti-flag-offset:-2303px}.iti__ht{--iti-flag-offset:-2325px}.iti__hu{--iti-flag-offset:-2347px}.iti__ic{--iti-flag-offset:-2369px}.iti__id{--iti-flag-offset:-2391px}.iti__ie{--iti-flag-offset:-2413px}.iti__il{--iti-flag-offset:-2435px}.iti__im{--iti-flag-offset:-2457px}.iti__in{--iti-flag-offset:-2479px}.iti__io{--iti-flag-offset:-2501px}.iti__iq{--iti-flag-offset:-2523px}.iti__ir{--iti-flag-offset:-2545px}.iti__is{--iti-flag-offset:-2567px}.iti__it{--iti-flag-offset:-2589px}.iti__je{--iti-flag-offset:-2611px}.iti__jm{--iti-flag-offset:-2633px}.iti__jo{--iti-flag-offset:-2655px}.iti__jp{--iti-flag-offset:-2677px}.iti__ke{--iti-flag-offset:-2699px}.iti__kg{--iti-flag-offset:-2721px}.iti__kh{--iti-flag-offset:-2743px}.iti__ki{--iti-flag-offset:-2765px}.iti__km{--iti-flag-offset:-2787px}.iti__kn{--iti-flag-offset:-2809px}.iti__kp{--iti-flag-offset:-2831px}.iti__kr{--iti-flag-offset:-2853px}.iti__kw{--iti-flag-offset:-2875px}.iti__ky{--iti-flag-offset:-2897px}.iti__kz{--iti-flag-offset:-2919px}.iti__la{--iti-flag-offset:-2941px}.iti__lb{--iti-flag-offset:-2963px}.iti__lc{--iti-flag-offset:-2985px}.iti__li{--iti-flag-offset:-3007px}.iti__lk{--iti-flag-offset:-3029px}.iti__lr{--iti-flag-offset:-3051px}.iti__ls{--iti-flag-offset:-3073px}.iti__lt{--iti-flag-offset:-3095px}.iti__lu{--iti-flag-offset:-3117px}.iti__lv{--iti-flag-offset:-3139px}.iti__ly{--iti-flag-offset:-3161px}.iti__ma{--iti-flag-offset:-3183px}.iti__mc{--iti-flag-offset:-3205px}.iti__md{--iti-flag-offset:-3226px}.iti__me{--iti-flag-offset:-3248px}.iti__mf{--iti-flag-offset:-3270px}.iti__mg{--iti-flag-offset:-3292px}.iti__mh{--iti-flag-offset:-3314px}.iti__mk{--iti-flag-offset:-3336px}.iti__ml{--iti-flag-offset:-3358px}.iti__mm{--iti-flag-offset:-3380px}.iti__mn{--iti-flag-offset:-3402px}.iti__mo{--iti-flag-offset:-3424px}.iti__mp{--iti-flag-offset:-3446px}.iti__mq{--iti-flag-offset:-3468px}.iti__mr{--iti-flag-offset:-3490px}.iti__ms{--iti-flag-offset:-3512px}.iti__mt{--iti-flag-offset:-3534px}.iti__mu{--iti-flag-offset:-3556px}.iti__mv{--iti-flag-offset:-3578px}.iti__mw{--iti-flag-offset:-3600px}.iti__mx{--iti-flag-offset:-3622px}.iti__my{--iti-flag-offset:-3644px}.iti__mz{--iti-flag-offset:-3666px}.iti__na{--iti-flag-offset:-3688px}.iti__nc{--iti-flag-offset:-3710px}.iti__ne{--iti-flag-offset:-3732px}.iti__nf{--iti-flag-offset:-3752px}.iti__ng{--iti-flag-offset:-3774px}.iti__ni{--iti-flag-offset:-3796px}.iti__nl{--iti-flag-offset:-3818px}.iti__no{--iti-flag-offset:-3840px}.iti__np{--iti-flag-offset:-3862px}.iti__nr{--iti-flag-offset:-3877px}.iti__nu{--iti-flag-offset:-3899px}.iti__nz{--iti-flag-offset:-3921px}.iti__om{--iti-flag-offset:-3943px}.iti__pa{--iti-flag-offset:-3965px}.iti__pe{--iti-flag-offset:-3987px}.iti__pf{--iti-flag-offset:-4009px}.iti__pg{--iti-flag-offset:-4031px}.iti__ph{--iti-flag-offset:-4053px}.iti__pk{--iti-flag-offset:-4075px}.iti__pl{--iti-flag-offset:-4097px}.iti__pm{--iti-flag-offset:-4119px}.iti__pn{--iti-flag-offset:-4141px}.iti__pr{--iti-flag-offset:-4163px}.iti__ps{--iti-flag-offset:-4185px}.iti__pt{--iti-flag-offset:-4207px}.iti__pw{--iti-flag-offset:-4229px}.iti__py{--iti-flag-offset:-4251px}.iti__qa{--iti-flag-offset:-4273px}.iti__re{--iti-flag-offset:-4295px}.iti__ro{--iti-flag-offset:-4317px}.iti__rs{--iti-flag-offset:-4339px}.iti__ru{--iti-flag-offset:-4361px}.iti__rw{--iti-flag-offset:-4383px}.iti__sa{--iti-flag-offset:-4405px}.iti__sb{--iti-flag-offset:-4427px}.iti__sc{--iti-flag-offset:-4449px}.iti__sd{--iti-flag-offset:-4471px}.iti__se{--iti-flag-offset:-4493px}.iti__sg{--iti-flag-offset:-4515px}.iti__sh{--iti-flag-offset:-4537px}.iti__si{--iti-flag-offset:-4559px}.iti__sj{--iti-flag-offset:-4581px}.iti__sk{--iti-flag-offset:-4603px}.iti__sl{--iti-flag-offset:-4625px}.iti__sm{--iti-flag-offset:-4647px}.iti__sn{--iti-flag-offset:-4669px}.iti__so{--iti-flag-offset:-4691px}.iti__sr{--iti-flag-offset:-4713px}.iti__ss{--iti-flag-offset:-4735px}.iti__st{--iti-flag-offset:-4757px}.iti__su{--iti-flag-offset:-4779px}.iti__sv{--iti-flag-offset:-4801px}.iti__sx{--iti-flag-offset:-4823px}.iti__sy{--iti-flag-offset:-4845px}.iti__sz{--iti-flag-offset:-4867px}.iti__ta{--iti-flag-offset:-4889px}.iti__tc{--iti-flag-offset:-4911px}.iti__td{--iti-flag-offset:-4933px}.iti__tf{--iti-flag-offset:-4955px}.iti__tg{--iti-flag-offset:-4977px}.iti__th{--iti-flag-offset:-4999px}.iti__tj{--iti-flag-offset:-5021px}.iti__tk{--iti-flag-offset:-5043px}.iti__tl{--iti-flag-offset:-5065px}.iti__tm{--iti-flag-offset:-5087px}.iti__tn{--iti-flag-offset:-5109px}.iti__to{--iti-flag-offset:-5131px}.iti__tr{--iti-flag-offset:-5153px}.iti__tt{--iti-flag-offset:-5175px}.iti__tv{--iti-flag-offset:-5197px}.iti__tw{--iti-flag-offset:-5219px}.iti__tz{--iti-flag-offset:-5241px}.iti__ua{--iti-flag-offset:-5263px}.iti__ug{--iti-flag-offset:-5285px}.iti__uk{--iti-flag-offset:-5307px}.iti__um{--iti-flag-offset:-5329px}.iti__un{--iti-flag-offset:-5351px}.iti__us{--iti-flag-offset:-5373px}.iti__uy{--iti-flag-offset:-5395px}.iti__uz{--iti-flag-offset:-5417px}.iti__va{--iti-flag-offset:-5439px}.iti__vc{--iti-flag-offset:-5456px}.iti__ve{--iti-flag-offset:-5478px}.iti__vg{--iti-flag-offset:-5500px}.iti__vi{--iti-flag-offset:-5522px}.iti__vn{--iti-flag-offset:-5544px}.iti__vu{--iti-flag-offset:-5566px}.iti__wf{--iti-flag-offset:-5588px}.iti__ws{--iti-flag-offset:-5610px}.iti__xk{--iti-flag-offset:-5632px}.iti__ye{--iti-flag-offset:-5654px}.iti__yt{--iti-flag-offset:-5676px}.iti__za{--iti-flag-offset:-5698px}.iti__zm{--iti-flag-offset:-5720px}.iti__zw{--iti-flag-offset:-5742px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}} .p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-button-group .p-button{margin:0}.p-button-group .p-button:focus,.p-button-group p-button:focus .p-button,.p-buttonset .p-button:focus,.p-buttonset .p-button:focus,.p-buttonset p-button:focus .p-button,.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-group .p-button:not(:last-child),.p-button-group .p-button:not(:last-child):hover,.p-button-group p-button:not(:last-child) .p-button,.p-button-group p-button:not(:last-child) .p-button:hover,.p-buttonset .p-button:not(:last-child),.p-buttonset .p-button:not(:last-child):hover,.p-buttonset p-button:not(:last-child) .p-button,.p-buttonset p-button:not(:last-child) .p-button:hover{border-right:0 none}.p-button-group .p-button:not(:first-of-type):not(:last-of-type),.p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,.p-buttonset .p-button:not(:first-of-type):not(:last-of-type),.p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button{border-radius:0}.p-button-group .p-button:first-of-type:not(:only-of-type),.p-button-group p-button:first-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:first-of-type:not(:only-of-type),.p-buttonset p-button:first-of-type:not(:only-of-type) .p-button{border-top-right-radius:0;border-bottom-right-radius:0}.p-button-group .p-button:last-of-type:not(:only-of-type),.p-button-group p-button:last-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:last-of-type:not(:only-of-type),.p-buttonset p-button:last-of-type:not(:only-of-type) .p-button{border-top-left-radius:0;border-bottom-left-radius:0}p-button[iconpos='right'] spinnericon{order:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.febf5f041e83bfbe.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.de26927932756490.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password .p-icon{cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{scale:2;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}} button, a{ cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; -webkit-tap-highlight-color: transparent; } .btn{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn:hover{ background-color: hsl(var(--primary) / 0.8); } } .btn[disabled]{ cursor: not-allowed; background-color: hsl(var(--tertiary-200) / 0.5); color: hsl(var(--tertiary-900) / 0.3); } @media (min-width: 1024px){ .btn[disabled]:hover{ background-color: hsl(var(--tertiary-200) / 0.5); } } .btn[disabled]:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .btn[disabled]:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } } .btn[disabled] .icon{ color: hsl(var(--tertiary-400) / 0.5); } .btn[disabled] .icon:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .btn-gradient{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--primary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-gradient:hover{ --tw-gradient-from: hsl(var(--primary) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--primary) / 0.35) var(--tw-gradient-to-position); } } .btn-gradient[disabled]{ cursor: not-allowed; --tw-gradient-from: hsl(var(--tertiary-100) / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary-100) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--tertiary-200) / 0.5) var(--tw-gradient-to-position); color: hsl(var(--tertiary-400) / 0.5); } @media (min-width: 1024px){ .btn-gradient[disabled]:hover{ --tw-gradient-from: hsl(var(--tertiary-100) / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary-100) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--tertiary-200) / 0.5) var(--tw-gradient-to-position); } } .btn-gradient[disabled]:is(.dark *){ --tw-gradient-from: hsl(var(--tertiary-100) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary-100) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--tertiary-200) / 1) var(--tw-gradient-to-position); --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-gradient[disabled]:hover:is(.dark *){ --tw-gradient-from: hsl(var(--tertiary-100) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary-100) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--tertiary-200) / 1) var(--tw-gradient-to-position); } } .btn-gradient[disabled] .icon{ color: hsl(var(--tertiary-400) / 0.5); } .btn-gradient[disabled] .icon:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .btn-outline{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; border-width: 1px; border-color: hsl(var(--tertiary-200) / 0.5); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-outline:hover{ background-color: hsl(var(--tertiary-100) / 0.5); } } .btn-outline:is(.dark *){ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ .btn-outline:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .btn-outline[disabled]{ cursor: not-allowed; color: hsl(var(--tertiary-200) / 0.5); } @media (min-width: 1024px){ .btn-outline[disabled]:hover{ background-color: transparent; } } .btn-outline[disabled]:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-200) / var(--tw-text-opacity, 1)); } .btn-outline[disabled] .icon{ color: hsl(var(--tertiary-400) / 0.5); } .btn-outline[disabled] .icon:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .btn-secondary{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-secondary:hover{ background-color: hsl(var(--secondary) / 0.8); } } .btn-secondary[disabled]{ cursor: not-allowed; background-color: hsl(var(--tertiary-200) / 0.5); color: hsl(var(--tertiary-400) / 0.5); } @media (min-width: 1024px){ .btn-secondary[disabled]:hover{ background-color: hsl(var(--tertiary-200) / 0.5); } } .btn-secondary[disabled]:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-secondary[disabled]:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } } .btn-secondary[disabled] .icon{ color: hsl(var(--tertiary-400) / 0.5); } .btn-secondary[disabled] .icon:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .btn-transparent{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-transparent:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .btn-transparent[disabled]{ cursor: not-allowed; --tw-text-opacity: 1; color: hsl(var(--tertiary-200) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-transparent[disabled]:hover{ background-color: transparent; } } .btn-transparent[disabled] .icon{ color: hsl(var(--tertiary-950) / 0.4); } .btn-red{ display: flex; min-height: 3.25rem; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.625rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-red:hover{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } } .btn-red[disabled]{ cursor: not-allowed; background-color: hsl(var(--tertiary-200) / 0.5); color: hsl(var(--tertiary-400) / 0.5); } @media (min-width: 1024px){ .btn-red[disabled]:hover{ background-color: hsl(var(--tertiary-200) / 0.5); } } .btn-red[disabled]:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .btn-red[disabled]:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } } .btn-red[disabled] .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-400) / var(--tw-text-opacity, 1)); } .btn-link{ font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .btn-link:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .btn-link-primary{ font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .btn-link-primary:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } .btn-icon{ display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .btn-icon:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .menu-btn{ display: flex; align-items: center; column-gap: 0.25rem; text-align: right; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .menu-btn .icon{ height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .back-btn{ display: flex; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .back-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .back-btn .icon{ height: 1.5rem; width: 1.5rem; } .close-btn{ display: flex; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .close-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .close-btn .icon{ height: 1.5rem; width: 1.5rem; } .trash-btn{ position: relative; height: 1.5rem; width: 1.5rem; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .trash-btn:hover .trash-icon .lid{ --tw-translate-x: -50%; --tw-rotate: -35deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .trash-btn:hover .trash-icon .lid::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .trash-btn:hover .trash-icon .can{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .trash-btn .trash-icon{ position: absolute; left: 50%; top: 50%; display: block; height: 1.5rem; width: 1.5rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .trash-btn .trash-icon .lid{ position: absolute; left: 50%; top: 23%; z-index: 2; height: 10%; width: 70%; transform-origin: left bottom; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; background-color: hsl(var(--tertiary-900) / 0.5); transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .trash-btn .trash-icon .lid::before{ position: absolute; left: 50%; bottom: 100%; height: 70%; width: 30%; --tw-translate-x: -50%; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 1px; border-color: hsl(var(--tertiary-900) / 0.5); --tw-content: ""; content: var(--tw-content); } .trash-btn .trash-icon .can{ position: absolute; left: 50%; bottom: 0px; z-index: 2; height: 60%; width: 60%; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; background-color: hsl(var(--tertiary-900) / 0.5); } .trash-btn .trash-icon .can::before{ position: absolute; top: 20%; bottom: 20%; left: 30%; width: 1.5px; border-radius: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-content: ""; content: var(--tw-content); } .trash-btn .trash-icon .can::after{ position: absolute; top: 40%; bottom: 20%; left: 60%; width: 1.5px; border-radius: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-content: ""; content: var(--tw-content); } .toggle-button-group-container{ display: grid; } .toggle-button-group-container .toggle-button-group{ display: flex; align-items: center; column-gap: 0.5rem; overflow-x: auto; padding-bottom: 0.375rem; } .toggle-button-group-container .toggle-button-group .toggle-button{ display: flex; height: 2rem; align-items: center; white-space: nowrap; border-radius: 3.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-900) / 0.7); } @media (min-width: 1024px){ .toggle-button-group-container .toggle-button-group .toggle-button:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } } .toggle-button-group-container .toggle-button-group .toggle-button.active{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .toggle-button-group-container .toggle-button-group .toggle-button .icon{ margin-right: 0.25rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .toggle-button-group-container .toggle-button-group .toggle-button-outline{ display: flex; height: 2rem; align-items: center; white-space: nowrap; border-radius: 3.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-900) / 0.7); } @media (min-width: 1024px){ .toggle-button-group-container .toggle-button-group .toggle-button-outline:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .toggle-button-group-container .toggle-button-group .toggle-button-outline.active{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .toggle-button-group-container .toggle-button-group .toggle-button-outline .icon{ margin-right: 0.25rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .twofa-wrp a{ padding: 0.125rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .bet-history-cashout .cashout .btn .btn-text span{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .card{ border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .card.card-body{ border-radius: 0.25rem; padding: 1.25rem; } .card .card-img{ height: 7rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } @media (min-width: 1024px){ .card .card-img{ height: 158px; } } .card .card-img img{ height: 100%; width: 100%; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; object-fit: cover; } .card .card-header{ position: relative; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding: 1.25rem; } .card .card-header .card-title{ display: flex; flex-direction: column; justify-content: center; font-size: 1rem; font-weight: 700; line-height: 1.25rem; } .card .card-header .card-title .card-subtitle{ margin-top: 0.25rem; font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.5); } .card .card-header .card-toolbar{ margin-left: 0.5rem; display: flex; flex-shrink: 0; align-items: center; } .card .card-header .card-toolbar .btn{ height: auto; min-height: 0px; min-width: 0px; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.875rem; } .card .card-header .card-ribbon{ position: absolute; top: 0px; right: 0px; border-bottom-left-radius: 14px; border-top-right-radius: 0.25rem; border-bottom-width: 2px; --tw-border-opacity: 1; border-bottom-color: hsl(var(--primary-600) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.313rem; padding-bottom: 0.313rem; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; font-style: italic; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .card .card-header .card-ribbon:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: hsl(var(--primary-400) / var(--tw-border-opacity, 1)); } .card .card-body{ padding: 1.25rem; } .card.card-collapse .card-header{ cursor: pointer; } .card.card-collapse .card-header .card-toolbar .chevron-icon{ height: 1.5rem; width: 1.5rem; --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); color: hsl(var(--tertiary-950) / 0.4); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .card.collapsed .card-header{ border-radius: 0.25rem; border-bottom-width: 0px; } .card.collapsed .card-header .card-toolbar .chevron-icon{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .p-component-overlay{ background-color: hsl(var(--tertiary-950) / 0.3); --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from{ background-color: transparent; } to{ background-color: hsl(var(--tertiary-950) / 0.3); } } @keyframes p-component-overlay-leave-animation { from{ background-color: hsl(var(--tertiary-950) / 0.3); } to{ background-color: transparent; } } .p-overflow-hidden { -webkit-overflow-scrolling: touch; } .p-dialog{ height: 100%; max-height: 100vh; width: 100%; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .p-dialog{ height: auto; max-height: 90vh; max-width: 538px; border-radius: 0.25rem; } } .p-dialog .p-dialog-content{ overflow: hidden; } @media (min-width: 1024px){ .p-dialog .p-dialog-content{ border-radius: 0.25rem; } } .p-dialog .dialog{ display: flex; height: 100%; flex-direction: column; } .p-dialog .dialog-header{ display: flex; height: 4rem; flex-shrink: 0; align-items: center; justify-content: space-between; column-gap: 0.5rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-bottom-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; } .p-dialog .dialog-header .dialog-title{ flex: 1 1 0%; font-size: 1rem; font-weight: 700; line-height: 1.25rem; } .p-dialog .dialog-header .dialog-toolbar{ display: flex; align-items: center; column-gap: 1rem; } .p-dialog .dialog-body{ position: relative; display: flex; flex: 1 1 0%; flex-direction: column; overflow-y: auto; padding: 1.25rem; } @media (min-width: 1024px){ .p-dialog .dialog-body{ max-height: calc(90vh - 64px); padding: 1.875rem; } } .p-dialog .dialog-body .close-btn{ position: absolute; right: 0.5rem; top: 0.5rem; z-index: 50; } @media (min-width: 1024px){ .p-dialog .dialog-body .close-btn{ right: 0.75rem; top: 0.75rem; } } .p-dialog .dialog-body form{ display: flex; flex: 1 1 0%; flex-direction: column; } .p-dialog .dialog-body .dialog-content{ flex: 1 1 0%; } .p-dialog .dialog-body .dialog-actions{ margin-top: 1.875rem; display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 1024px){ .p-dialog .dialog-body .dialog-actions{ flex-direction: row; } } .p-dialog .dialog-body .dialog-actions .btn{ width: 100%; } @media (min-width: 1024px){ .dialog-lg{ max-width: 942px; } .dialog-lg .dialog-body{ max-height: calc(90vh - 64px); } .dialog-xl{ max-width: 1140px; } .dialog-xl .dialog-body{ max-height: calc(90vh - 64px); } .dialog-2xl{ max-width: 1280px; } .dialog-2xl .dialog-body{ max-height: calc(90vh - 64px); } .dialog-full{ height: 100%; max-height: 100vh; max-width: 100%; border-radius: 0px; } .dialog-full .p-dialog-content{ border-radius: 0px; } .dialog-full .dialog-body{ max-height: calc(100vh - 64px); } } .filter-dialog .dialog-header .dialog-toolbar .reset-btn{ font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 4px; } @media (min-width: 1024px){ .filter-dialog .dialog-header .dialog-toolbar .reset-btn:hover{ color: hsl(var(--tertiary-foreground) / 0.8); } } .redirect-dialog{ padding: 1.25rem; } .detail-dialog.dialog .dialog-row{ margin-bottom: 0.5rem; display: flex; justify-content: space-between; column-gap: 0.5rem; } .detail-dialog.dialog .dialog-row:last-child{ margin-bottom: 0px; } @media (min-width: 1024px){ .detail-dialog.dialog .dialog-row{ margin-bottom: 1rem; } } .detail-dialog.dialog .dialog-row .col-left{ min-width: 7.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); } .detail-dialog.dialog .dialog-row .col-right{ text-align: right; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .detail-dialog.dialog .dialog-row .col-right .badge{ text-transform: uppercase; } .payment-modal{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .payment-modal{ max-width: 1140px; } .payment-modal .dialog-body{ max-height: calc(90vh - 64px); } } .fixture-detail-dialog{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .fixture-detail-dialog{ max-width: 1140px; } .fixture-detail-dialog .dialog-body{ max-height: calc(90vh - 64px); } } .display-currency-dialog{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .display-currency-dialog .dialog-body{ max-height: calc(90vh - 64px); } } .game-search-modal{ background-color: hsl(var(--tertiary-50) / 0.95); } .game-search-modal .p-dialog-content{ overflow: auto; } .p-confirm-dialog .p-dialog-header, .p-confirm-dialog .p-dialog-footer{ display: none; } .dialog.confirm{ width: 100%; } @media (min-width: 1024px){ .dialog.confirm .dialog-body{ padding: 4rem; } } .dialog.confirm .dialog-body .dialog-content{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .dialog.confirm .dialog-body .dialog-content .icon{ margin-bottom: 2rem; height: 4rem; width: 4rem; } .dialog.confirm .dialog-body .dialog-content .title{ margin-bottom: 0.75rem; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .dialog.confirm .dialog-body .dialog-content .description{ font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .dialog.confirm .dialog-body .dialog-actions{ margin-top: 0px; display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 1024px){ .dialog.confirm .dialog-body .dialog-actions{ margin-top: 2rem; flex-direction: row; } } .dialog.confirm .dialog-body .dialog-actions .btn, .dialog.confirm .dialog-body .dialog-actions .btn-outline{ width: 100%; } .dialog.confirm .dialog-body .dialog-actions .btn-outline{ order: 2; } @media (min-width: 1024px){ .dialog.confirm .dialog-body .dialog-actions .btn-outline{ order: 1; } } .dialog.confirm .dialog-body .dialog-actions .btn{ order: 1; } @media (min-width: 1024px){ .dialog.confirm .dialog-body .dialog-actions .btn{ order: 2; } } .casino-dialog{ height: auto; max-height: 90vh; width: calc(100% - 30px); border-radius: 0.25rem; } @media (min-width: 1024px){ .casino-dialog{ width: 100%; max-width: 538px; } } .balance-dialog .p-dialog-header{ padding: 1.25rem; padding-bottom: 0px; } .balance-dialog .p-dialog-title{ font-size: 1rem; font-weight: 700; } .save-account-dialog{ height: auto; max-height: 90vh; width: calc(100% - 30px); border-radius: 0.25rem; } @media (min-width: 1024px){ .save-account-dialog{ width: 100%; max-width: 538px; } } .betbuilder-dialog{ height: auto; max-height: 90vh; width: calc(100% - 30px); border-radius: 0.25rem; } @media (min-width: 1024px){ .betbuilder-dialog{ width: 100%; max-width: 538px; } .auth-modal{ height: 100%; max-height: 650px; max-width: 942px; background-color: transparent; } } .auth-modal .close-btn{ position: absolute; right: 1rem; top: 1rem; z-index: 10; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .auth-modal .close-btn{ right: 1.25rem; top: 1.25rem; } .auth-modal .close-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .auth-modal .auth{ position: relative; display: flex; height: 100%; flex-direction: column; overflow-y: auto; } @media (min-width: 1024px){ .auth-modal .auth{ height: 650px; min-height: 0px; flex-direction: row; overflow-y: hidden; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } } .auth-modal .auth .auth-container{ display: flex; flex: 1 1 0%; flex-direction: column; padding: 1.25rem; } @media (min-width: 1024px){ .auth-modal .auth .auth-container{ overflow-y: auto; padding: 2.5rem; } } .auth-modal .auth .auth-container .auth-content{ flex: 1 1 0%; } .auth-modal .auth .auth-container .auth-content .title{ margin-bottom: 1.25rem; display: flex; align-items: center; font-size: 1.5rem; font-weight: 700; line-height: normal; } .auth-modal .auth .auth-container .auth-content .title .back-btn{ margin-right: 0.5rem; } .auth-modal .auth .auth-container .auth-content .description{ margin-bottom: 1.25rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .auth-modal .auth .auth-container .auth-content .tab-pills2 .tab-content{ margin-top: 1rem; } .auth-modal .auth .auth-container .auth-content .btn, .auth-modal .auth .auth-container .auth-content .btn-outline{ width: 100%; } .account-dialog{ display: flex; height: 100%; flex-direction: column; } @media (min-width: 1024px){ .account-dialog .dialog-body{ padding: 4rem; } } .account-dialog .dialog-body .cr-icon{ margin-bottom: 1.25rem; height: 4rem; width: 4rem; } @media (min-width: 1024px){ .account-dialog .dialog-body .cr-icon{ margin-bottom: 2rem; } } .account-dialog .dialog-body .title{ margin-bottom: 0.375rem; font-size: 1.5rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .account-dialog .dialog-body .description{ margin-bottom: 1.25rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .account-dialog .dialog-body .dialog-actions{ margin-top: 2.5rem; } .share-game-dialog{ height: auto; max-height: 90vh; width: calc(100% - 30px); } .share-game.dialog .share-btn-area-title{ margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .share-game.dialog .share-btn-area{ display: flex; flex-wrap: wrap; align-items: center; gap: 1.125rem; } .share-game.dialog .share-btn-area .share-social-btn{ display: flex; min-width: 3.5rem; flex: 1 1 0%; flex-direction: column; align-items: center; column-gap: 0.5rem; } .share-game.dialog .share-btn-area .share-social-btn .icon{ height: 2rem; width: 2rem; } .share-game.dialog .share-btn-area .share-social-btn .share-social-btn-text{ margin-top: 0.25rem; display: flex; width: 100%; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.6); } .share-game.dialog .share-link-area .link-card{ display: flex; flex-direction: column; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .share-game.dialog .share-link-area .link-card .card-title{ margin-bottom: 6px; margin-top: 32px; font-size: 0.875rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .share-game.dialog .share-link-area .link-card .card-content{ display: flex; height: 3rem; align-items: center; column-gap: 0.25rem; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; } .share-game.dialog .share-link-area .link-card .card-content .card-text{ flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .share-game.dialog .share-link-area .link-card .card-content .copy-btn{ color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .share-game.dialog .share-link-area .link-card .card-content .copy-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .share-game.dialog .share-link-area .link-card .card-content .copy-btn .icon{ height: 1.5rem; width: 1.5rem; } .share-game.dialog .share-link-area .link-card .card-content .copy-btn.copied{ display: none; } .share-game.dialog .share-link-area .link-card .card-content .copy-btn.copied + .copied-badge{ display: flex; } .share-game.dialog .share-link-area .link-card .card-content .copied-badge{ display: none; align-items: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; text-align: center; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity, 1)); } .share-game.dialog .dialog-body{ padding: 1.25rem; } /* Change autocomplete styles in WebKit */ input:-webkit-autofill:autofill, input:-webkit-autofill:hover:autofill, input:-webkit-autofill:focus:autofill, input:-webkit-autofill:active:autofill, textarea:-webkit-autofill:autofill, textarea:-webkit-autofill:hover:autofill, textarea:-webkit-autofill:focus textarea:-webkit-autofill:active:autofill{ --tw-shadow: inset 0 0 0px 1000px; --tw-shadow-colored: inset 0 0 0px 1000px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: hsl(var(--tertiary-950) / 0.1); --tw-shadow: var(--tw-shadow-colored); -webkit-transition-property: background-color; transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 5000s; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus textarea:-webkit-autofill:active { -webkit-text-fill-color: hsl(var(--tertiary-950) / 1); caret-color: hsl(var(--tertiary-950) / 1); -webkit-background-clip: text; } .input-field, .textarea-field{ margin-bottom: 1rem; width: 100%; } .input-field .float-label, .textarea-field .float-label{ position: relative; } .input-field .float-label .input-label, .textarea-field .float-label .input-label{ pointer-events: none; position: absolute; top: 1rem; left: 0px; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); transition-duration: 200ms; } .input-field .float-label .input-control, .textarea-field .float-label .input-control{ display: block; height: 3rem; width: 100%; border-width: 0px; border-bottom-width: 1px; border-color: hsl(var(--tertiary-950) / 0.15); background-color: transparent; padding-top: 0.375rem; padding-left: 0px; padding-bottom: 0px; padding-right: 2rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-duration: 200ms; } .input-field .float-label .input-control::placeholder, .textarea-field .float-label .input-control::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .input-field .float-label .input-control:focus, .textarea-field .float-label .input-control:focus{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .input-field .float-label .input-control[disabled], .input-field .float-label .input-control[readonly], .textarea-field .float-label .input-control[disabled], .textarea-field .float-label .input-control[readonly]{ cursor: not-allowed; color: hsl(var(--tertiary-950) / 0.4); } .input-field .float-label .input-control[disabled]:focus, .input-field .float-label .input-control[readonly]:focus, .textarea-field .float-label .input-control[disabled]:focus, .textarea-field .float-label .input-control[readonly]:focus{ border-color: hsl(var(--tertiary-950) / 0.15); } .input-field .float-label .input-control[disabled]:focus ~ .input-label, .input-field .float-label .input-control[readonly]:focus ~ .input-label, .textarea-field .float-label .input-control[disabled]:focus ~ .input-label, .textarea-field .float-label .input-control[readonly]:focus ~ .input-label{ color: hsl(var(--tertiary-950) / 0.3); } .input-field .float-label .input-control:focus ~ .input-label, .input-field .float-label .input-control:not(:placeholder-shown) ~ .input-label, .textarea-field .float-label .input-control:focus ~ .input-label, .textarea-field .float-label .input-control:not(:placeholder-shown) ~ .input-label{ top: -0.188rem; font-size: 0.75rem; font-weight: 600; line-height: 1.125rem; } .input-field .float-label .input-control:focus ~ .input-label, .textarea-field .float-label .input-control:focus ~ .input-label{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .input-field .float-label .input-btn-left, .input-field .float-label .input-btn-right, .input-field .float-label .input-icon-left, .input-field .float-label .input-icon-right, .textarea-field .float-label .input-btn-left, .textarea-field .float-label .input-btn-right, .textarea-field .float-label .input-icon-left, .textarea-field .float-label .input-icon-right{ position: absolute; top: 0.875rem; line-height: 0; color: hsl(var(--tertiary-950) / 0.3); transition-duration: 200ms; } .input-field .float-label .input-icon-left, .input-field .float-label .input-btn-left, .textarea-field .float-label .input-icon-left, .textarea-field .float-label .input-btn-left{ left: 0px; } .input-field .float-label .input-icon-right, .input-field .float-label .input-btn-right, .textarea-field .float-label .input-icon-right, .textarea-field .float-label .input-btn-right{ right: 0.5rem; } @media (min-width: 1024px){ .input-field .float-label .input-btn-right:hover, .textarea-field .float-label .input-btn-right:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .input-field .float-label .input-btn-left:hover, .textarea-field .float-label .input-btn-left:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .input-field .float-label.input-prefix .input-control, .textarea-field .float-label.input-prefix .input-control{ padding-left: 2rem; } .input-field .float-label.input-prefix .input-label, .textarea-field .float-label.input-prefix .input-label{ left: 2rem; } .input-field .float-label.input-tel .input-label, .textarea-field .float-label.input-tel .input-label{ top: -0.188rem; font-size: 0.75rem; font-weight: 600; line-height: 1.125rem; } .memo-field .input-field .float-label .input-btn-right{ right: 2.25rem; } .textarea-field{ margin-top: 0.75rem; } .textarea-field .float-label .input-control{ height: 4rem; padding-top: 0.125rem; } .textarea-field .float-label .input-control:focus ~ .input-label, .textarea-field .float-label .input-control:not(:placeholder-shown) ~ .input-label{ top: -1rem; } .textarea-field .float-label .input-label{ top: 0px; } .textarea-field .float-label .input-btn-right, .textarea-field .float-label .input-icon-right{ top: 0px; } select option, select optgroup{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } select option[disabled]{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .multi-field, .radio-field, .date-field{ margin-bottom: 1rem; } .multi-field .field-label, .radio-field .field-label, .date-field .field-label{ margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.8); } .multi-field .input-field, .radio-field .input-field, .date-field .input-field{ margin-bottom: 0px; } .multi-field .input-field.input-multi .input-multi-label, .radio-field .input-field.input-multi .input-multi-label, .date-field .input-field.input-multi .input-multi-label{ top: -0.188rem; font-size: 0.75rem; font-weight: 600; line-height: 1.125rem; } .otp-input-group{ display: grid; max-width: 390px; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 0.75rem; } @media (min-width: 1024px){ .otp-input-group{ column-gap: 1rem; } } .otp-input-group .otp-input{ height: 3.25rem; border-radius: 0.25rem; border-color: hsl(var(--tertiary-950) / 0.1); background-color: transparent; padding: 0px; text-align: center; font-size: 18px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .otp-input-group .otp-input:focus{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } @media (min-width: 1024px){ .otp-input-group .otp-input{ height: 62px; } } .otp-input-group.otp-error .otp-input{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .otp-actions{ margin-top: 1rem; display: flex; align-items: flex-start; justify-content: space-between; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: hsl(var(--tertiary-950) / 0.4); } .otp-actions.with-link{ min-height: 2.625rem; } .otp-actions .time{ display: flex; align-items: center; } .otp-actions .time .counter{ margin-left: 0.25rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .otp-actions .receive-code{ display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-end; row-gap: 0.25rem; text-align: end; } .otp-actions .receive-code .otp-link{ display: flex; column-gap: 0.5rem; text-align: end; --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .otp-actions .receive-code .otp-link:hover{ color: hsl(var(--primary) / 0.7); } } .search-field{ position: relative; } .search-field .start-icon{ pointer-events: none; position: absolute; top: 0px; bottom: 0px; inset-inline-start: 0px; display: flex; align-items: center; padding-inline-start: 1rem; } .search-field .start-icon .icon{ color: hsl(var(--tertiary-950) / 0.3); } .search-field .search-input{ height: 3.25rem; width: 100%; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 3rem; padding-right: 3rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; } .search-field .search-input::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .search-field .search-input:focus{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .search-field .end-icon{ position: absolute; top: 0px; bottom: 0px; inset-inline-end: 0px; display: flex; align-items: center; padding-inline-end: 1rem; } .search-field .end-icon .icon{ cursor: pointer; color: hsl(var(--tertiary-950) / 0.3); } @media (min-width: 1024px){ .search-field .end-icon .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .input-check{ display: flex; cursor: pointer; } .input-check input[type=checkbox]{ height: 1.25rem; width: 1.25rem; cursor: pointer; border-radius: 0.375rem; border-width: 2px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-300) / var(--tw-border-opacity, 1)); background-color: transparent; outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 0px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .input-check input[type=checkbox]:checked{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .input-check input[type=checkbox]:hover:checked{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .input-check input[type=checkbox]:focus:checked{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .input-check .input-label{ margin-left: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .input-check .input-label .input-link{ cursor: pointer; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .input-check .input-label .input-link:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } .radio-field .radio-container{ display: flex; flex-wrap: wrap; gap: 0.75rem; } .input-radio{ display: flex; cursor: pointer; align-items: center; } .input-radio .radio-label{ display: flex; align-items: center; } .input-radio .radio-label .radio-check{ display: flex; height: 1.25rem; width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 2px; border-color: hsl(var(--tertiary-900) / 0.4); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .input-radio .radio-label .radio-check .icon{ height: 1rem; width: 1rem; --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity, 1)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .input-radio .radio-label .radio-check .icon svg path{ stroke-width: 3px; } .input-radio .radio-label .radio-text{ margin-left: 0.5rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .input-radio input[type=radio]{ display: none; } .input-radio input[type=radio]:checked + .radio-label .radio-check{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .input-radio input[type=radio]:checked + .radio-label .radio-check .icon{ opacity: 1; } .input-radio input[type=radio][disabled] + .radio-label{ cursor: not-allowed; } .input-radio input[type=radio][disabled] + .radio-label .radio-check{ opacity: 0.6; } .input-radio input[type=radio][disabled] + .radio-label .radio-text{ color: hsl(var(--tertiary-950) / 0.3); } .input-group{ display: inline-flex; height: 2.625rem; } .input-group .input{ flex: 1 1 0%; border-radius: 0.25rem; border-width: 0.5px; border-color: hsl(var(--tertiary-700) / 0.3); background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .input-group .input::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .input-group .input:focus{ --tw-border-opacity: 1; border-color: hsl(var(--primary-500) / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .input-group .input-btn{ margin-left: 0.25rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--primary-500) / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .input-group .input-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-400) / var(--tw-bg-opacity, 1)); } .input-group .input-btn:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-600) / var(--tw-bg-opacity, 1)); } } .input-group .input-btn.active{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-600) / var(--tw-bg-opacity, 1)); } .input-group .input-btn.active:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-400) / var(--tw-bg-opacity, 1)); } .input-group .input-btn:disabled{ cursor: not-allowed; opacity: 0.5; } @media (min-width: 1024px){ .input-group .input-btn:disabled:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-500) / var(--tw-bg-opacity, 1)); } } .input-switch{ display: flex; align-items: center; } .input-switch .switch-label{ position: relative; display: flex; height: 1.75rem; width: 3rem; flex-shrink: 0; } .input-switch .switch-label input{ height: 0px; width: 0px; opacity: 0; } .input-switch .switch-label input:checked + .switch-slider{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .input-switch .switch-label input:checked + .switch-slider::before{ left: 23px; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .input-switch .switch-label input:checked + .switch-slider .icon.first{ left: 26px; } .input-switch .switch-label .switch-slider{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; cursor: pointer; border-radius: 9999px; background-color: hsl(var(--tertiary-950) / 0.15); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .input-switch .switch-label .switch-slider::before{ position: absolute; left: 2px; top: 0.188rem; height: 1.375rem; width: 1.375rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; --tw-content: ""; content: var(--tw-content); } @media (min-width: 1024px){ .input-switch .switch-label .switch-slider:hover{ background-color: hsl(var(--tertiary-950) / 0.2); } } .input-switch .switch-label .switch-slider .icon{ position: absolute; top: 6.5px; z-index: 1; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .input-switch .switch-label .switch-slider .icon.first{ left: 5px; } .input-switch .switch-label .switch-slider .icon.second{ left: 26px; } .input-switch .switch-text{ margin-left: 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .fdu-field{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; } .fdu-field .fdu-label{ display: flex; min-height: 12rem; width: 100%; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.25rem; border-width: 1px; border-style: dashed; border-color: transparent; background-color: hsl(var(--tertiary-950) / 0.05); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .fdu-field .fdu-label:active{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); background-color: hsl(var(--primary) / 0.1); } @media (min-width: 1024px){ .fdu-field .fdu-label:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); background-color: hsl(var(--primary) / 0.1); } } .fdu-field .fdu-label .fdu-content{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.5rem; text-align: center; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .fdu-field .fdu-label .fdu-content .icon{ margin-bottom: 0.75rem; height: 4rem; width: 4rem; } .fdu-field .fdu-label .fdu-content .fdu-description{ color: hsl(var(--tertiary-950) / 0.4); } .fdu-field .fdu-label .fdu-input{ display: none; } .input-info{ margin-top: -0.75rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: 600; font-style: italic; line-height: 1; color: hsl(var(--tertiary-950) / 0.2); } .input-error{ margin-top: 0.375rem; font-size: 0.75rem; font-weight: 600; line-height: 1; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .checkbox-error{ padding-left: 2.125rem; } .input-explanation{ margin-top: 0.375rem; display: flex; align-items: center; font-size: 0.75rem; font-weight: 500; line-height: normal; color: hsl(var(--tertiary-950) / 0.5); } .input-explanation .icon{ margin-right: 0.5rem; height: 1.25rem; width: 1.25rem; } .password-verify{ margin-top: -0.625rem; margin-bottom: 1rem; border-radius: 0.25rem; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: hsl(var(--tertiary-950) / 0.5); } .password-verify ul{ display: flex; flex-direction: column; gap: 0.75rem; } .password-verify ul li{ display: flex; } .password-verify ul li .icon{ margin-top: 0.063rem; margin-right: 0.375rem; height: 1rem; width: 1rem; flex-shrink: 0; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .password-verify ul li.verified .icon{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .dropdown{ position: relative; } .dropdown .dropdown-btn{ display: flex; align-items: center; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .dropdown .dropdown-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .dropdown .dropdown-btn .icon{ margin-left: 0.625rem; height: 1rem; width: 1rem; } .dropdown .dropdown-btn.active{ background-color: hsl(var(--tertiary-200) / 0.5); } .dropdown .dropdown-btn.active:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .dropdown .dropdown-btn.active + .dropdown-menu{ visibility: visible; opacity: 1; } .dropdown .dropdown-menu{ visibility: hidden; position: absolute; left: 0px; top: calc(100% + 7px); z-index: 999; max-height: 300px; min-width: 120px; max-width: 300px; overflow-y: auto; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .dropdown .dropdown-menu.right{ right: 0px; left: auto; } .dropdown .dropdown-menu .dropdown-item{ margin-top: 0.063rem; } .dropdown .dropdown-menu .dropdown-item:first-child{ margin-top: 0px; } .dropdown .dropdown-menu .dropdown-item .dropdown-link{ display: flex; height: 3rem; min-width: 7.5rem; cursor: pointer; align-items: center; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .dropdown .dropdown-menu .dropdown-item .dropdown-link:hover{ background-color: hsl(var(--tertiary-200) / 0.4); } } .dropdown .dropdown-menu .dropdown-item .dropdown-link span{ flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; } .dropdown .dropdown-menu .dropdown-item .dropdown-link .icon.left{ margin-right: 0.75rem; } .dropdown .dropdown-menu .dropdown-item .dropdown-link .icon.right{ margin-left: 0.75rem; color: hsl(var(--tertiary-950) / 0.6); } .dropdown .dropdown-menu .dropdown-item:first-child .dropdown-link{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .dropdown .dropdown-menu .dropdown-item:last-child .dropdown-link{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .iti{ width: 100%; } .iti--container{ z-index: 1110; } .iti--allow-dropdown .iti__country-container:hover{ background-color: transparent; } .iti__country-container{ padding-top: 1.25rem; } .iti__country-container .iti__selected-country{ background-color: transparent; padding-bottom: 0.875rem; padding-right: 0.25rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; } .iti__country-container .iti__selected-country-primary{ border-radius: 0.25rem; padding-left: 0px; } .iti__country-container .iti__selected-country-primary:hover{ background-color: transparent; } .iti--inline-dropdown .iti__dropdown-content{ border-width: 0px; } .iti__dropdown-content{ margin-top: 0.063rem; max-height: none; overflow-y: hidden; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); padding: 1rem; } .iti__dropdown-content .iti__search-input{ height: 3rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0px; padding-bottom: 0px; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; } .iti__dropdown-content .iti__search-input::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .iti__dropdown-content .iti__search-input:focus{ outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .iti__dropdown-content .iti__country-list{ margin-top: 0.75rem; margin-right: -0.625rem; max-height: 270px; overflow-y: auto; border-radius: 0.25rem; padding-right: 0.375rem; } .iti__dropdown-content .iti__country-list .iti__country{ margin-top: 0.063rem; height: 2.75rem; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-duration: 200ms; } .iti__dropdown-content .iti__country-list .iti__country:first-child{ margin-top: 0px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .iti__dropdown-content .iti__country-list .iti__country:last-child{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } @media (min-width: 1024px){ .iti__dropdown-content .iti__country-list .iti__country:hover{ background-color: hsl(var(--tertiary-200) / 0.3); } } .iti__dropdown-content .iti__country-list .iti__country .iti__flag-box{ margin-right: 0.75rem; } .iti__dropdown-content .iti__country-list .iti__country .iti__country-name{ flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .iti__dropdown-content .iti__country-list .iti__country .iti__dial-code{ color: hsl(var(--tertiary-950) / 0.5); } .p-dropdown{ height: 3.25rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); background-color: transparent; padding: 1rem; } .p-dropdown.p-dropdown-clearable .p-dropdown-label{ padding-right: 2rem; } .p-dropdown .p-dropdown-label{ border-width: 0px; padding-right: 1rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; } .p-dropdown .p-dropdown-label.p-placeholder{ color: hsl(var(--tertiary-950) / 0.5); } .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon{ height: 1.125rem; width: 1.125rem; color: hsl(var(--tertiary-950) / 0.5); } .p-dropdown .p-icon-wrapper .p-dropdown-clear-icon{ right: 2.75rem; height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.5); } .p-dropdown-panel{ margin-top: 0.375rem; margin-bottom: 0.375rem; cursor: default; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.625rem; padding-right: 0.313rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-dropdown-panel .p-dropdown-header{ margin-bottom: 0.625rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container{ position: relative; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter{ height: 3.25rem; width: 100%; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 1rem; padding-left: 2.5rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter:focus{ --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1)); } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-icon-wrapper{ position: absolute; left: 0.75rem; top: 50%; margin-top: -0.125rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-icon-wrapper .p-dropdown-filter-icon{ height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items{ margin-right: 0.313rem; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items p-dropdownitem{ margin-top: 0.063rem; display: block; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items p-dropdownitem:first-child{ margin-top: 0px; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items p-dropdownitem:first-child .p-dropdown-item{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items p-dropdownitem:last-child .p-dropdown-item{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item{ display: flex; align-items: center; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{ background-color: hsl(var(--tertiary-200) / 0.5); } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{ background-color: hsl(var(--tertiary-200) / 0.5); } .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-empty-message{ margin-bottom: 0.5rem; margin-top: 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .less-than-two .p-dropdown{ width: 100%; } .p-float-label .p-autocomplete{ width: 100%; } .p-float-label .p-autocomplete .p-autocomplete-panel{ margin-top: 0.375rem; margin-bottom: 0.375rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-float-label .p-autocomplete .p-autocomplete-panel .p-autocomplete-items{ padding: 1rem; } .p-float-label .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{ margin-top: 0.063rem; display: flex; height: 3rem; align-items: center; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; } .p-float-label .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child{ margin-top: 0px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .p-float-label .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .p-float-label .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover{ background-color: hsl(var(--tertiary-200) / 0.5); } .p-float-label .input-btn-right, .p-float-label .input-icon-right{ position: absolute; top: 0.938rem; right: 0.5rem; line-height: 0; color: hsl(var(--tertiary-950) / 0.3); transition-duration: 200ms; } @media (min-width: 1024px){ .p-float-label .input-btn-right:hover, .p-float-label .input-icon-right:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } p-inputnumber, .p-inputnumber{ display: block; } .transfer-page .input-field{ margin-bottom: 0px; } .limit-settings-detail .input-field, .limit-settings-detail .radio-field, .limit-settings-detail .textarea-field{ margin-bottom: 1.25rem; } .limit-settings-detail .textarea-field{ margin-top: 2rem; } .limit-settings-detail .radio-field .radio-container{ flex-direction: column; } @media (min-width: 1024px){ .limit-settings-detail .radio-field .radio-container{ flex-direction: row; } } .limit-settings-detail .radio-field .radio-container .input-radio{ flex: 1 1 0%; cursor: pointer; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; padding-bottom: 1rem; } .input-check-field{ display: block; cursor: pointer; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding: 1rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .input-check-field:hover{ background-color: hsl(var(--tertiary-100) / 0.5); } } .signup-dialog .multi-field .field-label, .signup-dialog .radio-field .field-label, .signup-dialog .date-field .field-label{ margin-top: 1.5rem; } .signup-dialog .textarea-field{ margin-top: 2rem; } .personal-details-update .textarea-field{ margin-top: 2rem; } .stepper{ width: 100%; } .stepper .stepper-header-container{ display: flex; align-items: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-200) / var(--tw-text-opacity, 1)); } .stepper .stepper-header-container .step-header-item{ display: flex; flex: 1 1 auto; align-items: center; } .stepper .stepper-header-container .step-header-item::after{ margin-left: 0.375rem; margin-right: 0.375rem; height: 0.25rem; width: 100%; border-bottom-width: 1px; content: var(--tw-content); --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .stepper .stepper-header-container .step-header-item:last-child{ display: contents; } .stepper .stepper-header-container .step-header-item:last-child::after{ content: var(--tw-content); display: none; } .stepper .stepper-header-container .step-header-item .step-header{ display: flex; align-items: center; } .stepper .stepper-header-container .step-header-item .step-header .step-label{ display: none; white-space: nowrap; } .stepper .stepper-header-container .step-header-item .step-header .step-icon.outline-icon{ display: block; } .stepper .stepper-header-container .step-header-item .step-header .step-icon.fill-icon{ display: none; } .stepper .stepper-header-container .step-header-item.current{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .stepper .stepper-header-container .step-header-item.current .step-header .step-icon{ margin-right: 0.375rem; --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .stepper .stepper-header-container .step-header-item.current .step-header .step-label{ display: block; } .stepper .stepper-header-container .step-header-item.completed .step-header .step-icon{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .stepper .stepper-header-container .step-header-item.completed .step-header .step-icon.outline-icon{ display: none; } .stepper .stepper-header-container .step-header-item.completed .step-header .step-icon.fill-icon{ display: block; } .stepper .stepper-header-container .step-header-item.completed .step-header .step-label{ display: none; } .stepper .stepper-content{ margin-top: 1.25rem; } @media (min-width: 1024px){ .stepper .stepper-content{ margin-top: 1.875rem; } } .stepper .step-actions{ margin-top: 1.875rem; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; } @media (min-width: 1024px){ .stepper .step-actions{ flex-direction: row; } } .stepper .step-actions .prev-btn, .stepper .step-actions .next-btn{ width: 100%; } @media (min-width: 1024px){ .stepper .step-actions .prev-btn, .stepper .step-actions .next-btn{ width: auto; min-width: 10rem; } .p-table .p-datatable{ display: grid; } } .p-table .p-datatable .p-datatable-wrapper{ overflow: auto; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table{ width: 100%; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead{ display: none; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead{ display: table-header-group; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th{ white-space: nowrap; padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 0.375rem; padding-right: 0.375rem; text-align: center; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:first-child{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding-left: 1rem; text-align: left; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:last-child{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding-right: 1rem; text-align: right; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody{ display: flex; flex-direction: column; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody{ display: table-row-group; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0.75rem; display: flex; flex-direction: column; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child{ margin-bottom: 0px; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0px; display: table-row; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child{ border-style: none; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td{ margin-bottom: 0.5rem; display: flex; align-items: center; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:last-child{ margin-bottom: 0px; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td{ display: table-cell; white-space: nowrap; padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 0.375rem; padding-right: 0.375rem; text-align: center; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:first-child{ padding-left: 1rem; text-align: left; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:last-child{ padding-right: 1rem; text-align: right; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .col-header{ margin-right: 0.375rem; min-width: 7.5rem; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .col-header{ display: none; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .col-data{ display: flex; flex: 1 1 0%; align-items: center; justify-content: flex-end; text-align: right; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .col-data{ justify-content: center; text-align: center; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .action-btn{ display: flex; align-items: center; color: hsl(var(--tertiary-950) / 0.5); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .action-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .action-btn{ margin-left: 0px; } } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .action-btn .icon{ margin-left: 0.625rem; } @media (min-width: 1024px){ .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:first-child .col-data{ justify-content: flex-start; text-align: left; } .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:last-child .col-data{ justify-content: flex-end; text-align: right; } } .p-table .p-datatable p-paginator{ display: flex; justify-content: flex-end; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-top-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 1rem; color: hsl(var(--tertiary-950) / 0.5); } .p-table .p-datatable p-paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{ background-color: hsl(var(--tertiary-100) / 0.5); } .p-table .p-datatable p-paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .p-table[ng-reflect-paginator=true] .p-datatable .p-datatable-wrapper{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper{ border-radius: 0.25rem; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper{ border-radius: 0.5rem; } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0.125rem; flex-direction: row; flex-wrap: wrap; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0px; display: table-row; flex-wrap: nowrap; } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td{ align-items: center; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-bonus-name{ order: 1; margin-bottom: 0.625rem; flex: 50%; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-bonus-name{ margin-bottom: 0px; } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-bonus-name .col-data{ justify-content: flex-start; text-align: left; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-bonus-name .col-data{ justify-content: center; text-align: center; } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-date{ order: 2; margin-bottom: 0.625rem; flex: 50%; justify-content: flex-end; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-date{ margin-bottom: 0px; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-status{ order: 3; margin-bottom: 0px; flex: 1 1 0%; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-status .col-data{ justify-content: flex-start; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-amount{ order: 4; margin-bottom: 0px; flex: 1 1 0%; justify-content: flex-end; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions{ order: 5; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn{ color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn{ width: 100%; justify-content: flex-end; } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn span{ display: none; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn span{ display: block; } } .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn .icon{ margin-left: 0.75rem; } @media (min-width: 1024px){ .bonus-activity .p-table:not(.skeleton-table) .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .col-actions .action-btn .icon{ margin-left: 0.625rem; } } html { font-size: 16px; } body { font-family: "Urbanist", sans-serif; } body *::-webkit-scrollbar{ height: 0.188rem; width: 0.188rem; } @media (min-width: 1024px){ body *::-webkit-scrollbar{ height: 0.25rem; width: 0.25rem; } } body *::-webkit-scrollbar-thumb{ border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } body *::-webkit-scrollbar-track{ border-radius: 0.5rem; background-color: hsl(var(--tertiary-100) / 0.5); } body *:is(.dark *)::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .icon.success{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .icon.success .circle { stroke-dasharray: 76; stroke-dashoffset: 76; animation: success 0.8s forwards 0.2s; } .icon.success .tick { stroke-dasharray: 18; stroke-dashoffset: 18; animation: success 0.6s forwards 0.4s; } @keyframes success { to { stroke-dashoffset: 0; } } .live-stream-info{ margin-left: 0.5rem; display: flex; align-items: center; justify-content: center; column-gap: 0.25rem; --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .live-stream-info .live-icon{ position: relative; display: flex; align-items: center; justify-content: center; } .live-stream-info .live-icon::after, .live-stream-info .live-icon::before{ position: absolute; left: -12px; top: -11px; height: 38px; width: 38px; animation: liveAnimation 4s ease-in-out infinite; border-radius: 9999px; background-color: rgb(14 165 233 / 0.7); --tw-content: ""; content: var(--tw-content); } .live-stream-info .live-icon .icon{ z-index: 1; height: 1rem; width: 1rem; flex-shrink: 0; } .live-stream-info .live-icon .play-icon{ position: absolute; left: 6px; top: 4px; z-index: 1; height: 0px; width: 0px; border-bottom-width: 4px; border-top-width: 4px; border-left-width: 5px; border-bottom-color: transparent; border-top-color: transparent; --tw-border-opacity: 1; border-left-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .live-stream-info .live-text{ font-size: 0.625rem; font-weight: 900; text-transform: uppercase; line-height: 1.25rem; letter-spacing: 0.5px; } @keyframes liveAnimation { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .tns-outer{ position: relative; } .tns-outer .tns-nav{ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 1; display: flex; justify-content: center; gap: 0.5rem; padding: 1rem; } .tns-outer .tns-nav button{ height: 0.75rem; width: 0.75rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); } .tns-outer .tns-nav button.tns-nav-active{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-500) / var(--tw-bg-opacity, 1)); } .live-detail-page .live-detail-content .modul-accordion .modul-content .bet-container{ margin-bottom: 0.625rem; display: flex; width: 100%; gap: 0.25rem; } .live-detail-page .live-detail-content .modul-accordion .modul-content .bet-container .bet-btn{ display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding-top: 0px; } .live-detail-page .live-detail-content .modul-accordion .modul-content .bet-container .bet-btn .bet-text{ font-size: 0.75rem; } .skeleton{ position: relative; display: block; overflow: hidden; background-color: rgb(0 0 0 / 0.1); } .skeleton::before{ position: absolute; inset: 0px; content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes skeleton{ 100%{ content: var(--tw-content); transform: translateX(100%); } } .skeleton::before{ animation: skeleton 1.5s infinite; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); content: var(--tw-content); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .skeleton:is(.dark *){ background-color: rgb(255 255 255 / 0.1); } .skeleton:is(.dark *)::before{ content: var(--tw-content); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to); } .no-data{ margin-top: 4rem; margin-bottom: 4rem; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.25rem; } .no-data .icon{ height: 5rem; width: 5rem; color: hsl(var(--tertiary-200) / 0.6); } .no-data .message{ max-width: 450px; text-align: center; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); } .divider{ margin-top: 1.25rem; margin-bottom: 1.25rem; display: block; height: 0px; border-bottom-width: 1px; border-color: hsl(var(--tertiary-950) / 0.1); } .divider-content{ margin-top: 1.25rem; margin-bottom: 1.25rem; display: flex; align-items: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); } .divider-content::before{ margin-right: 1.25rem; flex: 1 1 0%; background-color: hsl(var(--tertiary-950) / 0.1); padding: 1px; --tw-content: ""; content: var(--tw-content); } .divider-content::after{ margin-left: 1.25rem; flex: 1 1 0%; background-color: hsl(var(--tertiary-950) / 0.1); padding: 1px; --tw-content: ""; content: var(--tw-content); } .vertical-divider{ height: 1.25rem; width: 0.063rem; background-color: hsl(var(--tertiary-950) / 0.1); } .flex-between{ display: flex; align-items: center; justify-content: space-between; } .grid-row{ margin-top: 1.25rem; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.75rem; } .grid-row:first-child{ margin-top: 0px; } @media (min-width: 1024px){ .grid-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; } } .loader{ box-sizing: border-box; display: inline-block; height: 3rem; width: 3rem; animation: rotation 1s linear infinite; border-radius: 9999px; border-width: 4px; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-bottom-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .preloader{ display: flex; height: 100vh; width: 100%; flex-direction: column; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .preloader .logo{ margin-bottom: 3.125rem; } .preloader .logo .img{ width: 110px; } .preloader .logo .img.dark-logo{ display: block; } .preloader .logo .img.dark-logo:is(.dark *){ display: none; } .preloader .logo .img.light-logo{ display: none; } .preloader .logo .img.light-logo:is(.dark *){ display: block; } .preloader .preloader-slider{ height: 2.75rem; width: 2.75rem; overflow-x: hidden; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .preloader .preloader-slider .slider-content{ display: flex; height: 100%; animation: loaderSlide 2s infinite; align-items: center; } .preloader .preloader-slider .slider-content .slider-item{ display: flex; height: 100%; min-width: 100%; align-items: center; justify-content: center; } .preloader .preloader-slider .slider-content .slider-item .slider-img{ height: 1.25rem; width: 1.25rem; } @keyframes loaderSlide { 10%, 20% { transform: translateX(-44px); } 35%, 45% { transform: translateX(-88px); } 60%, 70% { transform: translateX(-132px); } 85%, 95% { transform: translateX(0); } } .panel{ width: 100%; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .panel .panel-header{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding: 1rem; } .panel .panel-header .panel-title{ display: flex; flex: 1 1 0%; flex-direction: column; font-size: 1rem; font-weight: 700; line-height: 1.25rem; } .panel .panel-header .panel-toolbar{ margin-left: 0.5rem; display: flex; flex-shrink: 0; align-items: center; } .panel .panel-header .panel-toolbar .collapse-btn{ display: flex; height: 1.875rem; width: 1.875rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .panel .panel-header .panel-toolbar .collapse-btn:hover{ background-color: hsl(var(--tertiary-700) / 0.1); } } .panel .panel-header .panel-toolbar .collapse-btn .icon{ height: 1.25rem; width: 1.25rem; } .panel .panel-content{ padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; } .panel.collapsed .panel-header{ border-bottom-width: 0px; } .panel.collapsed .panel-header .panel-toolbar .collapse-btn{ color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .panel.collapsed .panel-header .panel-toolbar .collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .timeline{ position: relative; margin-left: 0.375rem; } .timeline .timeline-item{ position: relative; padding-bottom: 1.25rem; padding-left: 1rem; } .timeline .timeline-item::before{ position: absolute; top: 0px; left: -0.5px; height: 100%; width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); --tw-content: ""; content: var(--tw-content); } .timeline .timeline-item:last-child{ padding-bottom: 0px; } .timeline .timeline-item:last-child::before{ content: var(--tw-content); display: none; } .timeline .timeline-item .timeline-badge{ position: absolute; left: -0.375rem; height: 0.75rem; width: 0.75rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); } .timeline .timeline-item .timeline-content{ position: relative; top: 0px; } .timeline .timeline-item .timeline-content .timeline-title{ font-size: 0.875rem; font-weight: 700; line-height: .75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .timeline .timeline-item .timeline-content .timeline-desc{ margin-top: 0.25rem; font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.5); } .breadcrumb .breadcrumb-list{ display: flex; list-style-type: none; flex-wrap: wrap; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; } .breadcrumb .breadcrumb-list .breadcrumb-item.active{ --tw-text-opacity: 1; color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1)); } .breadcrumb .breadcrumb-list .breadcrumb-item .breadcrumb-link{ --tw-text-opacity: 1; color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .breadcrumb .breadcrumb-list .breadcrumb-item .breadcrumb-link:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .breadcrumb .breadcrumb-list .breadcrumb-item + .breadcrumb-item{ display: flex; align-items: center; padding-left: 0.625rem; } .breadcrumb .breadcrumb-list .breadcrumb-item + .breadcrumb-item::before{ height: 0.75rem; border-left-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-right: 0.625rem; --tw-content: ""; content: var(--tw-content); } .page-toolbar{ display: flex; height: 3.25rem; align-items: center; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .page-toolbar{ height: 4rem; padding-left: 2.75rem; padding-right: 2.75rem; padding-top: 1rem; padding-bottom: 1rem; } } .page-toolbar .back-btn{ margin-right: 0.5rem; display: flex; cursor: pointer; align-items: center; justify-content: center; --tw-text-opacity: 1; color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .page-toolbar .back-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .page-toolbar .back-btn .icon{ height: 1.25rem; width: 1.25rem; } .page-search .highlighter{ border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); padding-left: 0.125rem; padding-right: 0.125rem; --tw-text-opacity: 1; color: rgb(245 243 255 / var(--tw-text-opacity, 1)); } ::selection{ background-color: rgb(0 0 0 / 0.1); } :is(.dark *)::selection{ background-color: rgb(255 255 255 / 0.1); } .page-title{ margin-bottom: 1.25rem; display: flex; align-items: center; font-size: 1.5rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--reverse) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .page-title{ margin-bottom: 1.875rem; } } .page-title .back-btn{ margin-right: 1rem; display: flex; align-items: center; justify-content: center; border-radius: 9999px; padding: 0.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .page-title .back-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .page-description{ margin-bottom: 1.25rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .page-description{ margin-bottom: 1.875rem; } } [tooltip]{ position: relative; } [tooltip]::before{ visibility: hidden; position: absolute; left: 50%; top: -0.75rem; z-index: 1; max-height: 5rem; width: max-content; max-width: 200px; --tw-translate-x: -50%; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); overflow-y: auto; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; --tw-content: attr(tooltip); content: var(--tw-content); } [tooltip]::after{ visibility: hidden; position: absolute; left: 50%; top: -0.75rem; z-index: 1; height: 0px; width: 0px; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 8px; --tw-border-opacity: 1; border-top-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; opacity: 0; content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px){ [tooltip]:hover::before{ visibility: visible; content: var(--tw-content); opacity: 1; } [tooltip]:hover::after{ visibility: visible; content: var(--tw-content); opacity: 1; } } [tooltipPosition=left]::before{ top: 50%; left: -0.75rem; --tw-translate-y: -50%; content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [tooltipPosition=left]::after{ left: -0.25rem; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-color: transparent; content: var(--tw-content); --tw-border-opacity: 1; border-left-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } [tooltipPosition=right]::before{ top: 50%; left: calc(100% + 0.75rem); --tw-translate-x: 0px; content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [tooltipPosition=right]::after{ left: calc(100% + 0.25rem); top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-color: transparent; content: var(--tw-content); --tw-border-opacity: 1; border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } [tooltipPosition=bottom]::before{ top: calc(100% + 0.75rem); content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [tooltipPosition=bottom]::after{ top: 2rem; --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-color: transparent; content: var(--tw-content); --tw-border-opacity: 1; border-bottom-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .left-menu-tooltip { display: none !important; } .left-icon-view .left-menu-tooltip{ margin-left: 1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); display: block !important; } .left-icon-view .left-menu-tooltip .p-tooltip-arrow{ position: absolute; left: -0.375rem; height: 0px; width: 0px; border-top-width: 4px; border-bottom-width: 4px; border-right-width: 4px; border-top-color: transparent; border-bottom-color: transparent; --tw-border-opacity: 1; border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .tab{ display: grid; } .tab .tab-header{ margin-bottom: 1rem; display: flex; column-gap: 0.5rem; overflow-x: auto; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .tab .tab-header{ margin-bottom: 0.75rem; padding-left: 0px; padding-right: 0px; } } .tab .tab-header .tab-item .tab-link{ height: 3rem; white-space: nowrap; border-bottom-width: 2px; border-color: transparent; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.7); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .tab .tab-header .tab-item .tab-link:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); } } .tab .tab-header .tab-item .tab-link.active{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .dragscroll-container{ position: relative; padding-left: 2.125rem; padding-right: 2.125rem; } .dragscroll-container .dragscroll-content{ overflow-x: auto; overflow-y: hidden; overscroll-behavior-y: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scrollbar-width: none; } .dragscroll-container .dragscroll-content .dragscroll-action{ position: absolute; top: 0px; display: flex; height: 100%; align-items: center; } .dragscroll-container .dragscroll-content .dragscroll-action.dragscroll-prev{ left: 0px; } .dragscroll-container .dragscroll-content .dragscroll-action.dragscroll-prev::after{ position: absolute; left: 1.75rem; height: 100%; width: 1.5rem; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-to-position: 100%; --tw-content: ""; content: var(--tw-content); } .dragscroll-container .dragscroll-content .dragscroll-action.dragscroll-next{ right: 0px; } .dragscroll-container .dragscroll-content .dragscroll-action.dragscroll-next::before{ position: absolute; right: 1.75rem; height: 100%; width: 1.5rem; background-image: linear-gradient(to left, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-to-position: 100%; --tw-content: ""; content: var(--tw-content); } .dragscroll-container .dragscroll-content .dragscroll-action .dragscroll-btn{ display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); background-color: hsl(var(--tertiary-700) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dragscroll-container .dragscroll-content .dragscroll-action .dragscroll-btn:hover{ background-color: hsl(var(--tertiary-700) / 0.2); } } .dragscroll-container .dragscroll-content .dragscroll-action .dragscroll-btn.disabled{ opacity: 0.3; } @media (min-width: 1024px){ .dragscroll-container .dragscroll-content .dragscroll-action .dragscroll-btn.disabled:hover{ background-color: hsl(var(--tertiary-700) / 0.1); } } .widget-element .tab .tab-header{ margin-bottom: 0px; gap: 0px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } .widget-element .tab .tab-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .widget-element .tab .tab-header .tab-item{ height: 2.25rem; background-color: hsl(var(--tertiary-50) / 0.4); } .widget-element .tab .tab-header .tab-item .tab-link{ margin: 0.188rem; margin-left: 0px; margin-right: 0px; height: 1.875rem; border-style: none; background-color: transparent; padding-left: 0.625rem; padding-right: 0.625rem; font-weight: 500; color: hsl(var(--tertiary-900) / 0.7); } .widget-element .tab .tab-header .tab-item .tab-link:hover{ border-style: none; } @media (min-width: 1024px){ .widget-element .tab .tab-header .tab-item .tab-link:hover{ color: hsl(var(--tertiary-900) / 0.9); } } .widget-element .tab .tab-header .tab-item .tab-link.active{ border-radius: 4px; --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .widget-element .tab .tab-header .tab-item:first-child{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding-left: 0.188rem; } .widget-element .tab .tab-header .tab-item:last-child{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; padding-right: 0.188rem; } .widget-element .tab .widget-header{ border-top-left-radius: 0px; border-top-right-radius: 0px; } .tab-pills{ display: grid; } .tab-pills .tab-header{ margin-bottom: 1rem; display: flex; overflow-x: auto; padding-bottom: 0.5rem; } .tab-pills .tab-header .tab-item .tab-link{ height: 2.25rem; min-width: 165px; white-space: nowrap; background-color: hsl(var(--tertiary-200) / 0.1); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; font-weight: 700; color: hsl(var(--tertiary-950) / 0.3); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .tab-pills .tab-header .tab-item .tab-link:hover{ border-radius: 0.25rem; background-color: hsl(var(--tertiary-200) / 0.2); } } .tab-pills .tab-header .tab-item .tab-link.active{ border-radius: 0.25rem; background-color: hsl(var(--tertiary-200) / 0.6); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .tab-pills .tab-header .tab-item:first-child .tab-link{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .tab-pills .tab-header .tab-item:last-child .tab-link{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .tab-navs{ display: grid; } .tab-navs .tab-header{ display: flex; align-items: center; column-gap: 1rem; overflow-x: auto; } .tab-navs .tab-header .tab-item .tab-btn{ display: flex; align-items: center; column-gap: 0.5rem; white-space: nowrap; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.4); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .tab-navs .tab-header .tab-item .tab-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .tab-navs .tab-header .tab-item .tab-btn.active{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .tab-navs .tab-header .tab-item .tab-btn .icon{ height: 1.25rem; width: 1.25rem; } .tab-navs .tab-content{ margin-top: 1.25rem; } .tab2 .tab-header { scrollbar-width: thin; scrollbar-color: #777 transparent; margin-bottom: 1.25rem; display: flex; height: 3.25rem; align-items: center; column-gap: 1.875rem; overflow-x: auto; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .tab2 .tab-header{ margin-bottom: 1.875rem; padding-left: 0px; padding-right: 0px; } } .tab2 .tab-header .tab-item{ height: 100%; } .tab2 .tab-header .tab-btn{ height: 100%; white-space: nowrap; border-bottom-width: 2px; border-color: transparent; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.4); } @media (min-width: 1024px){ .tab2 .tab-header .tab-btn:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); } } .tab2 .tab-header .tab-btn.active{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .tab-pills2 .tab-header{ display: flex; align-items: center; overflow-x: auto; padding-bottom: 0.375rem; } .tab-pills2 .tab-header .tab-item{ height: 2.25rem; background-color: hsl(var(--tertiary-100) / 0.7); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.063rem; padding-right: 0.063rem; } .tab-pills2 .tab-header .tab-item:first-child{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding-left: 0.125rem; } .tab-pills2 .tab-header .tab-item:last-child{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding-right: 0.125rem; } .tab-pills2 .tab-header .tab-item:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .tab-pills2 .tab-header .tab-item .tab-btn{ height: 2rem; white-space: nowrap; border-radius: 0.25rem; padding-left: 2rem; padding-right: 2rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .tab-pills2 .tab-header .tab-item .tab-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .tab-pills2 .tab-header .tab-item .tab-btn.active{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .tab-pills2 .tab-header .tab-item .tab-btn.active:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .tab-pills2 .tab-content{ margin-top: 1.25rem; } @media (min-width: 1024px){ .tab-pills2 .tab-content{ margin-top: 1.875rem; } } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper{ display: grid; } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base{ min-height: 58px; width: 100%; min-width: 20rem; max-width: 20rem; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-icon{ margin-right: 0.75rem; align-self: center; padding-top: 0px; } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-message{ margin: 0px; justify-content: flex-start; font-size: 0.875rem; font-weight: 500; line-height: normal; color: hsl(var(--tertiary-950) / 0.5); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-close-btn{ pointer-events: auto; position: relative; margin-top: 0px; margin-left: 0.5rem; display: flex; height: 1.125rem; width: 1.125rem; cursor: pointer; align-self: center; background-image: none; padding: 0px; opacity: 1; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-close-btn::before{ position: absolute; left: 0.625rem; height: 1.125rem; width: 0.125rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: hsl(var(--tertiary-950) / 0.4); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; --tw-content: ""; content: var(--tw-content); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-close-btn::after{ position: absolute; left: 0.625rem; height: 1.125rem; width: 0.125rem; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: hsl(var(--tertiary-950) / 0.4); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; --tw-content: ""; content: var(--tw-content); } @media (min-width: 1024px){ .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-close-btn:hover::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-950) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base .hot-toast-close-btn:hover::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-950) / var(--tw-bg-opacity, 1)); } } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-success, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error{ pointer-events: auto; position: relative; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 0.75rem; padding-left: 0.375rem; } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info::before, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-success::before, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning::before, .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error::before{ margin-right: 0.75rem; height: 100%; width: 0.125rem; border-radius: 10px; --tw-content: ""; content: var(--tw-content); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info .hot-toast-info-icon{ --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info .hot-toast-info-icon::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-info .hot-toast-info-icon::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-success::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-success .hot-toast-checkmark-icon{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-success .hot-toast-checkmark-icon::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: hsl(var(--tertiary) / var(--tw-border-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning .hot-toast-warning-icon{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning .hot-toast-warning-icon::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-warning .hot-toast-warning-icon::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error .hot-toast-error-icon{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error .hot-toast-error-icon::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .hot-toast-bar-base-container .hot-toast-bar-base-wrapper .hot-toast-bar-base.toast-error .hot-toast-error-icon::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } input[type=range] { -webkit-appearance: none; height: 1.25rem; width: 100%; cursor: pointer; appearance: none; background-color: transparent; outline-width: 0px; } input[type=range]::-webkit-slider-runnable-track{ height: 0.125rem; border-radius: 0.25rem; background-color: hsl(var(--tertiary-950) / 0.1); } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -0.313rem; height: 0.75rem; width: 0.75rem; cursor: pointer; appearance: none; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-foreground) / var(--tw-bg-opacity, 1)); } .slider .slider-field{ display: flex; align-items: center; } .slider .slider-field .slider-track{ position: relative; margin-right: 1rem; display: flex; width: 100%; align-items: center; } .slider .slider-field .slider-track .slider-active-track{ pointer-events: none; position: absolute; left: 0px; right: 0px; height: 0.125rem; max-width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .slider .slider-field .slider-default-value{ margin-left: 1rem; display: flex; min-width: 5rem; align-items: center; justify-content: center; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); background-color: hsl(var(--primary) / 0.05); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .slider .slider-field .input-wrapper{ position: relative; flex: 1 1 0%; } .slider .slider-field .input-wrapper .mcc-input-wrapper{ width: 100%; } .slider .slider-field .input-wrapper .amount-input{ width: 100%; } .slider .slider-field .input-wrapper p-inputnumber{ width: 100%; border-width: 0px; background-color: transparent; padding: 0px; } .slider .slider-values{ display: flex; width: calc(100% - 136px); justify-content: space-between; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); } .slider .amount-input{ height: 2.625rem; width: 7.5rem; min-width: 7.5rem; border-radius: 0.25rem; border-width: 0.5px; border-color: hsl(var(--tertiary-900) / 0.3); background-color: transparent; padding-top: 0px; padding-bottom: 0px; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .slider .amount-input::placeholder{ font-size: 0.75rem; color: hsl(var(--tertiary-950) / 0.3); } .slider .amount-input:focus{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .badge{ display: inline-block; height: 1.25rem; white-space: nowrap; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; text-align: center; font-size: 0.75rem; font-weight: 800; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .badge-primary{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .badge-secondary{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .badge-tertiary, .badge-all{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .badge-amber, .badge-pending, .badge-p, .badge-wl, .badge-lo, .badge-op, .badge-oc, .badge-expired, .badge-v, .badge-f, .badge-u, .badge-delayed, .badge-d, .badge-canceled, .badge-cancelled, .badge-rolledback, .badge-void, .status-suspended{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 251 235 / var(--tw-text-opacity, 1)); } .badge-green, .badge-active, .badge-valid, .badge-win, .badge-completed, .badge-open_partially_cashed_out, .badge-w, .status-active{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity, 1)); } .badge-red, .badge-loss, .badge-l, .status-deactivated{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .badge-sky, .badge-open, .badge-o, .badge-rezerved{ --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(240 249 255 / var(--tw-text-opacity, 1)); } .badge-violet, .badge-finalized, .badge-new, .badge-cashed_out, .badge-c, .status-not_found{ --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(245 243 255 / var(--tw-text-opacity, 1)); } .alert{ display: flex; min-height: 3rem; align-items: center; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); padding: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .alert .alert-icon{ margin-right: 0.75rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .alert-info{ background-color: rgb(14 165 233 / 0.1); --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .alert-success{ background-color: rgb(34 197 94 / 0.1); --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .alert-error{ background-color: rgb(220 38 38 / 0.1); --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .alert-warning{ background-color: rgb(245 158 11 / 0.1); --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .alert-list{ list-style-type: disc; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 0.375rem; background-color: rgb(245 158 11 / 0.1); --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .alert-list li{ margin-left: 1.25rem; padding-left: 0.25rem; } .message-alert{ display: flex; align-items: center; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .message-alert .message-icon{ margin-right: 0.5rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .personal-details-page .alert{ margin-bottom: 0.75rem; } @media (min-width: 1024px){ .personal-details-page .alert{ margin-bottom: 1.25rem; } } .widget{ position: relative; margin-bottom: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); font-size: 0.875rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget.collapsed .widget-header{ border-radius: 0.25rem; border-color: transparent; } .widget.collapsed .widget-header .widget-toolbar .btn-collapse{ color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .widget.collapsed .widget-header .widget-toolbar .btn-collapse:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .widget.collapsed .widget-header .widget-toolbar .btn-collapse .icon{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .widget .widget-header{ display: flex; height: 2.625rem; align-items: center; justify-content: space-between; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .widget-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-header{ height: 2.875rem; } } .widget .widget-header .widget-icon{ margin-right: 0.375rem; height: 1.5rem; width: 1.5rem; flex-shrink: 0; } .widget .widget-header .widget-logo{ margin-right: 1rem; max-width: 6.25rem; flex-shrink: 0; } .widget .widget-header .widget-title{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; flex: 1 1 0%; flex-direction: column; justify-content: center; font-size: 0.875rem; font-weight: 600; line-height: normal; } .widget .widget-header .widget-toolbar{ margin-left: 0.375rem; display: flex; flex-shrink: 0; align-items: center; column-gap: 0.625rem; } .widget .widget-header .widget-toolbar .btn-collapse{ display: flex; height: 1.875rem; width: 1.875rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-header .widget-toolbar .btn-collapse:hover{ background-color: hsl(var(--tertiary-700) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .widget .widget-header .widget-toolbar .btn-collapse .icon{ height: 1.25rem; width: 1.25rem; --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .widget .widget-header .widget-toolbar .btn-detail{ border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.1); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; font-weight: 500; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-header .widget-toolbar .btn-detail:hover{ background-color: hsl(var(--tertiary-700) / 0.2); } } .widget .widget-header .widget-toolbar .carousel-control{ display: flex; align-items: center; column-gap: 0.188rem; } .widget .widget-header .widget-toolbar .carousel-control .btn-carousel{ display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-header .widget-toolbar .carousel-control .btn-carousel:hover{ background-color: hsl(var(--tertiary-700) / 0.2); } } .widget .widget-header .widget-toolbar .carousel-control .btn-carousel .icon{ height: 1.25rem; width: 1.25rem; } .widget .widget-header .widget-toolbar .carousel-control .btn-carousel.disabled, .widget .widget-header .widget-toolbar .carousel-control .btn-carousel[disabled]{ cursor: not-allowed; background-color: hsl(var(--tertiary-700) / 0.05); color: hsl(var(--tertiary-950) / 0.3); } .widget .widget-content{ overflow-x: hidden; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .widget .widget-content .widget-actions{ padding: 0.75rem; } .widget .widget-content .btn-detail{ display: flex; min-height: 2.25rem; width: 100%; min-width: 7rem; align-items: center; justify-content: center; column-gap: 0.75rem; border-radius: 0.25rem; border-width: 1px; border-color: hsl(var(--tertiary-200) / 0.5); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-align: center; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-content .btn-detail:hover{ background-color: hsl(var(--tertiary-100) / 0.5); } } .widget .widget-content .btn-detail:is(.dark *){ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ .widget .widget-content .btn-detail:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .widget .widget-carousel-content{ margin-left: -0.75rem; display: flex; --tw-pan-y: pan-y; --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .widget .widget-carousel-slide{ flex-shrink: 0; flex-grow: 0; flex-basis: 120px; padding-left: 0.375rem; } @media (min-width: 1024px){ .widget .widget-carousel-slide{ flex-basis: 187px; padding-left: 0.75rem; } } .widget .widget-carousel.carousel-full .widget-carousel-slide{ flex: 0 0 100%; } .widget .widget-carousel .carousel-item{ display: flex; height: 9rem; width: 100%; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(113 63 18 / var(--tw-border-opacity, 1)); background-color: hsl(var(--tertiary-700) / 0.1); font-size: 1.25rem; font-weight: 700; } .widget .widget-img img{ height: 70px; width: 100%; object-fit: cover; object-position: top; } @media (min-width: 1024px){ .widget .widget-img img{ height: 120px; } } .widget .widget-img + .widget-subheader{ margin-top: -2rem; border-bottom-width: 0px; } .widget .widget-img + .widget-subheader .subheader-bg{ background-color: rgb(0 0 0 / 0.3); --tw-backdrop-blur: blur(7px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .widget .widget-img + .widget-subheader .widget-subtitle{ --tw-text-opacity: 1; color: hsl(var(--tertiary-50) / var(--tw-text-opacity, 1)); } .widget .widget-img + .widget-subheader .widget-subtitle:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .widget-img + .widget-subheader .widget-toolbar .btn-link{ --tw-text-opacity: 1; color: hsl(var(--tertiary-50) / var(--tw-text-opacity, 1)); } .widget .widget-img + .widget-subheader .widget-toolbar .btn-link:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .widget-subheader{ position: relative; height: 2rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } .widget .widget-subheader .subheader-bg{ position: absolute; height: 100%; width: 100%; } .widget .widget-subheader .subheader-bg:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .widget .widget-subheader .subheader-front{ position: absolute; z-index: 1; display: flex; height: 100%; width: 100%; align-items: center; justify-content: space-between; padding-left: 0.75rem; padding-right: 0.75rem; } .widget .widget-subheader .widget-subtitle{ display: flex; align-items: center; overflow: hidden; font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .widget-subheader .widget-subtitle .icon{ margin-right: 0.375rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .widget .widget-subheader .widget-subtitle .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .widget-subheader .widget-toolbar{ flex-shrink: 0; } .widget .widget-subheader .widget-toolbar .link-btn{ display: flex; align-items: center; column-gap: 0.375rem; font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px){ .widget .widget-subheader .widget-toolbar .link-btn:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .widget .widget-subheader .widget-toolbar .link-btn .icon{ height: 1rem; width: 1rem; flex-shrink: 0; } .widget .widget-subheader .widget-toolbar .counter{ font-size: 0.875rem; font-weight: 600; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-50) / var(--tw-text-opacity, 1)); } .widget .widget-subheader .widget-toolbar .counter:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .widget-subheader .widget-toolbar .counter-item{ border-right-width: 1px; border-right-color: hsl(var(--tertiary-50) / 0.15); padding-left: 0.375rem; padding-right: 0.375rem; text-transform: lowercase; } .widget .widget-subheader .widget-toolbar .counter-item:last-child{ border-right-width: 0px; } .widget .widget-subheader .widget-toolbar .counter-item:is(.dark *){ border-right-color: hsl(var(--tertiary-950) / 0.15); } .widget .widget-subheader .widget-toolbar .counter-item .time{ margin-right: 0.125rem; display: inline-block; min-width: 17px; text-align: center; } .widget .event-card{ display: flex; width: 100%; max-width: 300px; flex-direction: column; row-gap: 0.375rem; border-radius: 0.5rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } .widget .event-card .head-row{ display: flex; align-items: center; column-gap: 0.375rem; font-size: 0.75rem; line-height: normal; color: hsl(var(--tertiary-900) / 0.7); } .widget .event-card .head-row .icon{ height: 1rem; width: 1rem; flex-shrink: 0; } .widget .event-card .head-row .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .event-card .teams-row{ display: flex; justify-content: space-between; column-gap: 0.375rem; } .widget .event-card .teams-row .team{ display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-start; row-gap: 0.25rem; overflow-x: hidden; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .event-card .teams-row .team.away{ align-items: flex-end; text-align: right; } .widget .event-card .teams-row .team .icon{ height: 1.5rem; width: 1.5rem; } .widget .event-card .teams-row .team .name{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .event-card .teams-row .date-info{ display: flex; flex-direction: column; align-items: center; font-size: 0.75rem; font-weight: 500; line-height: normal; } .widget .event-card .teams-row .date-info .date{ color: hsl(var(--tertiary-900) / 0.7); } .widget .event-card .teams-row .date-info .time{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .widget .event-card .bet-row{ display: flex; flex-direction: column; row-gap: 0.25rem; } .widget .event-card .bet-row .bet-type{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-900) / 0.5); } .widget .event-card .action-row{ display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; font-weight: 600; line-height: normal; } .widget .event-card .action-row .action-left{ display: flex; flex: 1 1 0%; align-items: center; column-gap: 0.25rem; overflow-x: hidden; } .widget .event-card .action-row .action-right{ display: flex; align-items: center; gap: 0.25rem; } .widget .event-card .action-row .sport-type{ display: flex; align-items: center; column-gap: 0.375rem; overflow-x: hidden; font-weight: 500; color: hsl(var(--tertiary-900) / 0.7); } .widget .event-card .action-row .sport-type .icon{ height: 1rem; width: 1rem; flex-shrink: 0; } .widget .event-card .action-row .sport-type .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .event-card .action-row .group-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; text-transform: uppercase; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .event-btn-group{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.375rem; } @media (min-width: 1280px){ .widget .event-btn-group{ grid-template-columns: repeat(6, minmax(0, 1fr)); } } .widget .event-btn-group .event-btn{ position: relative; display: flex; height: 2.625rem; align-items: center; row-gap: 0.063rem; border-radius: 0.25rem; background-color: hsl(var(--tertiary-200) / 0.4); padding: 0.375rem; } .widget .event-btn-group .event-btn:hover{ background-color: hsl(var(--tertiary-200) / 0.8); } @media (min-width: 1024px){ .widget .event-btn-group .event-btn:hover-top .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .widget .event-btn-group .event-btn-top{ display: flex; align-items: center; justify-content: space-between; column-gap: 0.375rem; } .widget .event-btn-group .event-btn-top .icon{ height: 1.5rem; width: 1.5rem; flex-shrink: 0; color: hsl(var(--tertiary-900) / 0.7); } .widget .event-btn-group .event-btn-top .count{ position: absolute; top: -0.313rem; right: 0px; display: flex; height: 1.25rem; min-width: 1.25rem; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); padding-left: 0.313rem; padding-right: 0.313rem; font-size: 0.625rem; font-weight: 500; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .event-btn-group .event-btn-bottom{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget .event-btn-group .event-btn-bottom .text{ padding-left: 0.25rem; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; color: hsl(var(--tertiary-900) / 0.7); } .widget .dragscroll-container{ margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0.75rem; } .widget .category-btn-group{ display: flex; align-items: center; column-gap: 0.375rem; } .widget .category-btn-group .category-btn{ display: flex; height: 2rem; align-items: center; white-space: nowrap; border-radius: 9999px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; color: hsl(var(--tertiary-900) / 0.7); } @media (min-width: 1024px){ .widget .category-btn-group .category-btn:hover{ background-color: hsl(var(--tertiary-800) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .widget .category-btn-group .category-btn .icon{ margin-right: 0.25rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .widget .category-btn-group .category-btn.active{ background-color: hsl(var(--tertiary-800) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget .category-btn-group .category-btn.active .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .widget .group-card{ display: flex; width: 100%; max-width: 214px; cursor: pointer; flex-direction: column; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px){ .widget .group-card:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .widget .group-card:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .widget .group-card.active{ background-color: hsl(var(--primary) / 0.1); } .widget .group-card.active:is(.dark *){ background-color: hsl(var(--primary) / 0.1); } .widget .group-card.active .card-header{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .widget .group-card.active .card-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .widget .group-card.active .card-body .country .name{ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } .widget .group-card .card-header{ display: flex; height: 1.5rem; width: 100%; align-items: center; justify-content: center; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .widget .group-card .card-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .widget .group-card .card-header .card-title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; line-height: normal; } .widget .group-card .card-body{ display: flex; align-items: center; column-gap: 0.5rem; overflow-x: auto; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; padding: 0.5rem; } .widget .group-card .card-body .country{ display: flex; flex-direction: column; align-items: center; row-gap: 0.375rem; } .widget .group-card .card-body .country .icon{ height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .widget .group-card .card-body .country .name{ font-size: 0.75rem; font-weight: 500; text-transform: uppercase; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .widget.ready-coupon .fixture-item .fixture-info sport-lib-fixture-statistic, .widget.ready-coupon .fixture-item .fixture-info sport-lib-fixture-size{ display: none; } .widget.ready-coupon .fixture-item .fixture-bet-types .bet-btn{ pointer-events: none; } .widget.ready-coupon .fixture-item .fixture-panda-view-btg .bet-btn{ pointer-events: none; } .color-scheme-2 .widget .event-btn-group .event-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .color-scheme-2 .widget .event-btn-group .event-btn:hover{ background-color: hsl(var(--secondary) / 0.8); } } .color-scheme-2 .widget .event-btn-group .event-btn .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-2 .widget .event-btn-group .event-btn-top .count{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-500) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } .color-scheme-2 .widget .event-btn-group .event-btn .event-btn-bottom .text{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-2 .widget .event-btn-group .event-btn .event-btn-bottom .text .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-2 .widget .category-btn-group .category-btn.active{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-2 .widget .category-btn-group .category-btn.active .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .widget-header{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); } .color-scheme-3 .widget .widget-header .widget-title{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .widget-header .widget-toolbar .btn-collapse, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-detail, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-carousel{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .widget-header .widget-toolbar .btn-collapse:hover, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-detail:hover, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-carousel:hover{ background-color: hsl(var(--secondary-100) / 0.3); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .widget-header .widget-toolbar .btn-collapse .icon, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-detail .icon, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-carousel .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .widget-header .widget-toolbar .btn-collapse.disabled, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-collapse[disabled], .color-scheme-3 .widget .widget-header .widget-toolbar .btn-detail.disabled, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-detail[disabled], .color-scheme-3 .widget .widget-header .widget-toolbar .btn-carousel.disabled, .color-scheme-3 .widget .widget-header .widget-toolbar .btn-carousel[disabled]{ background-color: hsl(var(--secondary-100) / 0.2); color: hsl(var(--secondary-950) / 0.3); } .color-scheme-3 .widget .event-btn-group .event-btn{ background-color: hsl(var(--tertiary-400) / 0.15); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .color-scheme-3 .widget .event-btn-group .event-btn:hover{ background-color: hsl(var(--tertiary-400) / 0.3); } } .color-scheme-3 .widget .event-btn-group .event-btn-top .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .event-btn-group .event-btn .count{ background-color: hsl(var(--tertiary-950) / 0.15); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .event-btn-group .event-btn-bottom .text{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .event-btn-group .event-btn-top .count{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .color-scheme-3 .widget .category-btn-group .category-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)); } } .color-scheme-3 .widget .category-btn-group .category-btn.active{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .color-scheme-3 .widget .category-btn-group .category-btn.active .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .betslip{ margin-bottom: 0.75rem; } .betslip-amount .input-group{ position: relative; } .betslip-amount .p-inputwrapper, .betslip-amount .p-inputnumber{ height: 2.625rem; } .betslip-amount .input{ height: 100%; width: 8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-width: 1px; padding-left: 0.375rem; padding-right: 2.625rem; } .betslip-amount .input::placeholder{ font-size: 0.75rem; } .betslip-amount .input:focus::placeholder{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: transparent; } .betslip-amount .input-btn{ position: absolute; top: 0.25rem; right: 0.25rem; bottom: 0.25rem; margin-left: 0px; width: 2.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.125rem; padding-right: 0.125rem; font-size: 0.75rem; } .betslip-amount .input-increment-buttons{ position: absolute; top: 0.188rem; right: 0.25rem; bottom: 0.188rem; display: flex; width: 2.25rem; flex-direction: column; align-items: center; justify-content: center; row-gap: 0.125rem; } .betslip-amount .input-increment-buttons .icon-btn{ display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; border-radius: 0.25rem; background-color: hsl(var(--tertiary-950) / 0.2); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .betslip-amount .input-increment-buttons .icon-btn:hover{ background-color: hsl(var(--tertiary-950) / 0.3); } } .betslip-amount .input-increment-buttons .icon-btn .icon{ height: 0.75rem; width: 0.75rem; } .betslip-amount .input-increment-buttons .icon-btn[disabled]{ opacity: 0.3; } @media (min-width: 1024px){ .betslip-amount .input-increment-buttons .icon-btn[disabled]:hover{ background-color: hsl(var(--tertiary-950) / 0.2); } } .betslip-actions{ display: flex; flex-direction: column; border-top-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding: 0.625rem; padding-left: 0.5rem; padding-right: 0.5rem; } .betslip .bet-rate{ position: relative; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .betslip .bet-rate.rate-up{ display: flex; height: 1.5rem; align-items: center; justify-content: space-between; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); background-color: rgb(34 197 94 / 0.05); padding-left: 0.25rem; padding-right: 0.25rem; } .betslip .bet-rate.rate-up:before{ position: relative; margin-right: 0.188rem; height: 1rem; width: 1rem; border-width: 0px; background-color: currentColor; --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); --tw-content: ""; content: var(--tw-content); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center; mask-size: contain; } .betslip .bet-rate.rate-down{ display: flex; height: 1.5rem; align-items: center; justify-content: space-between; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); background-color: rgb(220 38 38 / 0.05); padding-left: 0.25rem; padding-right: 0.25rem; } .betslip .bet-rate.rate-down:after{ position: relative; border-width: 0px; } .betslip .bet-rate.rate-down:before{ position: relative; margin-right: 0.188rem; height: 1rem; width: 1rem; } @keyframes rateChange{ 0%{ opacity: 0; } 50%{ opacity: 100%; } 100%{ opacity: 0; } } .betslip .bet-rate.rate-down:before{ animation: rateChange 1s 5; border-width: 0px; background-color: currentColor; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); --tw-content: ""; content: var(--tw-content); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7L12 11L8 7M4 10L12 18L20 10' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center; mask-size: contain; } .betslip-info .info-title{ margin-bottom: 0.375rem; font-size: 0.875rem; font-weight: 500; text-transform: capitalize; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .betslip-info .info-row{ margin-bottom: 0.375rem; display: flex; column-gap: 0.375rem; font-size: 0.75rem; font-weight: 500; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .betslip-info .info-row.total-rate{ align-items: center; } .betslip-info .info-row .label{ flex: 1 1 0%; font-weight: 500; color: hsl(var(--tertiary-950) / 0.5); } .betslip-info .info-row .value{ align-self: flex-start; line-height: 1rem; } .betslip-info .info-row .value.bet-rate{ font-size: 0.75rem; font-weight: 500; line-height: normal; } .betslip-info .info-row .icon{ height: 1rem; width: 1rem; flex-shrink: 0; } .betslip-info .info-row.amount .label{ align-self: center; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; } .numpad-input::selection{ --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } /* Betradar Widget Shared Styles - Used by: betradar-match-tracker, bet-builder, bet-builder-modal */ /* Using formula solid $primary: #FF0000; $home: #00003c; $away: #FF9000; $cl: #000000; $base: #FFFFFF; */ :root { /* Core theme colors: change only these 5 to re-theme */ --betradar-primary:hsl(var(--primary)); --betradar-home:hsl(var(--secondary)); --betradar-away:hsl(var(--primary)); --betradar-cl:hsl(var(--tertiary-950)); --betradar-base:hsl(var(--tertiary-50)); /* Primary derived shades and tints - with fallbacks for older browsers */ --betradar-primary-dark-1: hsl(var(--primary-600)); --betradar-primary-dark-2: hsl(var(--primary-700)); --betradar-primary-light-1: hsl(var(--primary-400)); --betradar-primary-light-2: hsl(var(--primary-300)); --betradar-primary-light-3: hsl(var(--primary-200)); --betradar-primary-tint-1: hsl(var(--primary-100)); --betradar-primary-tint-2: hsl(var(--primary-50)); --betradar-primary-tint-3: hsl(var(--primary-100)); --betradar-primary-tint-4: hsl(var(--primary-50)); --betradar-primary-alpha-12: hsl(var(--primary-500)); --betradar-primary-alpha-30: hsl(var(--primary-500)); /* Modern browser support for color-mix */ /* Home derived shades - with fallbacks */ --betradar-home-light-1: var(--secondary-400, var(--secondary)); --betradar-home-dark-1: var(--secondary-600, var(--secondary)); --betradar-home-dark-2: var(--secondary-700, var(--secondary)); --betradar-home-alpha-20: var(--secondary-500, hsla(0, 0%, 0%, 0.2)); /* Away derived shades - with fallbacks */ --betradar-away-light-1: var(--primary-400, var(--primary)); --betradar-away-dark-1: var(--primary-600, var(--primary)); --betradar-away-dark-2: var(--primary-700, var(--primary)); --betradar-away-alpha-20: var(--primary-500, hsla(0, 0%, 0%, 0.2)); /* Modern browser support for home/away color-mix */ /* Common border/overlay mixes */ --betradar-on-base-border-16: color-mix(in srgb, var(--betradar-base) 16%, transparent); --betradar-on-cl-border-12: color-mix(in srgb, var(--betradar-cl) 12%, transparent); --betradar-on-cl-border-30: color-mix(in srgb, var(--betradar-cl) 30%, transparent); --betradar-on-cl-border-40: color-mix(in srgb, var(--betradar-cl) 40%, transparent); /* Neutral scale derived from cl/base (approximate matches of existing hexes) */ --betradar-neutral-1: color-mix(in srgb, var(--betradar-cl) 13%, var(--betradar-base) 87%); --betradar-neutral-2: color-mix(in srgb, var(--betradar-cl) 90%, var(--betradar-base) 10%); --betradar-neutral-3: color-mix(in srgb, var(--betradar-cl) 12%, transparent); --betradar-neutral-4: color-mix(in srgb, var(--betradar-cl) 35%, var(--betradar-base) 65%); --betradar-neutral-5: color-mix(in srgb, var(--betradar-cl) 75%, var(--betradar-base) 25%); --betradar-neutral-6: color-mix(in srgb, var(--betradar-cl) 24%, var(--betradar-base) 76%); --betradar-neutral-9: color-mix(in srgb, var(--betradar-cl) 6%, var(--betradar-base) 94%); --betradar-neutral-10: color-mix(in srgb, var(--betradar-cl) 12%, var(--betradar-base) 88%); --betradar-neutral-11: color-mix(in srgb, var(--betradar-cl) 40%, var(--betradar-base) 60%); --betradar-neutral-12: color-mix(in srgb, var(--betradar-cl) 70%, var(--betradar-base) 30%); --betradar-neutral-13: color-mix(in srgb, var(--betradar-cl) 10%, var(--betradar-base) 90%); --betradar-neutral-14: var(--betradar-base); /* Semantic colors - auto-adapt to project theme */ --betradar-info: var(--info-500, hsl(217, 91%, 60%)); --betradar-warning: var(--warning-500, hsl(38, 95%, 50%)); --betradar-error: var(--error-500, hsl(0, 84%, 60%)); --betradar-success: var(--success-500, hsl(145, 69%, 45%)); /* Alpha variants with fallbacks */ --betradar-info-alpha-10: hsla(217, 91%, 60%, 0.1); --betradar-warning-alpha-10: hsla(38, 95%, 50%, 0.1); --betradar-error-alpha-10: hsla(0, 84%, 60%, 0.1); --betradar-success-alpha-10: hsla(145, 69%, 45%, 0.1); /* Modern browser alpha support */ /* Additional alpha variants with fallbacks */ --betradar-on-base-alpha-16: hsla(0, 0%, 100%, 0.16); --betradar-on-cl-alpha-40: hsla(0, 0%, 0%, 0.4); --betradar-on-cl-alpha-82: hsla(0, 0%, 0%, 0.82); /* Modern browser alpha support */ /* Sport-specific colors (theme-aware) */ --betradar-sport-yellow-card: var(--betradar-warning); --betradar-sport-red-card: var(--betradar-error); --betradar-sport-blue-card: var(--betradar-info); --betradar-sport-green-card: var(--betradar-success); --betradar-sport-substitution-in: var(--betradar-success); --betradar-sport-substitution-out: var(--betradar-error); --betradar-sport-own-goal: var(--betradar-error); /* NFL colors */ --betradar-nfl-timeout: var(--betradar-warning); --betradar-nfl-penalty: var(--betradar-warning); --betradar-nfl-negative-yards: var(--betradar-error); --betradar-nfl-first-line: var(--betradar-info); --betradar-nfl-ten-line: var(--betradar-warning); /* MLB colors */ --betradar-mlb-run: var(--betradar-success); --betradar-mlb-hit-primary: var(--betradar-warning); --betradar-mlb-hit-secondary: var(--betradar-info); --betradar-mlb-error: var(--betradar-error); --betradar-mlb-neutral: var(--betradar-cl); --betradar-mlb-base: var(--betradar-info); /* Soccer relegation/promotion - gradient from warning to error */ --betradar-soccer-relegation-1: var(--warning-300, hsl(49, 98%, 65%)); --betradar-soccer-relegation-2: var(--warning-400, hsl(45, 97%, 56%)); --betradar-soccer-relegation-3: var(--amber-500, hsl(38, 95%, 50%)); --betradar-soccer-relegation-4: var(--error-500, hsl(0, 84%, 60%)); --betradar-soccer-relegation-5: var(--error-700, hsl(0, 74%, 42%)); --betradar-soccer-promotion-1: var(--success-500, hsl(145, 69%, 45%)); --betradar-soccer-promotion-2: var(--success-700, hsl(145, 70%, 29%)); --betradar-soccer-promotion-3: var(--info-500, hsl(217, 91%, 60%)); --betradar-soccer-promotion-4: var(--info-700, hsl(221, 76%, 48%)); --betradar-soccer-promotion-5: var(--info-300, hsl(217, 96%, 78%)); } @supports (background: color-mix(in srgb, red 50%, blue)) { :root { --betradar-primary-dark-1: color-mix(in srgb, var(--betradar-primary) 70%, var(--betradar-cl) 30%); --betradar-primary-dark-2: color-mix(in srgb, var(--betradar-primary) 58%, var(--betradar-cl) 42%); --betradar-primary-light-1: color-mix(in srgb, var(--betradar-primary) 90%, var(--betradar-base) 10%); --betradar-primary-light-2: color-mix(in srgb, var(--betradar-primary) 80%, var(--betradar-base) 20%); --betradar-primary-light-3: color-mix(in srgb, var(--betradar-primary) 60%, var(--betradar-base) 40%); --betradar-primary-tint-1: color-mix(in srgb, var(--betradar-primary) 30%, var(--betradar-base) 70%); --betradar-primary-tint-2: color-mix(in srgb, var(--betradar-primary) 12%, var(--betradar-base) 88%); --betradar-primary-tint-3: color-mix(in srgb, var(--betradar-primary) 17%, var(--betradar-base) 83%); --betradar-primary-tint-4: color-mix(in srgb, var(--betradar-primary) 5%, var(--betradar-base) 95%); --betradar-primary-alpha-12: color-mix(in srgb, var(--betradar-primary) 12%, transparent); --betradar-primary-alpha-30: color-mix(in srgb, var(--betradar-primary) 30%, transparent); --betradar-home-light-1: color-mix(in srgb, var(--betradar-home) 55%, var(--betradar-base) 45%); --betradar-home-dark-1: color-mix(in srgb, var(--betradar-home) 65%, var(--betradar-cl) 35%); --betradar-home-dark-2: color-mix(in srgb, var(--betradar-home) 45%, var(--betradar-cl) 55%); --betradar-home-alpha-20: color-mix(in srgb, var(--betradar-home) 20%, transparent); --betradar-away-light-1: color-mix(in srgb, var(--betradar-away) 75%, var(--betradar-base) 25%); --betradar-away-dark-1: color-mix(in srgb, var(--betradar-away) 60%, var(--betradar-cl) 40%); --betradar-away-dark-2: color-mix(in srgb, var(--betradar-away) 45%, var(--betradar-cl) 55%); --betradar-away-alpha-20: color-mix(in srgb, var(--betradar-away) 20%, transparent); --betradar-info-alpha-10: color-mix(in srgb, var(--betradar-info) 10%, transparent); --betradar-warning-alpha-10: color-mix(in srgb, var(--betradar-warning) 10%, transparent); --betradar-error-alpha-10: color-mix(in srgb, var(--betradar-error) 10%, transparent); --betradar-success-alpha-10: color-mix(in srgb, var(--betradar-success) 10%, transparent); --betradar-on-base-alpha-16: color-mix(in srgb, var(--betradar-base) 16%, transparent); --betradar-on-cl-alpha-40: color-mix(in srgb, var(--betradar-cl) 40%, transparent); --betradar-on-cl-alpha-82: color-mix(in srgb, var(--betradar-cl) 82%, transparent); } } .sr-bb { font-family: "Urbanist", "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-align: left; background: var(--betradar-base); } .sr-bb.sr-rtl { text-align: right; } .sr-bb .sr-bb { background: none; } .sr-bb .srt-base-1 { background-color: transparent; color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-win { background-color: transparent; color: var(--betradar-home); border-color: var(--betradar-home); } .sr-bb .srt-base-1-draw { background-color: transparent; color: var(--betradar-on-cl-border-40); border-color: var(--betradar-on-cl-border-40); } .sr-bb .srt-base-1-lose { background-color: transparent; color: var(--betradar-away); border-color: var(--betradar-away); } .sr-bb .srt-base-1-is-active { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-is-active-2 { background-color: var(--betradar-neutral-13); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-is-hoverable:hover { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-primary { background-color: transparent; color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-home-1 { background-color: transparent; color: var(--betradar-home); border-color: var(--betradar-home); } .sr-bb .srt-base-1-away-1 { background-color: transparent; color: var(--betradar-away); border-color: var(--betradar-away); } .sr-bb .srt-base-1-home-2 { background-color: transparent; color: var(--betradar-home); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-away-2 { background-color: transparent; color: var(--betradar-away); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-home-3 { background-color: transparent; color: var(--betradar-home); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-away-3 { background-color: transparent; color: var(--betradar-away); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-home-4 { background-color: transparent; color: var(--betradar-home-light-1); border-color: var(--betradar-home-light-1); } .sr-bb .srt-base-1-away-4 { background-color: transparent; color: var(--betradar-away-light-1); border-color: var(--betradar-away-light-1); } .sr-bb .srt-base-1-home-5 { background-color: transparent; color: var(--betradar-home-dark-2); border-color: var(--betradar-home-dark-2); } .sr-bb .srt-base-1-away-5 { background-color: transparent; color: var(--betradar-away-dark-2); border-color: var(--betradar-away-dark-2); } .sr-bb .srt-base-1-background { background-color: var(--betradar-base); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-2 { background-color: var(--betradar-base); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-2-is-active { background-color: var(--betradar-primary-tint-2); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-2-is-hoverable:hover { background-color: var(--betradar-primary-tint-2); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-3 { background-color: var(--betradar-primary-tint-2); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-3-is-active { background-color: var(--betradar-primary-tint-3); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-3-is-hoverable:hover { background-color: var(--betradar-primary-tint-3); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-3-background { background-color: var(--betradar-base); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-4 { background-color: var(--betradar-primary-tint-4); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-5-is-active { background-color: var(--betradar-primary-tint-2); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-5-is-hoverable:hover { background-color: var(--betradar-primary-tint-2); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-6 { background-color: transparent; color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-30); } .sr-bb .srt-primary-1 { background-color: var(--betradar-primary); color: hsl(var(--primary-foreground)); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-1-is-active { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-1-is-hoverable:hover { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-1-is-disabled { background-color: var(--betradar-primary-light-2); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-2 { background-color: var(--betradar-primary-dark-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-3 { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-4 { background-color: var(--betradar-primary-light-3); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-5 { background-color: var(--betradar-primary-light-3); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-5-is-hoverable:hover { background-color: var(--betradar-primary); color: hsl(var(--primary-foreground)); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-6 { background-color: var(--betradar-primary-dark-2); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-7 { background-color: var(--betradar-primary); color: hsl(var(--primary-foreground)); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-8 { background-color: var(--betradar-primary); color: hsl(var(--primary-foreground)); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-8-is-active-1 { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-8-is-active-2 { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-base); } .sr-bb .srt-primary-9 { background-color: var(--betradar-primary-tint-1); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-primary-10 { background-color: var(--betradar-primary-light-2); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-11 { background-color: var(--betradar-primary-light-1); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-primary-12 { background-color: var(--betradar-primary); color: hsl(var(--primary-foreground)); border-color: var(--betradar-base); } .sr-bb .srt-primary-13 { background-color: var(--betradar-primary-tint-4); color: var(--betradar-base); border-color: var(--betradar-primary-alpha-30); } .sr-bb .srt-base-1-primary-1 { background-color: transparent; color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-primary-2 { background-color: transparent; color: var(--betradar-primary-dark-1); border-color: var(--betradar-primary-dark-1); } .sr-bb .srt-base-1-primary-3 { background-color: transparent; color: var(--betradar-primary-light-1); border-color: var(--betradar-primary-light-1); } .sr-bb .srt-base-1-primary-4 { background-color: transparent; color: var(--betradar-primary-light-3); border-color: var(--betradar-primary-light-3); } .sr-bb .srt-base-1-primary-5 { background-color: transparent; color: var(--betradar-primary-light-3); border-color: var(--betradar-primary-light-3); } .sr-bb .srt-base-1-primary-6 { background-color: transparent; color: var(--betradar-primary-dark-2); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-primary-7 { background-color: transparent; color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-primary-8 { background-color: transparent; color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-primary-9 { background-color: transparent; color: var(--betradar-primary-tint-1); border-color: var(--betradar-primary-tint-1); } .sr-bb .srt-base-1-primary-10 { background-color: transparent; color: var(--betradar-primary-light-2); border-color: var(--betradar-primary-light-2); } .sr-bb .srt-base-1-primary-11 { background-color: transparent; color: var(--betradar-primary-light-1); border-color: var(--betradar-primary-light-1); } .sr-bb .srt-base-1-primary-13 { background-color: var(--betradar-base); color: var(--betradar-primary-tint-4); border-color: var(--betradar-primary-alpha-30); } .sr-bb .srt-base-1-neutral-1 { background-color: transparent; color: var(--betradar-neutral-1); border-color: var(--betradar-neutral-1); } .sr-bb .srt-base-1-neutral-2 { background-color: transparent; color: var(--betradar-neutral-2); border-color: var(--betradar-neutral-2); } .sr-bb .srt-base-1-neutral-3 { background-color: transparent; color: var(--betradar-on-cl-border-12); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-neutral-4 { background-color: transparent; color: var(--betradar-neutral-4); border-color: var(--betradar-neutral-4); } .sr-bb .srt-base-1-neutral-5 { background-color: transparent; color: var(--betradar-neutral-5); border-color: var(--betradar-neutral-5); } .sr-bb .srt-base-1-neutral-6 { background-color: transparent; color: var(--betradar-neutral-6); border-color: var(--betradar-neutral-6); } .sr-bb .srt-base-1-neutral-4 { background-color: transparent; color: var(--betradar-neutral-4); border-color: var(--betradar-neutral-4); } .sr-bb .srt-base-1-neutral-1 { background-color: transparent; color: var(--betradar-neutral-1); border-color: var(--betradar-neutral-1); } .sr-bb .srt-base-1-neutral-9 { background-color: transparent; color: var(--betradar-neutral-9); border-color: var(--betradar-neutral-9); } .sr-bb .srt-base-1-neutral-10 { background-color: transparent; color: var(--betradar-neutral-10); border-color: var(--betradar-neutral-10); } .sr-bb .srt-base-1-neutral-11 { background-color: transparent; color: var(--betradar-neutral-11); border-color: var(--betradar-neutral-11); } .sr-bb .srt-base-1-neutral-12 { background-color: transparent; color: var(--betradar-neutral-12); border-color: var(--betradar-neutral-12); } .sr-bb .srt-base-1-neutral-13 { background-color: transparent; color: var(--betradar-neutral-13); border-color: var(--betradar-neutral-13); } .sr-bb .srt-base-1-is-active-primary { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-is-active-home-1 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-home); border-color: var(--betradar-home); } .sr-bb .srt-base-1-is-active-away-1 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-away); border-color: var(--betradar-away); } .sr-bb .srt-base-1-is-active-home-2 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-home); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-is-active-away-2 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-away); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-is-active-home-3 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-home); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-is-active-away-3 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-away); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-base-1-is-active-home-4 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-home-light-1); border-color: var(--betradar-home-light-1); } .sr-bb .srt-base-1-is-active-away-4 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-away-light-1); border-color: var(--betradar-away-light-1); } .sr-bb .srt-base-1-is-active-home-5 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-home-dark-2); border-color: var(--betradar-home-dark-2); } .sr-bb .srt-base-1-is-active-away-5 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-away-dark-2); border-color: var(--betradar-away-dark-2); } .sr-bb .srt-base-1-is-active-primary-1 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-is-active-primary-2 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-dark-1); border-color: var(--betradar-primary-dark-1); } .sr-bb .srt-base-1-is-active-primary-3 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-light-1); border-color: var(--betradar-primary-light-1); } .sr-bb .srt-base-1-is-active-primary-4 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-light-3); border-color: var(--betradar-primary-light-3); } .sr-bb .srt-base-1-is-active-primary-5 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-light-3); border-color: var(--betradar-primary-light-3); } .sr-bb .srt-base-1-is-active-primary-6 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-dark-2); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-base-1-is-active-primary-7 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-is-hoverable-primary-7:hover { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-is-active-primary-8 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary); border-color: var(--betradar-primary); } .sr-bb .srt-base-1-is-active-primary-9 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-tint-1); border-color: var(--betradar-primary-tint-1); } .sr-bb .srt-base-1-is-active-primary-10 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-light-2); border-color: var(--betradar-primary-light-2); } .sr-bb .srt-base-1-is-active-primary-11 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-primary-light-1); border-color: var(--betradar-primary-light-1); } .sr-bb .srt-base-1-is-active-neutral-1 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-1); border-color: var(--betradar-neutral-1); } .sr-bb .srt-base-1-is-active-neutral-2 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-2); border-color: var(--betradar-neutral-2); } .sr-bb .srt-base-1-is-active-neutral-3 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-3); border-color: var(--betradar-neutral-3); } .sr-bb .srt-base-1-is-active-neutral-4 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-4); border-color: var(--betradar-neutral-4); } .sr-bb .srt-base-1-is-active-neutral-5 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-5); border-color: var(--betradar-neutral-5); } .sr-bb .srt-base-1-is-active-neutral-6 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-6); border-color: var(--betradar-neutral-6); } .sr-bb .srt-base-1-is-active-neutral-4 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-4); border-color: var(--betradar-neutral-4); } .sr-bb .srt-base-1-is-active-neutral-1 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-1); border-color: var(--betradar-neutral-1); } .sr-bb .srt-base-1-is-active-neutral-9 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-9); border-color: var(--betradar-neutral-9); } .sr-bb .srt-base-1-is-active-neutral-10 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-10); border-color: var(--betradar-neutral-10); } .sr-bb .srt-base-1-is-active-neutral-11 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-11); border-color: var(--betradar-neutral-11); } .sr-bb .srt-base-1-is-active-neutral-12 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-12); border-color: var(--betradar-neutral-12); } .sr-bb .srt-base-1-is-active-neutral-13 { background-color: var(--betradar-primary-alpha-12); color: var(--betradar-neutral-13); border-color: var(--betradar-neutral-13); } .sr-bb .srt-home-1 { background-color: var(--betradar-home); color: hsl(var(--secondary-foreground)); border-color: var(--betradar-home); } .sr-bb .srt-away-1 { background-color: var(--betradar-away); color: hsl(var(--primary-foreground)); border-color: var(--betradar-away); } .sr-bb .srt-home-2 { background-color: var(--betradar-home); color: hsl(var(--secondary-foreground)); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-away-2 { background-color: var(--betradar-away); color: var(--betradar-cl); border-color: var(--betradar-primary-dark-2); } .sr-bb .srt-home-3 { background-color: var(--betradar-home); color: hsl(var(--secondary-foreground)); border-color: var(--betradar-base); } .sr-bb .srt-away-3 { background-color: var(--betradar-away); color: var(--betradar-cl); border-color: var(--betradar-base); } .sr-bb .srt-home-4 { background-color: var(--betradar-home-light-1); color: var(--betradar-base); border-color: var(--betradar-home-light-1); } .sr-bb .srt-away-4 { background-color: var(--betradar-away-light-1); color: var(--betradar-cl); border-color: var(--betradar-away-light-1); } .sr-bb .srt-home-5 { background-color: var(--betradar-home-dark-2); color: var(--betradar-base); border-color: var(--betradar-home-dark-2); } .sr-bb .srt-away-5 { background-color: var(--betradar-away-dark-2); color: var(--betradar-cl); border-color: var(--betradar-away-dark-2); } .sr-bb .srt-home-6 { background-color: var(--betradar-home-alpha-20); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-away-6 { background-color: var(--betradar-away-alpha-20); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-home-6-is-hoverable:hover { background-color: var(--betradar-home-alpha-20); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-away-6-is-hoverable:hover { background-color: var(--betradar-away-alpha-20); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-1 { background-color: var(--betradar-neutral-1); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-2 { background-color: var(--betradar-neutral-2); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-neutral-3 { background-color: var(--betradar-on-cl-border-12); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-3-is-hoverable:hover { background-color: var(--betradar-on-cl-border-12); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-4 { background-color: var(--betradar-neutral-4); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-neutral-5 { background-color: var(--betradar-neutral-5); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-neutral-6 { background-color: var(--betradar-neutral-6); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-4 { background-color: var(--betradar-neutral-4); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-neutral-1 { background-color: var(--betradar-neutral-1); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-9 { background-color: var(--betradar-neutral-9); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-10 { background-color: var(--betradar-neutral-10); color: var(--betradar-on-cl-alpha-82); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-11 { background-color: var(--betradar-neutral-11); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-neutral-12 { background-color: var(--betradar-neutral-12); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-neutral-13 { background-color: var(--betradar-neutral-13); color: var(--betradar-cl); border-color: var(--betradar-on-cl-border-12); } .sr-bb .srt-win { background-color: var(--betradar-home); color: hsl(var(--secondary-foreground)); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-draw { background-color: var(--betradar-on-cl-alpha-40); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-lose { background-color: var(--betradar-away); color: var(--betradar-cl); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-text-secondary { opacity: 0.7; -webkit-font-smoothing: antialiased; } .sr-bb .srt-text-disabled { opacity: 0.35; } .sr-bb .srt-text-tertiary { opacity: 0.54; } .sr-bb .srt-primary-1 .srt-text-secondary, .sr-bb .srt-primary-1.srt-text-secondary, .sr-bb .srt-primary-1-is-active .srt-text-secondary, .sr-bb .srt-primary-1-is-active.srt-text-secondary, .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary, .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary, .sr-bb .srt-primary-1-is-disabled .srt-text-secondary, .sr-bb .srt-primary-1-is-disabled.srt-text-secondary, .sr-bb .srt-primary-2 .srt-text-secondary, .sr-bb .srt-primary-2.srt-text-secondary, .sr-bb .srt-primary-3 .srt-text-secondary, .sr-bb .srt-primary-3.srt-text-secondary, .sr-bb .srt-primary-4 .srt-text-secondary, .sr-bb .srt-primary-4.srt-text-secondary, .sr-bb .srt-primary-5 .srt-text-secondary, .sr-bb .srt-primary-5.srt-text-secondary, .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary, .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary, .sr-bb .srt-primary-6 .srt-text-secondary, .sr-bb .srt-primary-6.srt-text-secondary, .sr-bb .srt-primary-7 .srt-text-secondary, .sr-bb .srt-primary-7.srt-text-secondary, .sr-bb .srt-primary-8 .srt-text-secondary, .sr-bb .srt-primary-8.srt-text-secondary, .sr-bb .srt-primary-8-is-active-1 .srt-text-secondary, .sr-bb .srt-primary-8-is-active-1.srt-text-secondary, .sr-bb .srt-primary-8-is-active-2 .srt-text-secondary, .sr-bb .srt-primary-8-is-active-2.srt-text-secondary, .sr-bb .srt-primary-9 .srt-text-secondary, .sr-bb .srt-primary-9.srt-text-secondary, .sr-bb .srt-primary-10 .srt-text-secondary, .sr-bb .srt-primary-10.srt-text-secondary, .sr-bb .srt-primary-11 .srt-text-secondary, .sr-bb .srt-primary-11.srt-text-secondary, .sr-bb .srt-primary-12 .srt-text-secondary, .sr-bb .srt-primary-12.srt-text-secondary, .sr-bb .srt-primary-13 .srt-text-secondary, .sr-bb .srt-primary-13.srt-text-secondary { opacity: 0.8; -webkit-font-smoothing: antialiased; } .sr-bb .srt-primary-1 .srt-text-disabled, .sr-bb .srt-primary-1.srt-text-disabled, .sr-bb .srt-primary-1-is-active .srt-text-disabled, .sr-bb .srt-primary-1-is-active.srt-text-disabled, .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled, .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled, .sr-bb .srt-primary-1-is-disabled .srt-text-disabled, .sr-bb .srt-primary-1-is-disabled.srt-text-disabled, .sr-bb .srt-primary-2 .srt-text-disabled, .sr-bb .srt-primary-2.srt-text-disabled, .sr-bb .srt-primary-3 .srt-text-disabled, .sr-bb .srt-primary-3.srt-text-disabled, .sr-bb .srt-primary-4 .srt-text-disabled, .sr-bb .srt-primary-4.srt-text-disabled, .sr-bb .srt-primary-5 .srt-text-disabled, .sr-bb .srt-primary-5.srt-text-disabled, .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled, .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled, .sr-bb .srt-primary-6 .srt-text-disabled, .sr-bb .srt-primary-6.srt-text-disabled, .sr-bb .srt-primary-7 .srt-text-disabled, .sr-bb .srt-primary-7.srt-text-disabled, .sr-bb .srt-primary-8 .srt-text-disabled, .sr-bb .srt-primary-8.srt-text-disabled, .sr-bb .srt-primary-8-is-active-1 .srt-text-disabled, .sr-bb .srt-primary-8-is-active-1.srt-text-disabled, .sr-bb .srt-primary-8-is-active-2 .srt-text-disabled, .sr-bb .srt-primary-8-is-active-2.srt-text-disabled, .sr-bb .srt-primary-9 .srt-text-disabled, .sr-bb .srt-primary-9.srt-text-disabled, .sr-bb .srt-primary-10 .srt-text-disabled, .sr-bb .srt-primary-10.srt-text-disabled, .sr-bb .srt-primary-11 .srt-text-disabled, .sr-bb .srt-primary-11.srt-text-disabled, .sr-bb .srt-primary-12 .srt-text-disabled, .sr-bb .srt-primary-12.srt-text-disabled, .sr-bb .srt-primary-13 .srt-text-disabled, .sr-bb .srt-primary-13.srt-text-disabled { opacity: 0.6; } .sr-bb .srt-primary-1 .srt-text-tertiary, .sr-bb .srt-primary-1.srt-text-tertiary, .sr-bb .srt-primary-1-is-active .srt-text-tertiary, .sr-bb .srt-primary-1-is-active.srt-text-tertiary, .sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary, .sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary, .sr-bb .srt-primary-1-is-disabled .srt-text-tertiary, .sr-bb .srt-primary-1-is-disabled.srt-text-tertiary, .sr-bb .srt-primary-2 .srt-text-tertiary, .sr-bb .srt-primary-2.srt-text-tertiary, .sr-bb .srt-primary-3 .srt-text-tertiary, .sr-bb .srt-primary-3.srt-text-tertiary, .sr-bb .srt-primary-4 .srt-text-tertiary, .sr-bb .srt-primary-4.srt-text-tertiary, .sr-bb .srt-primary-5 .srt-text-tertiary, .sr-bb .srt-primary-5.srt-text-tertiary, .sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary, .sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary, .sr-bb .srt-primary-6 .srt-text-tertiary, .sr-bb .srt-primary-6.srt-text-tertiary, .sr-bb .srt-primary-7 .srt-text-tertiary, .sr-bb .srt-primary-7.srt-text-tertiary, .sr-bb .srt-primary-8 .srt-text-tertiary, .sr-bb .srt-primary-8.srt-text-tertiary, .sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary, .sr-bb .srt-primary-8-is-active-1.srt-text-tertiary, .sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary, .sr-bb .srt-primary-8-is-active-2.srt-text-tertiary, .sr-bb .srt-primary-9 .srt-text-tertiary, .sr-bb .srt-primary-9.srt-text-tertiary, .sr-bb .srt-primary-10 .srt-text-tertiary, .sr-bb .srt-primary-10.srt-text-tertiary, .sr-bb .srt-primary-11 .srt-text-tertiary, .sr-bb .srt-primary-11.srt-text-tertiary, .sr-bb .srt-primary-12 .srt-text-tertiary, .sr-bb .srt-primary-12.srt-text-tertiary, .sr-bb .srt-primary-13 .srt-text-tertiary, .sr-bb .srt-primary-13.srt-text-tertiary { opacity: 0.7; } .sr-bb .srt-icon { opacity: 0.33; } .sr-bb .srt-icon-secondary { opacity: 0.7; } .sr-bb .srt-elevation-1 { box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.2), 0px 1px 3px 0px hsla(0, 0%, 0%, 0.1); } .sr-bb .srt-elevation-2 { box-shadow: 0px 3px 6px 0px hsla(0, 0%, 0%, 0.23), 0px 3px 6px 0px hsla(0, 0%, 0%, 0.16); } .sr-bb .srt-elevation-3 { box-shadow: 0px 6px 6px 0px hsla(0, 0%, 0%, 0.26), 0px 10px 20px 0px hsla(0, 0%, 0%, 0.19); } .sr-bb .srt-elevation-center-2 { box-shadow: 0 1px 5px hsla(0, 0%, 0%, 0.23), 0 1px 5px hsla(0, 0%, 0%, 0.16); } .sr-bb .srt-inset-top-1 { box-shadow: inset 0 1px 2px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-inset-bottom-1 { box-shadow: inset 0 -1px 2px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-inset-top-2 { box-shadow: inset 0 3px 6px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-inset-bottom-2 { box-shadow: inset 0 -3px 6px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-inset-top-3 { box-shadow: inset 0 6px 6px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-inset-bottom-3 { box-shadow: inset 0 -6px 6px 0 hsla(0, 0%, 0%, 0.23); } .sr-bb .srt-info { background-color: var(--betradar-info-alpha-10); color: var(--betradar-info); border-color: var(--betradar-info); } .sr-bb .srt-fill-info { fill: var(--betradar-info); } .sr-bb .srt-stroke-info { stroke: var(--betradar-info); } .sr-bb .srt-warning { background-color: var(--betradar-warning-alpha-10); color: var(--betradar-warning); border-color: var(--betradar-warning); } .sr-bb .srt-fill-warning { fill: var(--betradar-warning); } .sr-bb .srt-stroke-warning { stroke: var(--betradar-warning); } .sr-bb .srt-error { background-color: var(--betradar-error-alpha-10); color: var(--betradar-error); border-color: var(--betradar-error); } .sr-bb .srt-fill-error { fill: var(--betradar-error); } .sr-bb .srt-stroke-error { stroke: var(--betradar-error); } .sr-bb .srt-fill-blue-card { fill: var(--betradar-sport-blue-card); } .sr-bb .srt-stroke-blue-card { stroke: var(--betradar-sport-blue-card); } .sr-bb .srt-fill-green-card { fill: var(--betradar-sport-green-card); } .sr-bb .srt-stroke-green-card { stroke: var(--betradar-sport-green-card); } .sr-bb .srt-fill-soccer-yellow-card { fill: var(--betradar-sport-yellow-card); } .sr-bb .srt-stroke-soccer-yellow-card { stroke: var(--betradar-sport-yellow-card); } .sr-bb .srt-fill-soccer-red-card { fill: var(--betradar-sport-red-card); } .sr-bb .srt-stroke-soccer-red-card { stroke: var(--betradar-sport-red-card); } .sr-bb .srt-stroke-soccer-substitution-in { stroke: var(--betradar-sport-substitution-in); fill: transparent; } .sr-bb .srt-fill-soccer-substitution-in { fill: var(--betradar-sport-substitution-in); } .sr-bb .srt-stroke-soccer-substitution-out { stroke: var(--betradar-sport-red-card); fill: transparent; } .sr-bb .srt-fill-soccer-substitution-out { fill: var(--betradar-sport-red-card); } .sr-bb .srt-stroke-soccer-own-goal { stroke: var(--betradar-sport-red-card); fill: transparent; } .sr-bb .srt-fill-soccer-own-goal { fill: var(--betradar-sport-red-card); } .sr-bb .srt-fill-soccer-relegation-1 { fill: var(--betradar-soccer-relegation-1); } .sr-bb .srt-stroke-soccer-relegation-1 { stroke: var(--betradar-soccer-relegation-1); } .sr-bb .srt-fill-soccer-relegation-2 { fill: var(--betradar-soccer-relegation-2); } .sr-bb .srt-stroke-soccer-relegation-2 { stroke: var(--betradar-soccer-relegation-2); } .sr-bb .srt-fill-soccer-relegation-3 { fill: var(--betradar-soccer-relegation-3); } .sr-bb .srt-stroke-soccer-relegation-3 { stroke: var(--betradar-soccer-relegation-3); } .sr-bb .srt-fill-soccer-relegation-4 { fill: var(--betradar-soccer-relegation-4); } .sr-bb .srt-stroke-soccer-relegation-4 { stroke: var(--betradar-soccer-relegation-4); } .sr-bb .srt-fill-soccer-relegation-5 { fill: var(--betradar-soccer-relegation-5); } .sr-bb .srt-stroke-soccer-relegation-5 { stroke: var(--betradar-soccer-relegation-5); } .sr-bb .srt-fill-soccer-promotion-1 { fill: var(--betradar-soccer-promotion-1); } .sr-bb .srt-stroke-soccer-promotion-1 { stroke: var(--betradar-soccer-promotion-1); } .sr-bb .srt-fill-soccer-promotion-2 { fill: var(--betradar-soccer-promotion-2); } .sr-bb .srt-stroke-soccer-promotion-2 { stroke: var(--betradar-soccer-promotion-2); } .sr-bb .srt-fill-soccer-promotion-3 { fill: var(--betradar-soccer-promotion-3); } .sr-bb .srt-stroke-soccer-promotion-3 { stroke: var(--betradar-soccer-promotion-3); } .sr-bb .srt-fill-soccer-promotion-4 { fill: var(--betradar-soccer-promotion-4); } .sr-bb .srt-stroke-soccer-promotion-4 { stroke: var(--betradar-soccer-promotion-4); } .sr-bb .srt-fill-soccer-promotion-5 { fill: var(--betradar-soccer-promotion-5); } .sr-bb .srt-stroke-soccer-promotion-5 { stroke: var(--betradar-soccer-promotion-5); } .sr-bb .srt-nfl-timeout-1 { background-color: var(--betradar-nfl-timeout); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-nfl-timeout-2 { background-color: color-mix(in srgb, var(--betradar-nfl-timeout) 30%, transparent); color: var(--betradar-base); border-color: var(--betradar-on-base-alpha-16); } .sr-bb .srt-nfl-penalty { background-color: var(--betradar-nfl-penalty); color: var(--betradar-base); border-color: var(--betradar-nfl-penalty); } .sr-bb .srt-nfl-negative-yards-1 { background-color: var(--betradar-nfl-negative-yards); color: var(--betradar-base); border-color: var(--betradar-nfl-negative-yards); } .sr-bb .srt-nfl-negative-yards-2 { background-color: var(--betradar-nfl-negative-yards); color: var(--betradar-base); border-color: var(--betradar-nfl-negative-yards); } .sr-bb .srt-nfl-first-line { background-color: var(--betradar-nfl-first-line); color: var(--betradar-base); border-color: var(--betradar-nfl-first-line); } .sr-bb .srt-nfl-ten-line { background-color: var(--betradar-nfl-timeout); color: var(--betradar-base); border-color: var(--betradar-nfl-ten-line); } .sr-bb .srt-fill-nfl-penalty { fill: var(--betradar-nfl-penalty); } .sr-bb .srt-stroke-nfl-penalty { stroke: var(--betradar-nfl-penalty); } .sr-bb .srt-fill-nfl-negative-yards-1 { fill: var(--betradar-nfl-negative-yards); } .sr-bb .srt-stroke-nfl-negative-yards-1 { stroke: var(--betradar-nfl-negative-yards); } .sr-bb .srt-fill-nfl-negative-yards-2 { fill: var(--betradar-nfl-negative-yards); } .sr-bb .srt-stroke-nfl-negative-yards-2 { stroke: var(--betradar-nfl-negative-yards); } .sr-bb .srt-fill-nfl-first-line { fill: var(--betradar-nfl-first-line); } .sr-bb .srt-stroke-nfl-first-line { stroke: var(--betradar-nfl-first-line); } .sr-bb .srt-fill-nfl-ten-line { fill: var(--betradar-nfl-ten-line); } .sr-bb .srt-stroke-nfl-ten-line { stroke: var(--betradar-nfl-ten-line); } .sr-bb .srt-mlb-run-1 { background-color: var(--betradar-mlb-run); color: var(--betradar-base); border-color: var(--betradar-mlb-run); } .sr-bb .srt-mlb-run-2 { background-color: var(--betradar-base); color: var(--betradar-mlb-run); border-color: var(--betradar-mlb-run); } .sr-bb .srt-mlb-hit-1 { background-color: var(--betradar-mlb-hit-primary); color: var(--betradar-cl); border-color: var(--betradar-mlb-hit-primary); } .sr-bb .srt-mlb-hit-2 { background-color: var(--betradar-base); color: var(--betradar-mlb-hit-primary); border-color: var(--betradar-mlb-hit-primary); } .sr-bb .srt-mlb-hit-3 { background-color: var(--betradar-mlb-hit-secondary); color: var(--betradar-base); border-color: var(--betradar-mlb-hit-secondary); } .sr-bb .srt-mlb-error-1 { background-color: var(--betradar-mlb-error); color: var(--betradar-base); border-color: var(--betradar-mlb-error); } .sr-bb .srt-mlb-error-2 { background-color: var(--betradar-base); color: var(--betradar-mlb-error); border-color: var(--betradar-mlb-error); } .sr-bb .srt-mlb-neutral-1 { background-color: var(--betradar-mlb-neutral); color: var(--betradar-base); border-color: var(--betradar-base); } .sr-bb .srt-fill-mlb-base { fill: var(--betradar-mlb-base); } .sr-bb .srt-stroke-mlb-base { fill: var(--betradar-mlb-base); } .sr-bb .srt-fill-change-increase { fill: var(--betradar-home); } .sr-bb .srt-stroke-change-increase { stroke: var(--betradar-home); } .sr-bb .srt-fill-change-decrease { fill: var(--betradar-away); } .sr-bb .srt-stroke-change-decrease { stroke: var(--betradar-away); } .sr-bb .srt-fill-text { fill: var(--betradar-cl); } .sr-bb .srt-fill-text-invert { fill: var(--betradar-base); } .sr-bb .srt-fill-text-secondary { fill-opacity: 0.7; } .sr-bb .srt-fill-text-disabled { fill-opacity: 0.35; } .sr-bb .srt-fill-base-1 { fill: transparent; } .sr-bb .srt-stroke-base-1 { stroke: transparent; } .sr-bb .srt-fill-base-1-active { fill: var(--betradar-primary-alpha-12); } .sr-bb .srt-stroke-base-1-active { stroke: var(--betradar-primary-alpha-12); } .sr-bb .srt-fill-base-1-active-2 { fill: var(--betradar-neutral-13); } .sr-bb .srt-stroke-base-1-active-2 { stroke: var(--betradar-neutral-13); } .sr-bb .srt-fill-base-1-primary { fill: transparent; } .sr-bb .srt-stroke-base-1-primary { stroke: transparent; } .sr-bb .srt-fill-base-1-home { fill: transparent; } .sr-bb .srt-stroke-base-1-home { stroke: transparent; } .sr-bb .srt-fill-base-1-away { fill: transparent; } .sr-bb .srt-stroke-base-1-away { stroke: transparent; } .sr-bb .srt-fill-base-2 { fill: currentColor; } .sr-bb .srt-stroke-base-2 { stroke: currentColor; } .sr-bb .srt-fill-base-2-active { fill: var(--betradar-primary-tint-2); } .sr-bb .srt-stroke-base-2-active { stroke: var(--betradar-primary-tint-2); } .sr-bb .srt-fill-base-2-hover { fill: var(--betradar-primary-tint-2); } .sr-bb .srt-stroke-base-2-hover { stroke: var(--betradar-primary-tint-2); } .sr-bb .srt-fill-base-3 { fill: var(--betradar-primary-tint-2); } .sr-bb .srt-stroke-base-3 { stroke: var(--betradar-primary-tint-2); } .sr-bb .srt-fill-base-3-active { fill: var(--betradar-primary-tint-3); } .sr-bb .srt-stroke-base-3-active { stroke: var(--betradar-primary-tint-3); } .sr-bb .srt-fill-base-3-hover { fill: var(--betradar-primary-tint-3); } .sr-bb .srt-stroke-base-3-hover { stroke: var(--betradar-primary-tint-3); } .sr-bb .srt-fill-primary-1 { fill: var(--betradar-primary); } .sr-bb .srt-stroke-primary-1 { stroke: var(--betradar-primary); } .sr-bb .srt-fill-primary-2 { fill: var(--betradar-primary-dark-1); } .sr-bb .srt-stroke-primary-2 { stroke: var(--betradar-primary-dark-1); } .sr-bb .srt-fill-primary-3 { fill: var(--betradar-primary-light-1); } .sr-bb .srt-stroke-primary-3 { stroke: var(--betradar-primary-light-1); } .sr-bb .srt-fill-primary-4 { fill: var(--betradar-primary-light-3); } .sr-bb .srt-stroke-primary-4 { stroke: var(--betradar-primary-light-3); } .sr-bb .srt-fill-primary-5 { fill: var(--betradar-primary-light-3); } .sr-bb .srt-stroke-primary-5 { stroke: var(--betradar-primary-light-3); } .sr-bb .srt-fill-primary-6 { fill: var(--betradar-primary-dark-2); } .sr-bb .srt-stroke-primary-6 { stroke: var(--betradar-primary-dark-2); } .sr-bb .srt-fill-primary-7 { fill: var(--betradar-primary); } .sr-bb .srt-stroke-primary-7 { stroke: var(--betradar-primary); } .sr-bb .srt-fill-primary-8 { fill: var(--betradar-primary); } .sr-bb .srt-stroke-primary-8 { stroke: var(--betradar-primary); } .sr-bb .srt-fill-primary-8-is-active-1 { fill: var(--betradar-primary-light-1); } .sr-bb .srt-stroke-primary-8-is-active-1 { stroke: var(--betradar-primary-light-1); } .sr-bb .srt-fill-primary-8-is-active-2 { fill: var(--betradar-primary-light-1); } .sr-bb .srt-stroke-primary-8-is-active-2 { stroke: var(--betradar-primary-light-1); } .sr-bb .srt-fill-primary-9 { fill: var(--betradar-primary-tint-1); } .sr-bb .srt-stroke-primary-9 { stroke: var(--betradar-primary-tint-1); } .sr-bb .srt-fill-primary-10 { fill: var(--betradar-primary-light-2); } .sr-bb .srt-stroke-primary-10 { stroke: var(--betradar-primary-light-2); } .sr-bb .srt-fill-primary-11 { fill: var(--betradar-primary-light-1); } .sr-bb .srt-stroke-primary-11 { stroke: var(--betradar-primary-light-1); } .sr-bb .srt-fill-primary-12 { fill: var(--betradar-primary); } .sr-bb .srt-stroke-primary-12 { stroke: var(--betradar-primary); } .sr-bb .srt-fill-home-1 { fill: var(--betradar-home); } .sr-bb .srt-stroke-home-1 { stroke: var(--betradar-home); } .sr-bb .srt-fill-home-2 { fill: var(--betradar-home); } .sr-bb .srt-stroke-home-2 { stroke: var(--betradar-home); } .sr-bb .srt-fill-home-3 { fill: var(--betradar-home); } .sr-bb .srt-stroke-home-3 { stroke: var(--betradar-home); } .sr-bb .srt-fill-home-4 { fill: var(--betradar-home-light-1); } .sr-bb .srt-stroke-home-4 { stroke: var(--betradar-home-light-1); } .sr-bb .srt-fill-home-5 { fill: var(--betradar-home-dark-2); } .sr-bb .srt-stroke-home-5 { stroke: var(--betradar-home-dark-2); } .sr-bb .srt-fill-away-1 { fill: var(--betradar-away); } .sr-bb .srt-stroke-away-1 { stroke: var(--betradar-away); } .sr-bb .srt-fill-away-2 { fill: var(--betradar-away); } .sr-bb .srt-stroke-away-2 { stroke: var(--betradar-away); } .sr-bb .srt-fill-away-3 { fill: var(--betradar-away); } .sr-bb .srt-stroke-away-3 { stroke: var(--betradar-away); } .sr-bb .srt-fill-away-4 { fill: var(--betradar-away-light-1); } .sr-bb .srt-stroke-away-4 { stroke: var(--betradar-away-light-1); } .sr-bb .srt-fill-away-5 { fill: var(--betradar-away-dark-2); } .sr-bb .srt-stroke-away-5 { stroke: var(--betradar-away-dark-2); } .sr-bb .srt-fill-neutral-1 { fill: var(--betradar-neutral-1); } .sr-bb .srt-stroke-neutral-1 { stroke: var(--betradar-neutral-1); } .sr-bb .srt-fill-neutral-2 { fill: var(--betradar-neutral-2); } .sr-bb .srt-stroke-neutral-2 { stroke: var(--betradar-neutral-2); } .sr-bb .srt-fill-neutral-3 { fill: var(--betradar-neutral-3); } .sr-bb .srt-stroke-neutral-3 { stroke: var(--betradar-neutral-3); } .sr-bb .srt-fill-neutral-4 { fill: var(--betradar-neutral-4); } .sr-bb .srt-stroke-neutral-4 { stroke: var(--betradar-neutral-4); } .sr-bb .srt-fill-neutral-5 { fill: var(--betradar-neutral-5); } .sr-bb .srt-stroke-neutral-5 { stroke: var(--betradar-neutral-5); } .sr-bb .srt-fill-neutral-6 { fill: var(--betradar-neutral-6); } .sr-bb .srt-stroke-neutral-6 { stroke: var(--betradar-neutral-6); } .sr-bb .srt-fill-neutral-4 { fill: var(--betradar-neutral-4); } .sr-bb .srt-stroke-neutral-4 { stroke: var(--betradar-neutral-4); } .sr-bb .srt-fill-neutral-1 { fill: var(--betradar-neutral-1); } .sr-bb .srt-stroke-neutral-1 { stroke: var(--betradar-neutral-1); } .sr-bb .srt-fill-neutral-9 { fill: var(--betradar-neutral-9); } .sr-bb .srt-stroke-neutral-9 { stroke: var(--betradar-neutral-9); } .sr-bb .srt-fill-neutral-10 { fill: var(--betradar-neutral-10); } .sr-bb .srt-stroke-neutral-10 { stroke: var(--betradar-neutral-10); } .sr-bb .srt-fill-neutral-11 { fill: var(--betradar-neutral-11); } .sr-bb .srt-stroke-neutral-11 { stroke: var(--betradar-neutral-11); } .sr-bb .srt-fill-neutral-12 { fill: var(--betradar-neutral-12); } .sr-bb .srt-stroke-neutral-12 { stroke: var(--betradar-neutral-12); } .sr-bb .srt-fill-neutral-13 { fill: var(--betradar-neutral-13); } .sr-bb .srt-stroke-neutral-13 { stroke: var(--betradar-neutral-13); } .sr-bb .srt-fill-win { fill: var(--betradar-home); } .sr-bb .srt-stroke-win { stroke: var(--betradar-home); } .sr-bb .srt-fill-draw { fill: var(--betradar-on-cl-border-40); } .sr-bb .srt-stroke-draw { stroke: var(--betradar-on-cl-border-40); } .sr-bb .srt-fill-lose { fill: var(--betradar-away); } .sr-bb .srt-stroke-lose { stroke: var(--betradar-away); } .sr-bb .srt-stop-base-1 { stop-color: transparent; } .sr-bb .srt-stop-primary-1 { stop-color: var(--betradar-primary); } .sr-bb .srt-stop-primary-2 { stop-color: var(--betradar-primary-dark-1); } .sr-bb .srt-stop-primary-3 { stop-color: var(--betradar-primary-light-1); } .sr-bb .srt-stop-primary-4 { stop-color: var(--betradar-primary-light-3); } .sr-bb .srt-stop-primary-5 { stop-color: var(--betradar-primary-light-3); } .sr-bb .srt-stop-primary-6 { stop-color: var(--betradar-primary-dark-2); } .sr-bb .srt-stop-primary-7 { stop-color: var(--betradar-primary); } .sr-bb .srt-stop-primary-8 { stop-color: var(--betradar-primary); } .sr-bb .srt-stop-primary-9 { stop-color: var(--betradar-primary-tint-1); } .sr-bb .srt-stop-primary-10 { stop-color: var(--betradar-primary-light-2); } .sr-bb .srt-stop-primary-11 { stop-color: var(--betradar-primary-light-1); } .sr-bb .srt-stop-primary-12 { stop-color: var(--betradar-primary); } .sr-bb .srt-stop-home-1 { stop-color: var(--betradar-home); } .sr-bb .srt-stop-away-1 { stop-color: var(--betradar-away); } .sr-bb .srt-fill-neutral-14 { fill: var(--betradar-neutral-14); } .sr-bb .srt-stroke-neutral-14 { stroke: var(--betradar-neutral-14); } .sr-bb .srt-logo-powered-by-light { display: inline-block; } .sr-bb .srt-logo-powered-by-dark { display: none; } .sr-bb .sr-cb-list-item__wrapper.srm-is-clickable{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-color: hsl(var(--tertiary-500) / 1); } .sr-bb .sr-cb-list-item__icon-state.srm-is-checkmark:not(.srm-selected){ fill: hsl(var(--tertiary-950) / 1); } .sr-bb .sr-cb-list-item__wrapper{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1)); outline-color: hsl(var(--tertiary-500) / 1); } sport-lib-team-jersey, .jersey-comp{ position: relative; display: flex; height: 1.125rem; width: 1.125rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-color: hsl(var(--tertiary-950) / 0.15); } sport-lib-team-jersey .jersey, .jersey-comp .jersey{ height: 1rem; width: 1rem; } .live-fixture-detail-info .jersey-comp{ height: 2.5rem; width: 2.5rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .live-fixture-detail-info .jersey-comp{ height: 3.5rem; width: 3.5rem; } } .live-fixture-detail-info .jersey-comp .jersey{ height: 2rem; width: 2rem; } .odds-boost .widget-carousel{ overflow: hidden; transition: height 0.2s; } .odds-boost .widget-carousel-content{ display: flex; align-items: flex-start; will-change: transform; } .ready-coupon .mcc-input-wrapper { color: inherit !important; } .custom-market .widget-carousel{ overflow: hidden; transition: height 0.2s; } .custom-market .widget-carousel-content{ display: flex; align-items: flex-start; will-change: transform; } .search-result-antepost .fixture-collapse .fixture-title .fixture-title-content .icon{ height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .search-result-antepost .fixture-collapse .sub .fixture-title-content .icon{ display: none; } .you-go-game .dialog-body .btn-wrapper .btn-outline{ margin-top: 0.5rem; width: 100%; } .game-play-menu game-favorite.is-light .favorite-btn{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .game-dialog game-favorite.is-light .favorite-btn{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .game-card:has(.bottom-bar) .game-thumbnail .image.game-image, .game-card:has(.bottom-bar) .game-thumbnail .image.no-image{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .email-confirmation .icon.error svg circle { fill: red !important; } .snowfall-animation, .snowfall-animation:before, .snowfall-animation:after { position: fixed; top: -500px; left: 0; bottom: 0; right: 0; z-index: 1003; pointer-events: none; background-image: radial-gradient(4px 4px at 285px 288px, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0)), radial-gradient(3px 3px at 51px 314px, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0)), radial-gradient(5px 5px at 180px 311px, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0)), radial-gradient(3px 3px at 59px 258px, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0)), radial-gradient(2px 2px at 136px 429px, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0)); background-size: 500px 500px; animation: snowfall 7s linear infinite; content: ""; } .snowfall-animation:after { margin-left: -166.6666666667px; opacity: 0.4; animation-duration: 14s; animation-direction: reverse; } .snowfall-animation:before { animation-duration: 21s; animation-direction: reverse; margin-left: -250px; opacity: 0.65; } @keyframes snowfall { to { transform: translateY(500px); } } #com-egt-jackpot-html-jackpotBanner { font-family: Arial; font-size: 10px; font-weight: normal; color: #fff; z-index: 1001 !important; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-clear-fix { clear: both; height: 0; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-ie8 { width: 100%; background: black; color: white; text-align: center; font-size: 16px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box { box-sizing: border-box; float: none; display: block; margin: 0; position: relative; text-align: center; z-index: 1; background: url('bg.006766381178d3d2.jpg') repeat-x; background-size: contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/bg.jpg", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/bg.jpg', sizingMethod='scale')"; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-level { background-repeat: no-repeat; background-size: cover; position: absolute; display: block; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-logo { float: none; display: none; background: url('logo.806909af19b02884.png') no-repeat center center; border: 0; background-size: contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/logo.png", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/logo.png', sizingMethod='scale')"; overflow: hidden; visibility: visible; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { width: 90%; display: block; margin: 0 auto 15px auto; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-button { display: block; text-decoration: none; margin: 15px auto 0 auto; border-radius: 5px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 #000; box-shadow: 2px 2px 4px #000; border: 1px solid; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-currency { position: absolute; right: 0; color: #999; font-weight: 900; display: block; width: 16px; text-align: center; word-wrap: break-word; border-left: 1px solid black; height: 100%; padding: 0; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-currency .com-egt-jackpot-html-currencyText { display: block; width: 6px; margin-left: 5px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-value { position: absolute; right: 17px; height: 100%; width: auto; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers { float: left; position: relative; height: 100%; border-left: 1px solid black; border-right: 1px solid #333; overflow: hidden; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers .com-egt-jackpot-html-digit { position: absolute; display: block; width: 100%; height: 100%; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { font-size: 16px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { font-size: 18px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { font-size: 20px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { font-size: 22px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers .com-egt-jackpot-html-digit .com-egt-jackpot-html-old, #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers .com-egt-jackpot-html-digit .com-egt-jackpot-html-new { display: block; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers.com-egt-jackpot-html-first { border-right: 1px solid #333; border-left: 0; width: 0; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers .com-egt-jackpot-html-digit, #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers.com-egt-jackpot-html-dot span { position: absolute; left: 0; height: 100%; width: 100%; text-align: center; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-numbers.com-egt-jackpot-html-dot { width: 8px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-box .com-egt-jackpot-html-dummyImg { position: absolute; border: 0; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUpMask { position: absolute; overflow: hidden; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp { box-sizing: border-box; background: #000; display: block; position: absolute; border-radius: 6px; color: #999; font-size: 9px; padding: 0 5px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-divider { display: block; width: 100%; height: 1px; background: #999; clear: both; padding: 0 5px; margin: 0 0 0 -5px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-divider.com-egt-jackpot-html-last { height: 0; display: none; clear: both; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div { width: 100%; margin: 0; float: left; line-height: 14px; padding: 5px 0; text-align: left; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div.com-egt-jackpot-html-center { text-align: center; font-size: 16px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div span { float: left; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div .com-egt-jackpot-html-winner { font-weight: bold; font-style: italic; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div .com-egt-jackpot-html-count { color: #fff; font-weight: bold; font-size: 14px; line-height: 14px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div .com-egt-jackpot-html-price { color: #fff; font-weight: bold; font-size: 16px; float: none; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div .com-egt-jackpot-html-cur { color: #999; padding-left: 8px; float: none; font-weight: bold; font-size: 16px; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-logoPopUp { display: inline-block; width: 100%; margin: 5px auto 10px auto; background: url('logoPopup.c300fac6adc843a4.png') no-repeat center center; background-size: contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/logoPopup.png", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../apps/core/src/assets/images/casino/egt-jackpot-banner/img/logoPopup.png', sizingMethod='scale')"; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-div .com-egt-jackpot-html-right { float: right; } #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-after, #com-egt-jackpot-html-jackpotBanner .com-egt-jackpot-html-popUp .com-egt-jackpot-html-before { content: " "; position: absolute; width: 0; height: 0; pointer-events: none; border: solid transparent; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box { display: block; width: 100%; margin: 0 0 15px 0; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box.com-egt-jackpot-html-I { margin-bottom: 0; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { width: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { width: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-box .com-egt-jackpot-html-level { left: 2px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-logo { display: none; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xsm .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { display: block; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box { margin: 0 auto 15px auto; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 60%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 70%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 80%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 90%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-I { margin-bottom: 0; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { width: 17px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { width: 18px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { width: 19px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-logo { display: none; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { display: block; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 28%; float: left; margin-left: 17%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 33%; float: right; margin-right: 17%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 38%; float: left; margin-left: 7%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 43%; float: right; margin-right: 7%; margin-bottom: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-III { margin-bottom: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { width: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { width: 17px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { width: 18px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-logo { display: none; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-md .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { display: block; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-logo { float: right; width: 14%; margin-right: 2%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 14%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 17%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 20%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 23%; margin-right: 1%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 19%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 21%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 24%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 27%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-I.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-II.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-III.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV.com-egt-jackpot-html-equal { width: 18.5%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-I.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-II.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-III.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal { width: 23%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { width: 12px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { width: 13px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { width: 13px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { width: 14px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-logo { display: block; margin-right: 3%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-lg .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { display: none; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-logo { float: right; width: 19%; margin-right: 2.5%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 13%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 16%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 18%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 20%; margin-right: 2%; } @media not all and (min-width: 1024px){ #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV{ width: 33.333333%; } } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-I { width: 16%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-II { width: 19%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-III { width: 25%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-no-logo.com-egt-jackpot-html-box.com-egt-jackpot-html-IV { width: 28%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-I.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-II.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-III.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV.com-egt-jackpot-html-equal { width: 16.5%; } @media not all and (min-width: 1024px){ #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-I.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-II.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-III.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV.com-egt-jackpot-html-equal{ margin-bottom: 0.75rem; width: 80%; } } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-I.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-II.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-III.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV.com-egt-jackpot-html-no-logo.com-egt-jackpot-html-equal { width: 22%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers { width: 15px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { width: 16px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-logo { display: block; margin-right: 3%; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-xlg .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { display: none; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-logo.com-egt-jackpot-html-mobile { margin: 0 auto 5px auto; height: 45px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box { margin: 0 auto 5px auto; height: 38px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers { font-size: 18px; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box .com-egt-jackpot-html-currency .com-egt-jackpot-html-currencyText { padding-top: 3px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box .com-egt-jackpot-html-currency { line-height: 10px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-I .com-egt-jackpot-html-numbers, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-III .com-egt-jackpot-html-numbers, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-IV .com-egt-jackpot-html-numbers, #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box.com-egt-jackpot-html-II .com-egt-jackpot-html-numbers { line-height: 36px !important; font-size: 16px !important; } #com-egt-jackpot-html-jackpotBanner.com-egt-jackpot-html-sm .com-egt-jackpot-html-box .com-egt-jackpot-html-level { top: -4px !important; } .page-casino .jp_std_values, .page-jackpot .jp_std_values { width: 60% !important; } .page-casino .jp_bl_panel, .page-jackpot .jp_bl_panel { width: 80% !important; } .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .sport-tab .menu-l1 .l1-item .l1-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .sport-list .live-menu .menu-list .menu-item .live-menu-sport .l1-link .link-left .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .wrapper .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .main-menu .casino-category-item .icon.right-icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .left-sidebar .casino-category .menu-container .categories-menu .casino-category-item .icon.right-icon{ color: hsl(var(--tertiary-950) / 0.6); } .wrapper .sidebar.left.sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .card-collapse.sport-services .sport-services-content .item .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .wrapper .sidebar.left.sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .wrapper .sidebar.left .sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .wrapper .sidebar-content.sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .wrapper .sidebar-content .sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .sidebar-container .sidebar.left.sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .sidebar-container .sidebar.left .sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .sidebar-container .sidebar-content.sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon, .sidebar-container .sidebar-content .sidebar-color-scheme-2 .card-collapse.live-card .live-menu .menu-list .menu-item .l1-link .link-left .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3, body .wrapper .sidebar.left .sidebar-color-scheme-3, body .wrapper .sidebar-content.sidebar-color-scheme-3, body .wrapper .sidebar-content .sidebar-color-scheme-3, body .sidebar-container .sidebar.left.sidebar-color-scheme-3, body .sidebar-container .sidebar.left .sidebar-color-scheme-3, body .sidebar-container .sidebar-content.sidebar-color-scheme-3, body .sidebar-container .sidebar-content .sidebar-color-scheme-3{ border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)); padding: 0.25rem; --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active { background-color: hsl(var(--secondary)) !important; color: hsl(var(--secondary-foreground)) !important; } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb { -webkit-appearance: none; --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number{ color: hsl(var(--secondary-foreground) / 0.6); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link{ background-color: transparent; --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover{ background-color: transparent; } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover{ background-color: hsl(var(--secondary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--secondary-100) / 0.1); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link.btn-less .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover{ background-color: hsl(var(--secondary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--secondary-100) / 0.1); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header{ background-color: hsl(var(--secondary-700) / 0.4); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *){ background-color: hsl(var(--secondary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header{ background-color: hsl(var(--secondary-700) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *){ background-color: hsl(var(--secondary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover{ background-color: hsl(var(--secondary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--secondary-100) / 0.2); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header{ background-color: hsl(var(--secondary-700) / 0.4); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header:is(.dark *){ background-color: hsl(var(--secondary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .card-title{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right{ background-color: hsl(var(--secondary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .card-header .icon-right .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover{ background-color: hsl(var(--secondary-700) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *){ background-color: hsl(var(--secondary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover{ background-color: hsl(var(--secondary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *){ background-color: hsl(var(--secondary) / 0.7); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active{ background-color: hsl(var(--secondary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *){ background-color: hsl(var(--secondary) / 0.7); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-700) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-300) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover{ background-color: hsl(var(--secondary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *){ background-color: hsl(var(--secondary) / 0.7); } } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active{ background-color: hsl(var(--secondary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-3 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *){ background-color: hsl(var(--secondary) / 0.7); } body .wrapper .sidebar.left.sidebar-color-scheme-4, body .wrapper .sidebar.left .sidebar-color-scheme-4, body .wrapper .sidebar-content.sidebar-color-scheme-4, body .wrapper .sidebar-content .sidebar-color-scheme-4, body .sidebar-container .sidebar.left.sidebar-color-scheme-4, body .sidebar-container .sidebar.left .sidebar-color-scheme-4, body .sidebar-container .sidebar-content.sidebar-color-scheme-4, body .sidebar-container .sidebar-content .sidebar-color-scheme-4{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-header .tab-link.active { background-color: hsl(var(--primary)) !important; color: hsl(var(--primary-foreground)) !important; } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-runnable-track{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-input::-webkit-slider-thumb { -webkit-appearance: none; --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number{ color: hsl(var(--primary-foreground) / 0.6); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .sports-hour .range-number.active{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link{ background-color: transparent; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item.active .l1-link:hover{ background-color: transparent; } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link:hover{ background-color: hsl(var(--primary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .l1-item .l1-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--primary-100) / 0.1); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link .link-count{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .sport-menu .menu-l1 .menu-l2 .menu-l3 .l3-item .l3-link.active{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link:hover{ background-color: hsl(var(--primary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link.active{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .l1-link .link-right .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--primary-100) / 0.1); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .icon-left .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .sport-list .sport-tab .tab-content .tab-pane .live-menu .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header{ background-color: hsl(var(--primary-700) / 0.4); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header:is(.dark *){ background-color: hsl(var(--primary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-header .card-toolbar .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header{ background-color: hsl(var(--primary-700) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse.collapsed .card-header:is(.dark *){ background-color: hsl(var(--primary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link:hover{ background-color: hsl(var(--primary-100) / 0.2); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link.active{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .l1-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link:hover{ background-color: hsl(var(--primary-100) / 0.2); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .link-count .chevron, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .live-card.card.card-collapse .card-body .menu-list .menu-item .menu-l2 .l2-item .l2-link .link-right .icon .chevron{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header{ background-color: hsl(var(--primary-700) / 0.4); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header:is(.dark *){ background-color: hsl(var(--primary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .card-title{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right{ background-color: hsl(var(--primary-100) / 0.2); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .card-header .icon-right .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover{ background-color: hsl(var(--primary-700) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .card.card-collapse.sport-services .sport-services-content .item:hover:is(.dark *){ background-color: hsl(var(--primary-300) / 0.4); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover{ background-color: hsl(var(--primary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item:hover:is(.dark *){ background-color: hsl(var(--primary) / 0.7); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active{ background-color: hsl(var(--primary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .main-menu .casino-category-item.active:is(.dark *){ background-color: hsl(var(--primary) / 0.7); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-700) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-300) / var(--tw-bg-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-header .back-button .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover{ background-color: hsl(var(--primary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item:hover:is(.dark *){ background-color: hsl(var(--primary) / 0.7); } } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active, body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active{ background-color: hsl(var(--primary) / 0.8); } body .wrapper .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .wrapper .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar.left .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content.sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *), body .sidebar-container .sidebar-content .sidebar-color-scheme-4 .left-sidebar .casino-category .categories-menu .categories-list .casino-category-item.active:is(.dark *){ background-color: hsl(var(--primary) / 0.7); } .p-component-overlay.p-datepicker-mask{ z-index: 1101; } .calendar-field{ margin-bottom: 1rem; } .calendar-field .p-float-label{ position: relative; display: block; } .calendar-field .p-float-label .p-inputtext{ height: 3rem; border-width: 0px; border-bottom-width: 1px; border-color: hsl(var(--tertiary-950) / 0.15); background-color: transparent; padding-left: 0px; padding-bottom: 0px; padding-top: 0.375rem; padding-right: 2rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .calendar-field .p-float-label .p-inputtext:focus{ --tw-border-opacity: 1; border-bottom-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .calendar-field .p-float-label > label{ left: 0px; font-size: 0.875rem; font-weight: 600; text-transform: capitalize; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); transition-duration: 200ms; } .calendar-field .p-float-label .p-inputwrapper-focus ~ label{ top: 0.063rem; font-size: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .calendar-field .p-float-label .p-inputwrapper-filled ~ label{ top: 0.063rem; font-size: 0.75rem; } .calendar-field .p-float-label .datepicker-icon{ position: absolute; right: 0.375rem; top: 1rem; z-index: -1; height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); } .calendar-field .p-calendar{ width: 100%; } .p-datepicker{ border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-datepicker:not(.p-datepicker-inline){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .p-datepicker .p-datepicker-header{ margin: 0px; margin-bottom: 0.5rem; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; border-bottom-width: 1px; border-color: hsl(var(--tertiary-200) / 0.5); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0px; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 600; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next{ height: 2rem; width: 2rem; border-radius: 3.125rem; border-style: none; background-color: transparent; --tw-text-opacity: 1; color: hsl(var(--tertiary-600) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{ border-color: transparent; background-color: hsl(var(--tertiary-950) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-datepicker .p-datepicker-header .p-datepicker-title{ line-height: 1.25rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{ font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{ margin-right: 0.375rem; } .p-datepicker table{ font-size: 0.875rem; font-weight: 500; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-datepicker table thead{ font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-600) / var(--tw-text-opacity, 1)); } .p-datepicker table th, .p-datepicker table td{ padding: 0.188rem; } .p-datepicker table td > span{ height: 1.75rem; width: 1.75rem; border-radius: 3.125rem; border-width: 1px; border-color: transparent; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-datepicker table td > span.p-highlight{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .p-datepicker table td.p-datepicker-today > span.p-highlight{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{ background-color: hsl(var(--tertiary-950) / 0.1); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover, .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{ background-color: hsl(var(--tertiary-950) / 0.1); } .p-datepicker .p-monthpicker .p-monthpicker-month, .p-datepicker .p-yearpicker .p-yearpicker-year{ border-radius: 0.375rem; padding: 0.313rem; transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover, .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{ background-color: hsl(var(--tertiary-950) / 0.1); } .p-disabled, .p-component:disabled{ opacity: 0.3; } .p-float-label{ position: relative; display: block; } .p-float-label .p-inputtext{ display: block; height: 3rem; width: 100%; border-width: 0px; border-bottom-width: 1px; border-color: hsl(var(--tertiary-950) / 0.15); background-color: transparent; padding-top: 0.375rem; padding-right: 0.5rem; padding-bottom: 0px; padding-left: 0px; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-float-label .p-inputtext::placeholder{ color: hsl(var(--tertiary-950) / 0.3); } .p-float-label .p-inputtext:focus{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .p-float-label .p-inputtext[disabled], .p-float-label .p-inputtext[readonly]{ cursor: not-allowed; color: hsl(var(--tertiary-950) / 0.3); } .p-float-label .p-inputtext[disabled]:focus, .p-float-label .p-inputtext[readonly]:focus{ border-color: hsl(var(--tertiary-950) / 0.15); } .p-float-label label{ pointer-events: none; position: absolute; left: 0px; font-size: 0.875rem; font-weight: 700; line-height: 1; color: hsl(var(--tertiary-950) / 0.3); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-float-label input.p-filled ~ label, .p-float-label .p-inputwrapper-filled ~ label{ top: 0.375rem; font-size: 0.75rem; } .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label{ top: 0.625rem; font-size: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .p-float-label input:disabled ~ label{ color: hsl(var(--tertiary-950) / 0.3); } .p-multiselect{ position: relative; display: inline-flex; height: 3rem; width: 100%; cursor: pointer; align-items: center; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } .p-multiselect .p-multiselect-trigger{ margin-left: 0.5rem; color: hsl(var(--tertiary-950) / 0.5); } .p-multiselect-panel{ margin-top: 0.625rem; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-multiselect-panel .p-multiselect-header{ margin-bottom: 0.75rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .p-multiselect-panel .p-multiselect-header .p-checkbox{ margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-inputtext{ height: 2.625rem; width: 100%; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); background-color: transparent; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-multiselect-panel .p-multiselect-header .p-inputtext:focus{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{ width: 100%; padding-left: 2rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{ left: 0.5rem; height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.5); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close{ margin-left: 0.5rem; height: 2rem; width: 2rem; border-radius: 9999px; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover{ background-color: hsl(var(--tertiary-950) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .p-multiselect-panel .p-multiselect-header .p-multiselect-close-icon{ height: 1rem; width: 1rem; } .p-multiselect-panel .p-multiselect-items-wrapper{ margin-right: -0.375rem; padding-right: 0.375rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item{ margin-bottom: 0.063rem; max-width: 18rem; background-color: hsl(var(--tertiary-950) / 0.05); padding: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover{ background-color: hsl(var(--tertiary-950) / 0.08); } } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{ margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{ font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-multiselect-panel .p-multiselect-items p-multiselectitem:first-child .p-multiselect-item{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .p-multiselect-panel .p-multiselect-items p-multiselectitem:last-child .p-multiselect-item{ margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .p-multiselect-panel .p-multiselect-items p-multiselectitem .vendor-text{ display: grid; width: 100%; } .p-multiselect-panel .p-multiselect-items p-multiselectitem .vendor-text .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wallet-address .p-multiselect{ min-width: 11.25rem; } .wallet-address .p-multiselect .p-multiselect-panel .p-multiselect-header .p-multiselect-close{ display: none; } .p-checkbox{ height: 1.25rem; width: 1.25rem; } .p-checkbox .p-checkbox-box{ height: 1.25rem; width: 1.25rem; border-radius: 0.375rem; border-width: 1px; border-color: hsl(var(--tertiary-950) / 0.25); background-color: transparent; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); outline-color: transparent; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-checkbox .p-checkbox-box.p-highlight{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .p-checkbox .p-checkbox-box .p-checkbox-icon{ font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-checkbox .p-checkbox-box .p-icon{ height: 0.875rem; width: 0.875rem; } .p-menu-btn{ display: flex; align-items: center; column-gap: 0.75rem; border-radius: 0.25rem; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .p-menu-btn{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .p-menu-btn:hover{ background-color: hsl(var(--tertiary-100) / 0.3); } .p-menu-btn:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .p-menu-btn .icon{ height: 1.5rem; width: 1.5rem; } .p-menu-dropdown-btn{ display: flex; align-items: center; column-gap: 0.75rem; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .p-menu-dropdown-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .p-menu-dropdown-btn .icon{ height: 1.5rem; width: 1.5rem; color: hsl(var(--tertiary-950) / 0.4); } .p-menu{ border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; padding-right: 0.375rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-menu.p-menu-overlay{ --tw-shadow: 0 0 44px 0; --tw-shadow-colored: 0 0 44px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: rgb(0 0 0 / 0.25); --tw-shadow: var(--tw-shadow-colored); } @media (min-width: 1024px) { .p-menu.p-menu-overlay.odds-format-list, .p-menu.p-menu-overlay.fixture-view-types-list { z-index: 1003 !important; } } .p-menu.p-menu-overlay.language-menu { z-index: 1003 !important; left: initial !important; top: initial !important; right: 0 !important; } .p-menu .p-menu-list{ max-height: 20rem; overflow-y: auto; padding-right: 0.375rem; } .p-menu #static-content-navbar-sport-bottom .uikit-menu-list, .p-menu #static-content-navbar-casino-bottom .uikit-menu-list{ margin-top: 0.063rem; max-height: none; } .p-menu #static-content-navbar-sport-top .uikit-menu-list, .p-menu #static-content-navbar-casino-top .uikit-menu-list{ margin-bottom: 0.063rem; max-height: none; } .p-menu .p-menuitem{ margin-bottom: 0.063rem; } .p-menu .p-menuitem:last-child{ margin-bottom: 0px; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link{ display: flex; align-items: center; column-gap: 0.5rem; background-color: hsl(var(--tertiary-200) / 0.2); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link:hover{ background-color: hsl(var(--tertiary-200) / 0.3); } } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link.active{ background-color: hsl(var(--tertiary-200) / 0.4); } @media (min-width: 1024px){ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link.active:hover{ background-color: hsl(var(--tertiary-200) / 0.4); } } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link.active .check-icon{ display: block; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon{ height: 1.25rem; width: 1.25rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text{ flex: 1 1 0%; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .check-icon{ display: none; height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .p-menu .p-menuitem:first-child .p-menuitem-link{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .p-menu .p-menuitem:last-child .p-menuitem-link{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .p-menu.header-dropdown-menu { z-index: 1003 !important; top: initial !important; } .p-menu.header-dropdown-menu ul li a .icon{ height: 1.25rem; width: 1.25rem; } .bottom-navbar-menu .p-menu-list{ max-height: none; } .p-sidebar{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .bottom-sidebar{ height: 50vh; overflow-y: auto; border-top-left-radius: 16px; border-top-right-radius: 16px; } .bottom-sidebar .bottom-sidebar-btn{ display: flex; height: 2rem; width: 100%; align-items: center; justify-content: center; } .bottom-sidebar .bottom-sidebar-btn .line-symbol{ height: 0.188rem; width: 3rem; border-radius: 20px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } .bottom-sidebar .bottom-sidebar-btn.active .line-symbol{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); } .bottom-sidebar.betslip-drawer-content{ height: 75vh; } .bottom-sidebar.betslip-numpad-drawer{ height: 250px; } .bottom-sidebar.betslip-numpad-drawer-template-2{ height: 300px; } .bottom-sidebar.user-menu-drawer-content{ height: 90%; padding-top: 0.5rem; } @media not all and (min-width: 1024px){ .bottom-sidebar.user-menu-drawer-content{ max-height: 90%; } } .bottom-sidebar.multicurrency-drawer-content{ height: auto; max-height: 90%; padding-top: 0.5rem; } .betslip-numpad-drawer + .p-component-overlay, .betslip-numpad-drawer-template-2 + .p-component-overlay { z-index: 1103 !important; } .user-sidebar{ overflow-y: auto; } .p-overlaypanel{ border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-overlaypanel .p-overlaypanel-content{ max-height: 20rem; overflow-y: auto; padding: 0.75rem; } .p-overlaypanel:before, .p-overlaypanel:after{ display: none; } .p-overlaypanel .order-menu{ width: 12rem; } .p-overlaypanel .order-menu .radio-field{ margin-bottom: 0px; } p-multiselect .p-element .p-overlay { z-index: 1 !important; } .p-component .p-overlaypanel-content .order-menu{ width: 9rem; } .p-component .p-overlaypanel-content .order-menu .radio-field .radio-container{ flex-direction: column; } .provider-filter p-multiselect{ display: block; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .provider-filter p-multiselect .p-element .p-overlay { top: 52px !important; } .search-filter .provider-filter p-multiselect{ min-width: -moz-fit-content; min-width: fit-content; } .search-filter .provider-filter p-multiselect .p-multiselect{ width: 100%; border-color: hsl(var(--tertiary-950) / 0.15); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .search-filter .provider-filter p-multiselect .p-multiselect .p-multiselect-trigger{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .search-filter .provider-filter p-multiselect p-overlay .p-overlay.p-component { min-width: 250px !important; } .search-modal .p-dialog{ height: 100%; max-height: 100%; width: 100%; max-width: 100%; } .search-modal .p-dialog .dialog-header{ padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 1024px){ .search-modal .p-dialog .dialog-header{ padding-left: 1.25rem; padding-right: 1.25rem; } } .search-modal .p-dialog .dialog-body{ max-height: 100%; padding: 1.25rem; } @media (min-width: 1024px){ .search-modal .p-dialog .dialog-body{ padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 0.75rem; } } .jackpot-dialog .p-dialog{ margin: 1.25rem; height: auto; border-radius: 0.5rem; } .today-events-header .filter-menu p-multiselect .p-multiselect{ width: 100%; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper{ border-radius: 0px; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper{ border-radius: 0.5rem; padding-top: 0px; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead{ display: inline; width: 100%; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead{ display: contents; width: auto; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr{ display: contents; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th{ display: none; width: 100%; text-align: left; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:last-child{ padding-right: 0.125rem; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th{ display: table-cell; width: auto; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .sport-select.input-field{ margin-bottom: 0px; display: flex; justify-content: flex-end; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .sport-select.input-field .float-label .input-control{ height: 1.25rem; cursor: pointer; border-bottom-width: 0px; padding-right: 2.25rem; padding-top: 0px; text-align: right; color: hsl(var(--tertiary-950) / 0.5); } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:last-child{ display: inline-block; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0.375rem; flex-direction: row; flex-wrap: wrap; border-radius: 0px; padding-top: 0.375rem; padding-bottom: 0.375rem; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child{ margin-bottom: 0px; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr{ margin-bottom: 0px; display: table-row; flex-wrap: nowrap; padding-top: 1rem; padding-bottom: 1rem; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td{ margin-bottom: 0px; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:last-child{ text-align: start; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td{ min-width: 5rem; text-align: left; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-time{ border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-right: 1rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-time{ border-bottom-width: 0px; padding-right: 0.375rem; padding-bottom: 1.125rem; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-event{ flex: calc(100% - 80px); border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-bottom: 0.5rem; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-event{ flex: none; border-bottom-width: 0px; padding-right: 0.375rem; padding-bottom: 1.125rem; } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-event .event-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-country{ flex: 1 1 0%; padding-top: 0.5rem; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-country{ flex: none; padding-top: 1.125rem; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-country .country{ display: flex; align-items: center; column-gap: 0.5rem; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-country .country{ column-gap: 0.625rem; } } .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-sport{ justify-content: flex-end; padding-top: 0.5rem; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.col-sport{ padding-top: 1.125rem; } } .livebet-calendar .p-table .p-datatable .p-paginator .p-paginator-current{ width: 100%; } @media (min-width: 1024px){ .livebet-calendar .p-table .p-datatable .p-paginator .p-paginator-current{ width: auto; } } .calendar-dropdown .p-dropdown{ display: flex; height: 3rem; width: 100%; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0px; font-weight: 600; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .calendar-dropdown .p-dropdown{ height: 1.25rem; border-style: none; background-color: transparent; } } .calendar-dropdown .p-dropdown .p-dropdown-label{ display: contents; } .calendar-dropdown .p-dropdown .p-dropdown-trigger{ margin-left: 0.75rem; height: 1.25rem; width: 1.25rem; } .calendar-dropdown .p-dropdown .p-dropdown-panel{ border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } .wallet-dropdown{ margin-bottom: 1rem; display: block; border-bottom-width: 1px; border-color: hsl(var(--tertiary-950) / 0.15); padding-bottom: 0.625rem; } .wallet-dropdown .p-dropdown{ display: flex; height: 3rem; width: 100%; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0px; font-weight: 600; color: hsl(var(--tertiary-950) / 0.5); } @media (min-width: 1024px){ .wallet-dropdown .p-dropdown{ height: 1.25rem; border-style: none; background-color: transparent; } } .wallet-dropdown .p-dropdown .p-dropdown-label{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .wallet-dropdown .p-dropdown .p-dropdown-trigger{ margin-right: 0.75rem; height: 1.25rem; width: 1.25rem; } .personal-details-update .wallet-dropdown .p-dropdown{ height: 1.25rem; border-style: none; background-color: transparent; } .recommended-games-modal{ position: fixed; bottom: 0px; height: auto; background-color: transparent; } @media (min-width: 1024px){ .recommended-games-modal{ position: relative; } } .recommended-games-modal .you-go-game .p-component-overlay { background-color: transparent !important; } @media not all and (min-width: 1024px){ .recommended-games-modal .you-go-game .p-dialog-content{ position: absolute; bottom: 0px; width: 100%; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .recommended-games-modal .you-go-game .p-dialog-content .dialog-header{ height: auto; } .recommended-games-modal .you-go-game .p-dialog{ background-color: transparent; } .thrilltech-dialog .p-dialog-content{ position: absolute; bottom: 0px; width: 100%; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } .thrilltech-dialog.p-dialog{ position: fixed; bottom: 0px; height: auto; background-color: transparent; } } .p-tooltip{ margin: 0.375rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; font-weight: 600; line-height: 1.125rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-paginator{ display: flex; flex-wrap: wrap; align-items: center; row-gap: 0.75rem; } @media (min-width: 1024px){ .p-paginator{ justify-content: flex-end; } } .p-paginator .p-paginator-current{ cursor: text; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.3); } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last{ margin-left: 0.75rem; margin-right: 0.75rem; display: flex; height: 1.875rem; width: 1.875rem; align-items: center; justify-content: center; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .p-paginator .p-paginator-first:hover, .p-paginator .p-paginator-prev:hover, .p-paginator .p-paginator-next:hover, .p-paginator .p-paginator-last:hover{ background-color: hsl(var(--tertiary-950) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .p-paginator .p-paginator-first .p-icon, .p-paginator .p-paginator-prev .p-icon, .p-paginator .p-paginator-next .p-icon, .p-paginator .p-paginator-last .p-icon{ height: 1.5rem; width: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-paginator .p-paginator-first.p-disabled, .p-paginator .p-paginator-prev.p-disabled, .p-paginator .p-paginator-next.p-disabled, .p-paginator .p-paginator-last.p-disabled{ opacity: 1; } .p-paginator .p-paginator-first.p-disabled .p-icon, .p-paginator .p-paginator-prev.p-disabled .p-icon, .p-paginator .p-paginator-next.p-disabled .p-icon, .p-paginator .p-paginator-last.p-disabled .p-icon{ color: hsl(var(--tertiary-950) / 0.3); } .p-paginator .p-paginator-pages{ display: flex; align-items: center; gap: 0.25rem; } .p-paginator .p-paginator-pages .p-paginator-page{ display: flex; height: 1.875rem; min-width: 30px; align-items: center; justify-content: center; border-radius: 0.25rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .p-paginator .p-paginator-pages .p-paginator-page:hover{ background-color: hsl(var(--tertiary-950) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{ background-color: hsl(var(--tertiary-950) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .p-paginator p-dropdown{ margin-left: 0.25rem; } .p-paginator p-dropdown .p-paginator-rpp-options{ display: flex; height: 2.25rem; min-width: 5rem; align-items: center; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0px; padding-bottom: 0px; } .p-paginator p-dropdown .p-paginator-rpp-options .p-dropdown-panel .p-dropdown-items .p-dropdown-item{ justify-content: center; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } .betslip-history .bet-history-pagination .p-paginator{ justify-content: center; } .betslip-history .bet-history-pagination .p-paginator .p-paginator-current{ width: 100%; } .betslip-history .bet-history-pagination .p-paginator .p-paginator-prev{ margin-left: 0px; margin-right: 0.5rem; margin-bottom: 0.25rem; } .betslip-history .bet-history-pagination .p-paginator .p-paginator-next{ margin-right: 0px; margin-left: 0.5rem; margin-bottom: 0.25rem; } .betslip-history .bet-history-pagination .p-paginator .p-paginator-pages{ max-width: calc(100% - 76px); overflow-x: auto; padding-bottom: 0.25rem; } body{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } body .wrapper{ display: flex; justify-content: space-between; } body .wrapper .sidebar{ flex-shrink: 0; } body .wrapper .sidebar.left{ position: relative; display: none; width: 17.5rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ body .wrapper .sidebar.left{ display: block; } body .wrapper .sidebar.left:has(sport-lib-betslip){ width: calc(25rem - 12px); } } body .wrapper .sidebar.right{ display: none; width: 25rem; } @media (min-width: 1024px){ body .wrapper .sidebar.right{ display: block; } } body .wrapper .main{ min-height: 400px; width: 100%; } @media (min-width: 1024px){ body .wrapper .main{ width: calc(100% - 17.5rem); overflow: auto; } body .wrapper .main.asian-view{ width: calc(100% - 25rem); } body .wrapper .main.asian-view .esports-page .esport{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1280px){ body .wrapper .main.asian-view .esports-page .esport{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1536px){ body .wrapper .main.asian-view .esports-page .esport{ grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 1024px){ body.layout-1 .wrapper.scroll-view .sidebar.left, body.layout-1 .wrapper.scroll-view .sidebar.right, body.layout-1 .wrapper.scroll-view .main, body.layout-2 .wrapper.scroll-view .sidebar.left, body.layout-2 .wrapper.scroll-view .sidebar.right, body.layout-2 .wrapper.scroll-view .main, body.layout-3 .wrapper.scroll-view .sidebar.left, body.layout-3 .wrapper.scroll-view .sidebar.right, body.layout-3 .wrapper.scroll-view .main, body.layout-4 .wrapper.scroll-view .sidebar.left, body.layout-4 .wrapper.scroll-view .sidebar.right, body.layout-4 .wrapper.scroll-view .main{ margin-top: 0.75rem; height: calc(100vh - 100px); overflow-y: auto; padding-right: 0.25rem; padding-top: 0px; } body.layout-1 .wrapper.scroll-view .sidebar.right, body.layout-2 .wrapper.scroll-view .sidebar.right, body.layout-3 .wrapper.scroll-view .sidebar.right, body.layout-4 .wrapper.scroll-view .sidebar.right{ padding-left: 0.25rem; } body.layout-1 .wrapper .sidebar.right, body.layout-2 .wrapper .sidebar.right, body.layout-3 .wrapper .sidebar.right, body.layout-4 .wrapper .sidebar.right{ margin-right: 0.75rem; } body.layout-1 .wrapper.scroll-view .sidebar.left{ padding-top: 0.75rem; padding-right: 0.75rem; } body.layout-2 .wrapper.scroll-view .sidebar.left{ margin-top: 0px; padding-top: 0.75rem; padding-right: 0.75rem; } } @media only screen and (min-width: 1024px) { body.layout-2 .wrapper.scroll-view .sidebar.left { min-height: -webkit-fill-available; } } @media (min-width: 1024px){ body.layout-3 .wrapper.scroll-view .sidebar.left{ margin: 0px; height: 100%; padding: 0.75rem; } } body.layout-1 .wrapper .main{ padding: 0px; } @media (min-width: 1024px){ body.layout-1 .wrapper .main{ padding: 0.75rem; } } body.layout-1 .wrapper .sidebar.left{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } @media (min-width: 1024px){ body.layout-1 .wrapper .sidebar.left{ margin-bottom: 0.75rem; margin-top: 0.75rem; margin-left: 0.75rem; width: calc(17.5rem - 12px); } body.layout-1 .wrapper .sidebar.left:has(sport-lib-betslip){ width: calc(25rem - 12px); } body.layout-1 .wrapper .sidebar.right{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 0.75rem; } } body.layout-1 .wrapper.page-casino .main{ padding: 0px; } @media (min-width: 1024px){ body.layout-1 .wrapper.page-casino .main{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; } } body.layout-1 .footer{ border-top-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ body.layout-2.left-icon-view .wrapper .main{ width: calc(100% - 17.5rem); } body.layout-2 .esports-page{ padding: 0.75rem; } } body.layout-2 .footer{ border-top-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } body.layout-2 .sidebar.left{ margin-top: 0px; margin-bottom: 0px; border-right-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } body.layout-2 .sidebar.right{ margin-top: 0px; margin-bottom: 0px; } @media (min-width: 1024px){ body.layout-2 .sidebar.right{ padding: 0.75rem; padding-left: 0px; } body.layout-2 .wrapper .main{ padding: 0.75rem; } body.layout-2 .wrapper .main .dashboard{ padding: 0.75rem; } body.layout-2 .wrapper .main .jackpot-page .tab-content, body.layout-2 .wrapper .main .jackpot-page .jackpot-detail-container, body.layout-2 .wrapper .main .jackpot-page .page-bottom, body.layout-2 .wrapper .main .jackpot-detail-page .tab-content, body.layout-2 .wrapper .main .jackpot-detail-page .jackpot-detail-container, body.layout-2 .wrapper .main .jackpot-detail-page .page-bottom{ padding-left: 0.75rem; padding-right: 0.75rem; } body.layout-3.page-virtual .header, body.layout-3.game-page .header, body.layout-3.page-poker .header, body.layout-3.page-betongames .header, body.layout-3.page-tv-games .header, body.layout-3.page-bingo .header, body.layout-3.page-mix .header{ padding-left: 0px; } body.layout-3 .dashboard{ padding: 0.75rem; } } body.layout-3 .sidebar.left{ z-index: 1005; } @media (min-width: 1024px){ body.layout-3 .sidebar.left{ position: fixed; top: 0px; left: 0px; height: 100%; overflow-y: auto; border-right-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } } body.layout-3 .sidebar.right{ margin-top: 0px; margin-bottom: 0px; } @media (min-width: 1024px){ body.layout-3 .sidebar.right{ padding: 0.75rem; padding-left: 0px; } } body.layout-3 .wrapper{ justify-content: flex-end; } @media (min-width: 1024px){ body.layout-3 .wrapper .main{ padding: 0.75rem; } body.layout-3 .wrapper .main .jackpot-page .tab-content, body.layout-3 .wrapper .main .jackpot-page .jackpot-detail-container, body.layout-3 .wrapper .main .jackpot-page .page-bottom, body.layout-3 .wrapper .main .jackpot-detail-page .tab-content, body.layout-3 .wrapper .main .jackpot-detail-page .jackpot-detail-container, body.layout-3 .wrapper .main .jackpot-detail-page .page-bottom{ padding-left: 0.75rem; padding-right: 0.75rem; } body.layout-3 .wrapper.page-live .main, body.layout-3 .wrapper.page-prelive .main{ width: calc(100% - (17.5rem + 25rem + 0.75rem)); } body.layout-3 .footer, body.layout-3 .header{ padding-left: calc(17.5rem); } } body.layout-3.header-top-bar .wrapper{ padding-top: 194px; } @media (min-width: 1024px){ body.layout-3.header-top-bar .wrapper{ padding-top: 221px; } } body.layout-3.header-top-bar .sidebar.left{ top: 194px; } @media (min-width: 1024px){ body.layout-3.header-top-bar .sidebar.left{ top: 221px; } } body.layout-4.header-template-1 .wrapper .sidebar.left{ display: none; } @media (min-width: 1024px){ body.layout-4.header-template-1 .wrapper .main{ width: calc(100% - 25rem); padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 0.625rem; } } body.layout-4.header-template-1 .wrapper.page-casino .main, body.layout-4.header-template-1 .wrapper.page-virtual .main, body.layout-4.header-template-1 .wrapper.game-page .main{ width: 100%; } @media (width >= 64rem) { body.layout-1.left-icon-view .wrapper .main { width: calc(100% - (84px + 25rem)); margin-left: 84px; } @media (min-width: 1024px){ body.layout-1.left-icon-view .wrapper .main.asian-view{ width: calc(100% - 84px); } } body.layout-1.left-icon-view .wrapper.page-casino .main, body.layout-1.left-icon-view .wrapper.page-live-casino .main, body.layout-1.left-icon-view .wrapper.page-virtual .main, body.layout-1.left-icon-view .wrapper.page-landing .main { width: calc(100% - 84px); } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left{ position: fixed; z-index: 50; margin-top: 0.75rem; width: 4.5rem; overflow: auto; padding: 0.75rem; opacity: 0.98; transition-duration: 150ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); height: calc(100vh - 144px); } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-header .tab-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-header .tab-text{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-search, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-content, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-search{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .search-icon, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .search-icon{ padding-left: 0.875rem; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .input-style, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .input-style{ margin-right: 0px; width: 2.5rem; padding-left: 2.875rem; padding-right: 0px; transition-duration: 150ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header{ justify-content: center; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-title{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-toolbar{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body{ align-items: center; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body .item .text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body .item .text{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header{ justify-content: center; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-title .card-label{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-toolbar{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body{ align-items: center; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body .popular-item .popular-text{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header .tab-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header .tab-link{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour{ height: 0px; overflow: visible; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number{ height: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category{ justify-content: flex-start; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left{ justify-content: flex-start; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match{ height: 0px; overflow: hidden; padding: 0px; opacity: 0; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link{ justify-content: flex-start; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right{ overflow: visible; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .menu-l3{ height: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header{ justify-content: flex-start; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title{ margin-left: 0.75rem; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title .card-label{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-toolbar{ width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body{ padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match{ height: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item{ justify-content: flex-start; gap: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .right-icon{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button{ justify-content: flex-start; gap: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button .icon{ height: 1.5rem; width: 1.5rem; flex-shrink: 0; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button span, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button span{ margin: 0px; width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header{ justify-content: flex-start; padding: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title{ gap: 0px; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left{ margin-left: 0.75rem; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar{ width: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-body{ height: 0px; gap: 0px; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link{ justify-content: flex-start; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title{ justify-content: center; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title .text{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content{ display: none; } body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content:has(.show-mini-content){ display: block; } body.layout-1.left-icon-view .wrapper.page-dashboard .main{ margin: 0px; width: 100%; } body.layout-1.left-icon-view .footer{ margin-left: 96px; } body.layout-1.left-icon-view.header-top-bar .wrapper.page-casino .main, body.layout-1.left-icon-view.header-top-bar .wrapper.page-live-casino .main, body.layout-1.left-icon-view.header-top-bar .wrapper.page-virtual .main, body.layout-1.left-icon-view.header-top-bar .wrapper.page-landing .main{ transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: calc(100% - 84px); } body.layout-1.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left, body.layout-1.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left { height: calc(100vh - 221px); } body.layout-1.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left:hover, body.layout-1.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left:hover { max-height: calc(100vh - 221px); } body.layout-2.left-icon-view .wrapper .main { width: calc(100% - (72px + 25rem)); margin-left: 72px; } @media (min-width: 1024px){ body.layout-2.left-icon-view .wrapper .main.asian-view{ width: calc(100% - 72px); } } body.layout-2.left-icon-view .wrapper.page-casino .main, body.layout-2.left-icon-view .wrapper.page-live-casino .main, body.layout-2.left-icon-view .wrapper.page-virtual .main, body.layout-2.left-icon-view .wrapper.page-landing .main { width: calc(100% - 72px); } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left{ position: fixed; z-index: 50; margin-top: 0px; width: 4.5rem; overflow: auto; padding: 0.75rem; padding-right: 0.688rem; opacity: 0.98; transition-duration: 150ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); height: calc(100vh - 144px); } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-header .tab-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-header .tab-text{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-search, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-content, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-search{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .search-icon, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .search-icon{ padding-left: 0.875rem; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .input-style, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .input-style{ margin-right: 0px; width: 2.5rem; padding-left: 2.875rem; padding-right: 0px; transition-duration: 150ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header{ justify-content: center; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-title{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-toolbar{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body{ align-items: center; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body .item .text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body .item .text{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header{ justify-content: center; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-title .card-label{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-toolbar{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body{ align-items: center; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body .popular-item .popular-text{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header{ justify-content: center; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header .tab-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header .tab-link{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour{ height: 0px; overflow: visible; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number{ height: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category{ justify-content: flex-start; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left{ justify-content: flex-start; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .match{ height: 0px; overflow: hidden; padding: 0px; opacity: 0; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link{ justify-content: flex-start; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right{ overflow: visible; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .menu-l3{ height: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header{ justify-content: flex-start; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title{ margin-left: 0.75rem; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title .card-label{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-toolbar{ width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body{ padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match{ height: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item{ justify-content: flex-start; gap: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .right-icon{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button{ justify-content: flex-start; gap: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button .icon{ height: 1.5rem; width: 1.5rem; flex-shrink: 0; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button span, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button span{ margin: 0px; width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header{ justify-content: flex-start; padding: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title{ gap: 0px; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left{ margin-left: 0.75rem; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar{ width: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-body{ height: 0px; gap: 0px; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link{ justify-content: flex-start; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title{ justify-content: center; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title .text{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content{ display: none; } body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content:has(.show-mini-content){ display: block; } body.layout-2.left-icon-view .wrapper.page-dashboard .main{ margin: 0px; width: 100%; } body.layout-2.left-icon-view .footer{ margin-left: 84px; } body.layout-2.left-icon-view.header-top-bar .wrapper.page-casino .main, body.layout-2.left-icon-view.header-top-bar .wrapper.page-live-casino .main, body.layout-2.left-icon-view.header-top-bar .wrapper.page-virtual .main, body.layout-2.left-icon-view.header-top-bar .wrapper.page-landing .main{ transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: calc(100% - 72px); } body.layout-2.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left, body.layout-2.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left { height: calc(100vh - 221px); } body.layout-2.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left:hover, body.layout-2.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left:hover { max-height: calc(100vh - 221px); } body.layout-3.left-icon-view .header{ padding-left: 4rem; } body.layout-3.left-icon-view .wrapper main.main { width: calc(100% - (72px + 25rem)); margin-left: 72px; } body.layout-3.left-icon-view .wrapper main.main .esports-page{ padding: 0.75rem; } @media (min-width: 1024px){ body.layout-3.left-icon-view .wrapper main.main.asian-view{ width: calc(100% - 72px); } } body.layout-3.left-icon-view .wrapper.page-casino .main, body.layout-3.left-icon-view .wrapper.page-live-casino .main, body.layout-3.left-icon-view .wrapper.page-virtual .main, body.layout-3.left-icon-view .wrapper.page-landing .main { width: calc(100% - 72px); } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left{ position: fixed; z-index: 1005; margin-top: 0px; height: 100vh; width: 4.5rem; overflow: auto; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; opacity: 0.98; transition-duration: 150ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-header .tab-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-header .tab-text{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .betslip .betslip-search, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-content, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .betslip .betslip-search{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .search-icon, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .search-icon{ padding-left: 0.875rem; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .search-toggle .input-style, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .search-toggle .input-style{ margin-right: 0px; width: 2.5rem; padding-left: 2.875rem; padding-right: 0px; transition-duration: 150ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header{ justify-content: center; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-title{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-header .card-toolbar{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body{ align-items: center; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-services .card-body .item .text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-services .card-body .item .text{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header{ justify-content: center; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-title .card-label{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-header .card-toolbar{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body{ align-items: center; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .popular-leagues .card-body .popular-item .popular-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .popular-leagues .card-body .popular-item .popular-text{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header{ display: none; justify-content: center; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour{ height: 0px; overflow: visible; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .sports-hour .range-number, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .sports-hour .range-number{ height: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category{ justify-content: flex-start; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left{ justify-content: flex-start; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .live-menu-category .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .live-menu-category .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport .match{ height: 0px; overflow: hidden; padding: 0px; opacity: 0; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link{ justify-content: flex-start; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .live-menu-sport.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .live-menu-sport.active .menu-l2 .l2-link .link-right{ overflow: visible; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .menu-l3, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .menu-l3{ height: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l2-link.btn-less .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l2-link.btn-less .link-left .link-text{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header{ justify-content: flex-start; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title{ margin-left: 0.75rem; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-title .card-label{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-header .card-toolbar{ width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body{ padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left{ justify-content: flex-start; overflow: visible; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-left .link-text{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .l2-link .link-right{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .live-menu-sport .match{ height: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item{ justify-content: flex-start; gap: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .casino-category-item .right-icon, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .menu-label, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .casino-category-item .right-icon{ overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button{ justify-content: flex-start; gap: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button .icon, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button .icon{ height: 1.5rem; width: 1.5rem; flex-shrink: 0; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .casino-category .categories-header .back-button span, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .casino-category .categories-header .back-button span{ margin: 0px; width: 0px; overflow: visible; opacity: 0; transition-duration: 300ms; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header{ justify-content: flex-start; padding: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title{ gap: 0px; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .card-label{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-title .icon-left{ margin-left: 0.75rem; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-header .card-toolbar{ width: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .virtual-sidebar .virtual-menu .card-body, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .virtual-sidebar .virtual-menu .card-body{ height: 0px; gap: 0px; padding: 0px; opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link{ justify-content: flex-start; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .menu-label, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .sidebar-menu-list .menu-item .menu-link .icon.right{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title{ justify-content: center; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar .popular-leagues .section-title .text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar .popular-leagues .section-title .text{ opacity: 0; transition-duration: 300ms; transition-timing-function: linear; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content{ display: none; } body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar lib-content:has(.show-mini-content), body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar lib-content:has(.show-mini-content){ display: block; } body.layout-3.left-icon-view .wrapper.page-dashboard .main{ margin: 0px; width: 100%; } body.layout-3.left-icon-view .footer{ margin-left: 72px; } @media (min-width: 1024px){ body.layout-3.left-icon-view .footer{ padding-left: 0px; } } body.layout-3.left-icon-view.header-top-bar .wrapper.page-casino .main, body.layout-3.left-icon-view.header-top-bar .wrapper.page-live-casino .main, body.layout-3.left-icon-view.header-top-bar .wrapper.page-virtual .main, body.layout-3.left-icon-view.header-top-bar .wrapper.page-landing .main{ transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: calc(100% - 72px); } body.layout-3.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left, body.layout-3.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left { height: calc(100vh - 221px); } body.layout-3.left-icon-view.header-top-bar .wrapper.page-prelive .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-live .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-casino .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-live-casino .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-virtual .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-landing .sidebar.left:hover, body.layout-3.left-icon-view.header-top-bar .wrapper.page-search .sidebar.left:hover { max-height: calc(100vh - 221px); } body.fixed-betSlip .wrapper .sidebar.right{ position: fixed; bottom: -75%; right: 0px; height: 75%; width: 24rem; overflow-y: auto; transition-duration: 700ms; } body.fixed-betSlip .wrapper .sidebar.right .fixed-betSlip-icon{ display: inline-block; } body.fixed-betSlip.active .wrapper .sidebar.right{ bottom: 0px; transition-duration: 700ms; } } @media (min-width: 1024px){ body.layout-1.page-poker .header, body.layout-1.page-betongames .header, body.layout-1.page-bingo .header, body.layout-1.page-mix .header, body.layout-1.page-tv-games .header, body.layout-1.page-promotions .header, body.layout-1.page-binary .header, body.layout-1.page-betx .header, body.layout-1.page-ultraplay-esports .header, body.layout-1.page-undefined .header, body.layout-1.page-contents .header, body.layout-1.page-mobile .header, body.layout-1.page-yatirim-yardim .header, body.layout-2.page-poker .header, body.layout-2.page-betongames .header, body.layout-2.page-bingo .header, body.layout-2.page-mix .header, body.layout-2.page-tv-games .header, body.layout-2.page-promotions .header, body.layout-2.page-binary .header, body.layout-2.page-betx .header, body.layout-2.page-ultraplay-esports .header, body.layout-2.page-undefined .header, body.layout-2.page-contents .header, body.layout-2.page-mobile .header, body.layout-2.page-yatirim-yardim .header, body.layout-3.page-poker .header, body.layout-3.page-betongames .header, body.layout-3.page-bingo .header, body.layout-3.page-mix .header, body.layout-3.page-tv-games .header, body.layout-3.page-promotions .header, body.layout-3.page-binary .header, body.layout-3.page-betx .header, body.layout-3.page-ultraplay-esports .header, body.layout-3.page-undefined .header, body.layout-3.page-contents .header, body.layout-3.page-mobile .header, body.layout-3.page-yatirim-yardim .header{ padding-left: 0px; } } body.layout-1.page-poker .header .sidebar-collapse-btn, body.layout-1.page-betongames .header .sidebar-collapse-btn, body.layout-1.page-bingo .header .sidebar-collapse-btn, body.layout-1.page-mix .header .sidebar-collapse-btn, body.layout-1.page-tv-games .header .sidebar-collapse-btn, body.layout-1.page-promotions .header .sidebar-collapse-btn, body.layout-1.page-binary .header .sidebar-collapse-btn, body.layout-1.page-betx .header .sidebar-collapse-btn, body.layout-1.page-ultraplay-esports .header .sidebar-collapse-btn, body.layout-1.page-undefined .header .sidebar-collapse-btn, body.layout-1.page-contents .header .sidebar-collapse-btn, body.layout-1.page-mobile .header .sidebar-collapse-btn, body.layout-1.page-yatirim-yardim .header .sidebar-collapse-btn, body.layout-2.page-poker .header .sidebar-collapse-btn, body.layout-2.page-betongames .header .sidebar-collapse-btn, body.layout-2.page-bingo .header .sidebar-collapse-btn, body.layout-2.page-mix .header .sidebar-collapse-btn, body.layout-2.page-tv-games .header .sidebar-collapse-btn, body.layout-2.page-promotions .header .sidebar-collapse-btn, body.layout-2.page-binary .header .sidebar-collapse-btn, body.layout-2.page-betx .header .sidebar-collapse-btn, body.layout-2.page-ultraplay-esports .header .sidebar-collapse-btn, body.layout-2.page-undefined .header .sidebar-collapse-btn, body.layout-2.page-contents .header .sidebar-collapse-btn, body.layout-2.page-mobile .header .sidebar-collapse-btn, body.layout-2.page-yatirim-yardim .header .sidebar-collapse-btn, body.layout-3.page-poker .header .sidebar-collapse-btn, body.layout-3.page-betongames .header .sidebar-collapse-btn, body.layout-3.page-bingo .header .sidebar-collapse-btn, body.layout-3.page-mix .header .sidebar-collapse-btn, body.layout-3.page-tv-games .header .sidebar-collapse-btn, body.layout-3.page-promotions .header .sidebar-collapse-btn, body.layout-3.page-binary .header .sidebar-collapse-btn, body.layout-3.page-betx .header .sidebar-collapse-btn, body.layout-3.page-ultraplay-esports .header .sidebar-collapse-btn, body.layout-3.page-undefined .header .sidebar-collapse-btn, body.layout-3.page-contents .header .sidebar-collapse-btn, body.layout-3.page-mobile .header .sidebar-collapse-btn, body.layout-3.page-yatirim-yardim .header .sidebar-collapse-btn{ pointer-events: none; opacity: 0.4; } @media (min-width: 1024px){ body.layout-1.page-poker .footer, body.layout-1.page-betongames .footer, body.layout-1.page-bingo .footer, body.layout-1.page-mix .footer, body.layout-1.page-tv-games .footer, body.layout-1.page-promotions .footer, body.layout-1.page-binary .footer, body.layout-1.page-betx .footer, body.layout-1.page-ultraplay-esports .footer, body.layout-1.page-undefined .footer, body.layout-1.page-contents .footer, body.layout-1.page-mobile .footer, body.layout-1.page-yatirim-yardim .footer, body.layout-2.page-poker .footer, body.layout-2.page-betongames .footer, body.layout-2.page-bingo .footer, body.layout-2.page-mix .footer, body.layout-2.page-tv-games .footer, body.layout-2.page-promotions .footer, body.layout-2.page-binary .footer, body.layout-2.page-betx .footer, body.layout-2.page-ultraplay-esports .footer, body.layout-2.page-undefined .footer, body.layout-2.page-contents .footer, body.layout-2.page-mobile .footer, body.layout-2.page-yatirim-yardim .footer, body.layout-3.page-poker .footer, body.layout-3.page-betongames .footer, body.layout-3.page-bingo .footer, body.layout-3.page-mix .footer, body.layout-3.page-tv-games .footer, body.layout-3.page-promotions .footer, body.layout-3.page-binary .footer, body.layout-3.page-betx .footer, body.layout-3.page-ultraplay-esports .footer, body.layout-3.page-undefined .footer, body.layout-3.page-contents .footer, body.layout-3.page-mobile .footer, body.layout-3.page-yatirim-yardim .footer{ margin-left: 0px; padding-left: 0px; } body.layout-1.page-poker .wrapper .main, body.layout-1.page-betongames .wrapper .main, body.layout-1.page-bingo .wrapper .main, body.layout-1.page-mix .wrapper .main, body.layout-1.page-tv-games .wrapper .main, body.layout-1.page-promotions .wrapper .main, body.layout-1.page-binary .wrapper .main, body.layout-1.page-betx .wrapper .main, body.layout-1.page-ultraplay-esports .wrapper .main, body.layout-1.page-undefined .wrapper .main, body.layout-1.page-contents .wrapper .main, body.layout-1.page-mobile .wrapper .main, body.layout-1.page-yatirim-yardim .wrapper .main, body.layout-2.page-poker .wrapper .main, body.layout-2.page-betongames .wrapper .main, body.layout-2.page-bingo .wrapper .main, body.layout-2.page-mix .wrapper .main, body.layout-2.page-tv-games .wrapper .main, body.layout-2.page-promotions .wrapper .main, body.layout-2.page-binary .wrapper .main, body.layout-2.page-betx .wrapper .main, body.layout-2.page-ultraplay-esports .wrapper .main, body.layout-2.page-undefined .wrapper .main, body.layout-2.page-contents .wrapper .main, body.layout-2.page-mobile .wrapper .main, body.layout-2.page-yatirim-yardim .wrapper .main, body.layout-3.page-poker .wrapper .main, body.layout-3.page-betongames .wrapper .main, body.layout-3.page-bingo .wrapper .main, body.layout-3.page-mix .wrapper .main, body.layout-3.page-tv-games .wrapper .main, body.layout-3.page-promotions .wrapper .main, body.layout-3.page-binary .wrapper .main, body.layout-3.page-betx .wrapper .main, body.layout-3.page-ultraplay-esports .wrapper .main, body.layout-3.page-undefined .wrapper .main, body.layout-3.page-contents .wrapper .main, body.layout-3.page-mobile .wrapper .main, body.layout-3.page-yatirim-yardim .wrapper .main{ margin-left: 0px; width: 100%; padding-left: 1rem; padding-right: 1rem; } body.layout-1.left-icon-view.page-poker .wrapper .main, body.layout-1.left-icon-view.page-betongames .wrapper .main, body.layout-1.left-icon-view.page-bingo .wrapper .main, body.layout-1.left-icon-view.page-mix .wrapper .main, body.layout-1.left-icon-view.page-tv-games .wrapper .main, body.layout-1.left-icon-view.page-promotions .wrapper .main, body.layout-1.left-icon-view.page-binary .wrapper .main, body.layout-1.left-icon-view.page-betx .wrapper .main, body.layout-1.left-icon-view.page-ultraplay-esports .wrapper .main, body.layout-1.left-icon-view.page-undefined .wrapper .main, body.layout-1.left-icon-view.page-contents .wrapper .main, body.layout-1.left-icon-view.page-mobile .wrapper .main, body.layout-1.left-icon-view.page-yatirim-yardim .wrapper .main, body.layout-2.left-icon-view.page-poker .wrapper .main, body.layout-2.left-icon-view.page-betongames .wrapper .main, body.layout-2.left-icon-view.page-bingo .wrapper .main, body.layout-2.left-icon-view.page-mix .wrapper .main, body.layout-2.left-icon-view.page-tv-games .wrapper .main, body.layout-2.left-icon-view.page-promotions .wrapper .main, body.layout-2.left-icon-view.page-binary .wrapper .main, body.layout-2.left-icon-view.page-betx .wrapper .main, body.layout-2.left-icon-view.page-ultraplay-esports .wrapper .main, body.layout-2.left-icon-view.page-undefined .wrapper .main, body.layout-2.left-icon-view.page-contents .wrapper .main, body.layout-2.left-icon-view.page-mobile .wrapper .main, body.layout-2.left-icon-view.page-yatirim-yardim .wrapper .main, body.layout-3.left-icon-view.page-poker .wrapper .main, body.layout-3.left-icon-view.page-betongames .wrapper .main, body.layout-3.left-icon-view.page-bingo .wrapper .main, body.layout-3.left-icon-view.page-mix .wrapper .main, body.layout-3.left-icon-view.page-tv-games .wrapper .main, body.layout-3.left-icon-view.page-promotions .wrapper .main, body.layout-3.left-icon-view.page-binary .wrapper .main, body.layout-3.left-icon-view.page-betx .wrapper .main, body.layout-3.left-icon-view.page-ultraplay-esports .wrapper .main, body.layout-3.left-icon-view.page-undefined .wrapper .main, body.layout-3.left-icon-view.page-contents .wrapper .main, body.layout-3.left-icon-view.page-mobile .wrapper .main, body.layout-3.left-icon-view.page-yatirim-yardim .wrapper .main{ margin-left: 0px; } } html.dark body .header-fixed-container, html.light body .header-fixed-container{ position: sticky; top: 0px; z-index: 1003; width: 100%; } html.dark body.header-fixed.header-template-2 .header-two, html.light body.header-fixed.header-template-2 .header-two{ position: fixed; z-index: 50; width: 100%; } @media (min-width: 1024px){ html.dark body.header-fixed.header-template-2 .header-two, html.light body.header-fixed.header-template-2 .header-two{ border-bottom-width: 0.5px; border-bottom-color: hsl(var(--tertiary-200) / 0.4); } html.dark body.header-fixed.header-template-2 .header-two .header-container .top-container .header-top .header-logo, html.light body.header-fixed.header-template-2 .header-two .header-container .top-container .header-top .header-logo{ padding-left: 1.25rem; } html.dark body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login, html.light body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login{ padding-top: 0.938rem; } } html.dark body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login .user-menu, html.light body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login .user-menu{ justify-content: flex-end; } @media (min-width: 1024px){ html.dark body.header-fixed.header-template-2 .header-two .header-container .header-center, html.light body.header-fixed.header-template-2 .header-two .header-container .header-center{ padding-left: 1.25rem; padding-right: 1.25rem; } html.dark body.header-fixed.header-template-2 .header-two .header-container .header-center .header-menu-list, html.light body.header-fixed.header-template-2 .header-two .header-container .header-center .header-menu-list{ height: 3.75rem; } html.dark body.header-fixed.header-template-2 .header-two .header-container .submenu, html.light body.header-fixed.header-template-2 .header-two .header-container .submenu{ padding-left: 1.25rem; padding-right: 1.25rem; } } html.dark body.header-template-iframe .header, html.light body.header-template-iframe .header{ z-index: 1002; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); } html.dark body.header-template-iframe .header .header-middle, html.light body.header-template-iframe .header .header-middle{ display: flex; align-items: center; gap: 1rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-bottom-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-middle, html.light body.header-template-iframe .header .header-middle{ gap: 0px; padding: 0px; } } html.dark body.header-template-iframe .header .header-middle .header-logo, html.light body.header-template-iframe .header .header-middle .header-logo{ order: 1; display: flex; flex: 1 1 0%; align-items: center; column-gap: 1rem; } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-middle .header-logo, html.light body.header-template-iframe .header .header-middle .header-logo{ width: 17.5rem; flex: none; justify-content: center; } } html.dark body.header-template-iframe .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-iframe .header .header-middle .header-logo .menu-collapse-btn{ display: flex; align-items: center; color: hsl(var(--tertiary-950) / 0.6); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-iframe .header .header-middle .header-logo .menu-collapse-btn{ display: none; } } html.dark body.header-template-iframe .header .header-middle .header-logo core-header-collapse-button, html.light body.header-template-iframe .header .header-middle .header-logo core-header-collapse-button{ display: none; } html.dark body.header-template-iframe .header .header-middle core-header-menu, html.light body.header-template-iframe .header .header-middle core-header-menu{ order: 3; width: calc(100% - 40px); overflow-x: auto; } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-middle core-header-menu, html.light body.header-template-iframe .header .header-middle core-header-menu{ order: 2; margin-left: 1.25rem; } } html.dark body.header-template-iframe .header .header-middle .header-right, html.light body.header-template-iframe .header .header-middle .header-right{ order: 2; flex: 1 1 0%; justify-content: flex-end; display: flex; } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-middle .header-right, html.light body.header-template-iframe .header .header-middle .header-right{ order: 3; margin-right: 1.25rem; margin-left: 0.5rem; } } html.dark body.header-template-iframe .header .header-bottom, html.light body.header-template-iframe .header .header-bottom{ display: none; align-items: center; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-iframe .header .header-bottom, html.light body.header-template-iframe .header .header-bottom{ display: flex; } } html.dark body.header-template-iframe .header .header-bottom core-search-form, html.light body.header-template-iframe .header .header-bottom core-search-form{ width: 17.5rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.438rem; padding-bottom: 0.438rem; } html.dark body.header-template-iframe .header .header-bottom core-navbar-bottom, html.light body.header-template-iframe .header .header-bottom core-navbar-bottom{ flex: 1 1 0%; } html.dark body.header-template-iframe .header .header-bottom core-navbar-bottom .navbar-bottom, html.light body.header-template-iframe .header .header-bottom core-navbar-bottom .navbar-bottom{ display: flex; height: 4rem; align-items: center; justify-content: space-between; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *), html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *), html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-prefences, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .user-prefences{ border-color: hsl(var(--primary-foreground) / 0.2); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector::before, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--primary-foreground) / 0.4) !important; } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .bottom-menu-list .bottom-menu-item, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .bottom-menu-list .bottom-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item .icon, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item:hover, html.dark body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item.active, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item:hover, html.light body.header-template-1 .header-color-scheme-2 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item.active{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav, html.light body.header-template-2 .header-color-scheme-2 .header .main-header{ border-color: hsl(var(--primary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .brand-container .sidebar-collapse-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .brand-container .sidebar-collapse-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link{ color: hsl(var(--primary-foreground) / 0.8) !important; } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .settings .settings-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .settings .settings-btn, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .text, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .text, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .social-list a, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .social-list a{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-2 .header .main-header .top-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count{ background-color: hsl(var(--primary-100) / 0.2); color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover, html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *), html.light body.header-template-2 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *){ background-color: hsl(var(--primary-900) / 0.2); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header, html.light body.header-template-3 .header-color-scheme-2 .header .main-header, html.light body.header-template-4 .header-color-scheme-2 .header .main-header, html.light body.header-template-5 .header-color-scheme-2 .header .main-header{ border-color: hsl(var(--primary-foreground) / 0.2) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .brand-container .sidebar-collapse-btn{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link{ color: hsl(var(--primary-foreground) / 0.8) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .settings .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.dark body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-header .content-menu-list .content-menu-item.active{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-nav, html.dark body.header-template-4 .header-color-scheme-2 .header .main-nav, html.dark body.header-template-5 .header-color-scheme-2 .header .main-nav, html.light body.header-template-3 .header-color-scheme-2 .header .main-nav, html.light body.header-template-4 .header-color-scheme-2 .header .main-nav, html.light body.header-template-5 .header-color-scheme-2 .header .main-nav{ border-color: hsl(var(--primary-foreground) / 0.2) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-3 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-4 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-5 .header-color-scheme-2 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .bottom-nav, html.dark body.header-template-4 .header-color-scheme-2 .header .bottom-nav, html.dark body.header-template-5 .header-color-scheme-2 .header .bottom-nav, html.light body.header-template-3 .header-color-scheme-2 .header .bottom-nav, html.light body.header-template-4 .header-color-scheme-2 .header .bottom-nav, html.light body.header-template-5 .header-color-scheme-2 .header .bottom-nav{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.dark body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.dark body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.dark body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.dark body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.light body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.light body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.light body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.dark body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.dark body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.light body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.light body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.light body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a{ color: hsl(var(--primary-foreground) / 0.85) !important; } html.dark body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.light body.header-template-3 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.light body.header-template-4 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.light body.header-template-5 .header-color-scheme-2 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-6 .header-color-scheme-2 .header, html.light body.header-template-6 .header-color-scheme-2 .header{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav{ border-color: hsl(var(--primary-foreground) / 0.2); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector::before, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--primary-foreground) / 0.4) !important; } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector .settings-btn, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector .settings-btn{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector .settings-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .top-nav .top-nav-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.dark body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-6 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count{ background-color: hsl(var(--primary-100) / 0.2); color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover, html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *), html.light body.header-template-6 .header-color-scheme-2 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *){ background-color: hsl(var(--primary-900) / 0.2); } html.dark body.header-template-7 .header-color-scheme-2 .header .top-nav, html.light body.header-template-7 .header-color-scheme-2 .header .top-nav{ border-color: hsl(var(--primary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .text, html.light body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-7 .header-color-scheme-2 .header .top-nav .top-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *), html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *), html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector::before, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--primary-foreground) / 0.4) !important; } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn{ color: hsl(var(--primary-foreground) / 0.85); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn, html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn:hover, html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon, html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.dark body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.light body.header-template-7 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header, html.light body.header-template-8 .header-color-scheme-2 .header{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle{ --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item::before, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--primary-foreground) / 0.9); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .header-text, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--primary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--primary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-right .settings-selector .settings-btn{ border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); padding: 0.313rem; } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn, html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn:hover, html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn:hover, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon, html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--primary-foreground) / 0.8); } html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.dark body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.light body.header-template-8 .header-color-scheme-2 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *), html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *), html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .balance-menu-hdr .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-prefences, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .user-prefences{ border-color: hsl(var(--secondary-foreground) / 0.2); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector::before, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--secondary-foreground) / 0.4) !important; } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .bottom-menu-list .bottom-menu-item, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .bottom-menu-list .bottom-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item .icon, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item:hover, html.dark body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item.active, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item:hover, html.light body.header-template-1 .header-color-scheme-3 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item.active{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav, html.light body.header-template-2 .header-color-scheme-3 .header .main-header{ border-color: hsl(var(--secondary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .brand-container .sidebar-collapse-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .brand-container .sidebar-collapse-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .brand-container .sidebar-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link{ color: hsl(var(--secondary-foreground) / 0.8) !important; } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .settings .settings-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .settings .settings-btn, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .settings .settings-btn, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .auth-buttons .settings .settings-btn:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-left .top-nav-btn-area .datetime-display .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .live-results-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .partnership-pill .icon, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-left .top-nav-btn-area .datetime-display .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .text, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .text, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .text, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .social-list a, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .social-list a{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-2 .header-color-scheme-3 .header .main-header .top-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count{ background-color: hsl(var(--secondary-100) / 0.2); color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover, html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *), html.light body.header-template-2 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *){ background-color: hsl(var(--secondary-900) / 0.2); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header, html.light body.header-template-3 .header-color-scheme-3 .header .main-header, html.light body.header-template-4 .header-color-scheme-3 .header .main-header{ border-color: hsl(var(--secondary-foreground) / 0.4) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link{ color: hsl(var(--secondary-foreground) / 0.8) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item .icon, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item .icon, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item .icon, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item:hover, html.dark body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item.active, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item.active, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item.active, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-header .content-menu-list .content-menu-item.active{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-nav, html.dark body.header-template-4 .header-color-scheme-3 .header .main-nav, html.light body.header-template-3 .header-color-scheme-3 .header .main-nav, html.light body.header-template-4 .header-color-scheme-3 .header .main-nav{ border-color: hsl(var(--secondary-foreground) / 0.4) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.dark body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.dark body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-3 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-4 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav{ border-color: hsl(var(--secondary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .text, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon:hover, html.dark body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon:hover, html.light body.header-template-3 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon:hover, html.light body.header-template-4 .header-color-scheme-3 .header .bottom-nav .bottom-nav-right .social-links-container .social-list a .icon:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header, html.light body.header-template-5 .header-color-scheme-3 .header .main-header{ border-color: hsl(var(--secondary-foreground) / 0.2) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn:is(.dark *), html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .menu-collapse-btn:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .main-header .brand-container .sidebar-collapse-btn:is(.dark *){ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link{ color: hsl(var(--secondary-foreground) / 0.8) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .password-link:hover{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .settings .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-header .auth-buttons .auxiliary-nav .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-nav, html.light body.header-template-5 .header-color-scheme-3 .header .main-nav{ border-color: hsl(var(--secondary-foreground) / 0.2) !important; --tw-bg-opacity: 1 !important; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-5 .header-color-scheme-3 .header .main-nav .nav-container .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav, html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav{ border-color: hsl(var(--secondary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill, html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill:is(.dark *){ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon, html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .bottom-nav-left .top-nav-btn-area .bottom-pill .icon:is(.dark *){ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill, html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill:is(.dark *){ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill .icon, html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill .icon{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-100) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill .icon:is(.dark *), html.light body.header-template-5 .header-color-scheme-3 .header .bottom-nav .top-nav-right .social-links-container .bottom-pill .icon:is(.dark *){ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-900) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-6 .header-color-scheme-3 .header, html.light body.header-template-6 .header-color-scheme-3 .header{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav{ border-color: hsl(var(--secondary-foreground) / 0.2); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector::before, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--secondary-foreground) / 0.4) !important; } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector .settings-btn, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector .settings-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .top-nav .top-nav-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.dark body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon, html.light body.header-template-6 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill:hover .category-count, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill.active .category-count{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count{ background-color: hsl(var(--secondary-100) / 0.2); color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover, html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *), html.light body.header-template-6 .header-color-scheme-3 .header .bottom-nav .bottom-container .bottom-tabs .category-pill .category-count:is(.dark *){ background-color: hsl(var(--secondary-900) / 0.2); } html.dark body.header-template-7 .header-color-scheme-3 .header .top-nav, html.light body.header-template-7 .header-color-scheme-3 .header .top-nav{ border-color: hsl(var(--secondary-foreground) / 0.4); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .text, html.light body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .text{ --tw-text-opacity: 1 !important; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important; } html.dark body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a, html.light body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a:hover, html.light body.header-template-7 .header-color-scheme-3 .header .top-nav .top-nav-right .social-links-container .social-list a:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .login-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-900) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *), html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text{ --tw-text-opacity: 1; color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *), html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .hdr-balance .header-text:is(.dark *){ --tw-text-opacity: 1; color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector::before, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector::before{ content: var(--tw-content) !important; background-color: hsl(var(--secondary-foreground) / 0.4) !important; } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn{ color: hsl(var(--secondary-foreground) / 0.85); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn, html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn:hover, html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon, html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.dark body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.light body.header-template-7 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header, html.light body.header-template-8 .header-color-scheme-3 .header{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item::before, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item .icon{ color: hsl(var(--secondary-foreground) / 0.9); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item.active, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-menu-list .header-menu-item-container .header-menu-item:hover{ --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .header-text, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .balance-menu .header-text{ --tw-bg-opacity: 1; background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-login-menu .deposit-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .user-menu .user-logout-menu .signup-btn{ border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-right .settings-selector .settings-btn{ border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); padding: 0.313rem; } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn, html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn:hover, html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn:hover, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon, html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon{ color: hsl(var(--secondary-foreground) / 0.8); } html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.dark body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .menu-collapse-btn .icon:hover, html.light body.header-template-8 .header-color-scheme-3 .header .header-middle .header-logo .sidebar-collapse-btn .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } html.dark body .header-icon-top .header .header-menu-list .header-menu-item-container .header-menu-item, html.light body .header-icon-top .header .header-menu-list .header-menu-item-container .header-menu-item{ display: flex; flex-direction: column; } .dashboard{ padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .dashboard{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .dashboard .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; } .dashboard .toolbar{ margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -1.25rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; column-gap: 1rem; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-bottom-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } @media (min-width: 1024px){ .dashboard .toolbar{ margin-left: 0px; margin-right: 0px; margin-bottom: 1.875rem; margin-top: 0px; border-bottom-width: 0px; background-color: transparent; padding: 0px; } } .dashboard .toolbar .back-btn{ display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .dashboard .toolbar .back-btn{ display: none; } .dashboard .toolbar .back-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .dashboard .toolbar .title{ flex: 1 1 0%; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard .toolbar .title{ font-size: 1.5rem; line-height: normal; } } .dashboard .toolbar .actions{ margin-left: 0.75rem; display: flex; align-items: center; column-gap: 0.5rem; } @media (min-width: 1024px){ .dashboard .toolbar .actions{ column-gap: 0.75rem; } } .dashboard .toolbar .actions .filter-btn{ position: relative; display: flex; align-items: center; border-radius: 3.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard .toolbar .actions .filter-btn:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } } .dashboard .toolbar .actions .filter-btn .icon{ margin-left: 0.625rem; height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.5); } .dashboard .toolbar .actions .filter-btn .filter-badge{ position: absolute; display: none; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .dashboard .toolbar .actions .filter-btn.active{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); background-color: hsl(var(--primary) / 0.1); } .dashboard .toolbar .actions .filter-btn.active .filter-badge{ right: 0.125rem; top: -0.125rem; display: block; } .dashboard .tab2{ margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -1.25rem; } @media (min-width: 1024px){ .dashboard .tab2{ margin-left: 0px; margin-right: 0px; margin-top: 0px; } } .dashboard .tab2 .tab-content{ padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .dashboard .tab2 .tab-content{ padding-left: 0px; padding-right: 0px; } } .payment .deposit .page-description, .payment .withdraw .page-description{ margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.4); } .payment .deposit .payment-list, .payment .withdraw .payment-list{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.5rem; } .payment .deposit .payment-group .payment-card, .payment .withdraw .payment-group .payment-card{ background-color: hsl(var(--tertiary-100) / 0.5); } .payment .deposit .payment-group .payment-card:is(.dark *), .payment .withdraw .payment-group .payment-card:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .payment .deposit .skeleton-card, .payment .withdraw .skeleton-card{ display: flex; align-items: center; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .payment .deposit .skeleton-card .skeleton-img, .payment .withdraw .skeleton-card .skeleton-img{ height: 1rem; width: 3.125rem; border-radius: 0.25rem; } @media (min-width: 1024px){ .payment .deposit .skeleton-card .skeleton-img, .payment .withdraw .skeleton-card .skeleton-img{ height: 1.5rem; width: 4.75rem; } } .payment .deposit .skeleton-card .skeleton-divider, .payment .withdraw .skeleton-card .skeleton-divider{ margin-left: 0.75rem; margin-right: 0.75rem; height: 2.75rem; width: 0.063rem; background-color: hsl(var(--tertiary-950) / 0.1); } .payment .deposit .skeleton-card .skeleton-content, .payment .withdraw .skeleton-card .skeleton-content{ margin-right: 1rem; display: flex; flex: 1 1 0%; flex-direction: column; row-gap: 0.375rem; } @media (min-width: 1024px){ .payment .deposit .skeleton-card .skeleton-content, .payment .withdraw .skeleton-card .skeleton-content{ margin-right: 1.25rem; flex-direction: row; align-items: center; } } .payment .deposit .skeleton-card .skeleton-content .skeleton-title, .payment .withdraw .skeleton-card .skeleton-content .skeleton-title{ flex: 1 1 0%; } @media (min-width: 1024px){ .payment .deposit .skeleton-card .skeleton-content .skeleton-title, .payment .withdraw .skeleton-card .skeleton-content .skeleton-title{ margin-right: 0.75rem; } } .payment .deposit .skeleton-card .skeleton-icon, .payment .withdraw .skeleton-card .skeleton-icon{ height: 1.5rem; width: 1.5rem; border-radius: 9999px; } .payment .deposit .skeleton-payment-group, .payment .withdraw .skeleton-payment-group{ display: flex; flex-direction: column; row-gap: 0.5rem; } .payment .deposit.grid-view .payment-list, .payment .withdraw.grid-view .payment-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } @media (min-width: 640px){ .payment .deposit.grid-view .payment-list, .payment .withdraw.grid-view .payment-list{ grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); } } @media (min-width: 1024px){ .payment .deposit.grid-view .payment-list, .payment .withdraw.grid-view .payment-list{ gap: 1.25rem; } } .payment .deposit.grid-view .skeleton-card, .payment .withdraw.grid-view .skeleton-card{ display: flex; height: 10rem; flex-direction: column; align-items: center; justify-content: center; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } .payment .deposit.grid-view .skeleton-card .skeleton-img, .payment .withdraw.grid-view .skeleton-card .skeleton-img{ margin-bottom: 1rem; } .payment .deposit.grid-view .skeleton-card .skeleton-content, .payment .withdraw.grid-view .skeleton-card .skeleton-content{ margin-right: 0px; display: flex; flex: none; flex-direction: column; align-items: center; text-align: center; } .payment .deposit.grid-view .skeleton-card .skeleton-content .skeleton-title, .payment .withdraw.grid-view .skeleton-card .skeleton-content .skeleton-title{ margin-right: 0px; } .payment .deposit.grid-view .skeleton-card .skeleton-divider, .payment .deposit.grid-view .skeleton-card .skeleton-icon, .payment .withdraw.grid-view .skeleton-card .skeleton-divider, .payment .withdraw.grid-view .skeleton-card .skeleton-icon{ display: none; } .payment .deposit.grid-view .skeleton-payment-group .skeleton-card, .payment .withdraw.grid-view .skeleton-payment-group .skeleton-card{ height: auto; flex-direction: row; justify-content: flex-start; padding: 0.75rem; } .payment .deposit.grid-view .skeleton-payment-group .skeleton-card .skeleton-img, .payment .withdraw.grid-view .skeleton-payment-group .skeleton-card .skeleton-img{ margin-bottom: 0px; } .payment .deposit.grid-view .skeleton-payment-group .skeleton-card .skeleton-content, .payment .withdraw.grid-view .skeleton-payment-group .skeleton-card .skeleton-content{ flex: 1 1 0%; flex-direction: row; } .payment .deposit.grid-view .skeleton-payment-group .skeleton-card .skeleton-divider, .payment .deposit.grid-view .skeleton-payment-group .skeleton-card .skeleton-icon, .payment .withdraw.grid-view .skeleton-payment-group .skeleton-card .skeleton-divider, .payment .withdraw.grid-view .skeleton-payment-group .skeleton-card .skeleton-icon{ display: block; } .payment .deposit.grid-view .payment-card, .payment .withdraw.grid-view .payment-card{ display: flex; height: 10rem; flex-direction: column; align-items: center; justify-content: center; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } .payment .deposit.grid-view .payment-card ui-image, .payment .withdraw.grid-view .payment-card ui-image{ margin-bottom: 0.875rem; height: auto; } .payment .deposit.grid-view .payment-card .vertical-divider, .payment .deposit.grid-view .payment-card .icon, .payment .withdraw.grid-view .payment-card .vertical-divider, .payment .withdraw.grid-view .payment-card .icon{ display: none; } .payment .deposit.grid-view .payment-card .payment-infos, .payment .withdraw.grid-view .payment-card .payment-infos{ margin-right: 0px; display: flex; flex: none; flex-direction: column; align-items: center; text-align: center; } .payment .deposit.grid-view .payment-card .payment-infos .payment-name, .payment .withdraw.grid-view .payment-card .payment-infos .payment-name{ margin-right: 0px; margin-bottom: 0.375rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .payment .deposit-detail .page-layout, .payment .withdraw-detail .page-layout{ display: flex; flex-direction: column; gap: 0.75rem; } @media (min-width: 1024px){ .payment .deposit-detail .page-layout, .payment .withdraw-detail .page-layout{ flex-direction: row; gap: 1.25rem; } } .payment .deposit-detail .page-layout .left-content, .payment .withdraw-detail .page-layout .left-content{ flex: 1 1 0%; } .payment .deposit-detail .page-layout .left-content .card.card-body, .payment .withdraw-detail .page-layout .left-content .card.card-body{ padding: 1rem; } .payment .deposit-detail .page-layout .right-content, .payment .withdraw-detail .page-layout .right-content{ width: 100%; } @media (min-width: 1024px){ .payment .deposit-detail .page-layout .right-content, .payment .withdraw-detail .page-layout .right-content{ width: 368px; } } .payment .deposit-detail .btn, .payment .withdraw-detail .btn{ margin-top: 1.25rem; margin-bottom: 1.25rem; width: 100%; } @media (min-width: 1024px){ .payment .deposit-detail .btn, .payment .withdraw-detail .btn{ width: auto; min-width: 220px; } } .payment .deposit-detail .button-group, .payment .withdraw-detail .button-group{ display: flex; justify-content: space-between; } .payment .coinspaid-withdraw{ padding: 0px; } @media (min-width: 1024px){ .payment .coinspaid-withdraw{ padding: 1.25rem; } } .payment .coinspaid-withdraw .card-body{ padding: 0.75rem; } @media (min-width: 1024px){ .payment .coinspaid-withdraw .card-body{ padding: 1.875rem; } } .payment .payment-card{ display: flex; cursor: pointer; align-items: center; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 24px; --tw-shadow-colored: 0 0 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px){ .payment .payment-card:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-shadow-color: hsl(var(--tertiary-200) / 0.7); --tw-shadow: var(--tw-shadow-colored); } } .payment .payment-card .vertical-divider{ margin-left: 0.75rem; margin-right: 0.75rem; height: 2.75rem; } .payment .payment-card .payment-infos{ display: flex; flex: 1 1 0%; flex-direction: column; } @media (min-width: 1024px){ .payment .payment-card .payment-infos{ margin-right: 1.25rem; flex-direction: row; align-items: center; } } .payment .payment-card .payment-infos .payment-name{ flex: 1 1 0%; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .payment .payment-card .payment-infos .payment-name{ margin-right: 0.75rem; font-size: 1rem; } } .payment .payment-card .payment-infos .payment-range, .payment .payment-card .payment-infos .payment-process, .payment .payment-card .payment-infos .payment-bonus-text{ font-size: 0.75rem; font-weight: 500; line-height: 1.125rem; color: hsl(var(--tertiary-950) / 0.7); } @media (min-width: 1024px){ .payment .payment-card .payment-infos .payment-range, .payment .payment-card .payment-infos .payment-process, .payment .payment-card .payment-infos .payment-bonus-text{ font-size: 0.875rem; } } .payment .payment-card .payment-infos .vertical-divider{ margin-left: 0.5rem; margin-right: 0.5rem; display: none; height: 0.75rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); } @media (min-width: 1024px){ .payment .payment-card .payment-infos .vertical-divider{ display: block; height: 1rem; } } .payment .payment-card .icon{ color: hsl(var(--tertiary-950) / 0.5); } .payment .payment-detail .toolbar .back-btn, .payment .payment-cepbank-detail .toolbar .back-btn, .payment .payment-transfer-detail .toolbar .back-btn, .payment .ptd-wizard .toolbar .back-btn, .payment .transaction-result .toolbar .back-btn{ display: flex; } .payment .payment-cepbank-detail .selection-card, .payment .payment-transfer-detail .selection-card{ margin-bottom: 0.75rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .payment .payment-cepbank-detail .selection-card, .payment .payment-transfer-detail .selection-card{ margin-bottom: 1.25rem; } } .payment .payment-cepbank-detail .selection-card .input-field, .payment .payment-transfer-detail .selection-card .input-field{ margin-bottom: 0px; } .payment .ptd-wizard .deposit-detail .page-layout .left-content .card.card-body, .payment .ptd-wizard .withdraw-detail .page-layout .left-content .card.card-body{ padding: 0px; } .payment .ptd-wizard .deposit-detail .page-layout .right-content .payment-account .card .card-header, .payment .ptd-wizard .withdraw-detail .page-layout .right-content .payment-account .card .card-header{ padding: 0px; } .payment .ptd-wizard .deposit-detail .page-layout .right-content .payment-account .card .card-body, .payment .ptd-wizard .withdraw-detail .page-layout .right-content .payment-account .card .card-body{ padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0px; } .payment .payment-types .payment-dropdown .p-dropdown{ display: flex; height: auto; align-items: center; border-width: 0px; padding: 0px; } .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-label{ max-width: 135px; text-wrap: wrap; padding-right: 0.5rem; text-align: right; font-size: 0.75rem; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-label{ max-width: none; font-size: 0.875rem; } } .payment .payment-types .payment-dropdown .p-dropdown .p-icon-wrapper .p-dropdown-clear-icon{ right: 1.5rem; } .payment .payment-types .payment-dropdown .p-dropdown.p-inputwrapper-filled .p-dropdown-label{ padding-right: 1.75rem; } .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper{ min-width: 324px; max-height: 350px !important; } @media (min-width: 1024px){ .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper{ width: 380px; } } .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item{ margin-right: 0.625rem; background-color: transparent; padding: 0px; } .payment .payment-types .payment-dropdown .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item modi-payment-card{ width: 100%; } .payment .payment-types .payment-card{ border-radius: 0px; border-width: 0px; background-color: hsl(var(--tertiary-200) / 0.2); } @media (min-width: 1024px){ .payment .payment-types .payment-card:hover{ background-color: hsl(var(--tertiary-200) / 0.35); } } .payment .payment-types .payment-card:is(.dark *){ background-color: hsl(var(--tertiary-200) / 0.3); } @media (min-width: 1024px){ .payment .payment-types .payment-card:hover:is(.dark *){ background-color: hsl(var(--tertiary-200) / 0.45); } } .payment .payment-types .payment-card .payment-infos{ margin-right: 0.5rem; flex-direction: column; align-items: flex-start; } .payment .payment-types .payment-card .payment-infos .payment-name{ margin-right: 0px; text-wrap: wrap; } .payment .payment-types .payment-card .payment-infos .vertical-divider{ display: none; } .dashboard-menu .menu-item{ margin-top: 0.25rem; } .dashboard-menu .menu-item:first-child{ margin-top: 0px; } .dashboard-menu .menu-item .menu-link{ position: relative; display: flex; height: 3rem; align-items: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-200) / 0.4); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .dashboard-menu .menu-item .menu-link .icon{ height: 1.25rem; width: 1.25rem; flex-shrink: 0; color: hsl(var(--tertiary-950) / 0.7); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .dashboard-menu .menu-item .menu-link .link-text{ margin-left: 0.75rem; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dashboard-menu .menu-item .menu-link .collapse-icon{ margin-left: 0.25rem; display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; border-radius: 0.5rem; background-color: hsl(var(--tertiary-700) / 0.1); } .dashboard-menu .menu-item .menu-link .collapse-icon .icon{ height: 1rem; width: 1rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px){ .dashboard-menu .menu-item .menu-link:hover{ background-color: hsl(var(--tertiary-200) / 0.75); } .dashboard-menu .menu-item .menu-link:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .dashboard-menu .menu-item .menu-link.active{ background-color: hsl(var(--tertiary-200) / 0.75); } .dashboard-menu .menu-item .menu-link.active .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .dashboard-menu .menu-item .menu-link.active .collapse-icon .icon{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .dashboard-menu .menu-item .menu-link.collapsible.active{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .dashboard-menu .submenu .menu-item{ margin-top: 0px; } .dashboard-menu .submenu .menu-item:last-child .menu-link{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .dashboard-menu .submenu .menu-item:last-child .menu-link.collapsible.active{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .dashboard-menu .submenu .menu-item .menu-link{ border-radius: 0px; background-color: hsl(var(--tertiary-200) / 0.5); padding-left: 1rem; font-weight: 500; line-height: 1.125rem; color: hsl(var(--tertiary-950) / 0.6); } .dashboard-menu .submenu .menu-item .menu-link::before{ position: absolute; left: 0px; height: 1.75rem; width: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: transparent; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; --tw-content: ""; content: var(--tw-content); } .dashboard-menu .submenu .menu-item .menu-link.collapsible:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard-menu .submenu .menu-item .menu-link.collapsible:hover{ background-color: hsl(var(--tertiary-200) / 0.75); } } .dashboard-menu .submenu .menu-item .menu-link.collapsible.active{ background-color: hsl(var(--tertiary-200) / 0.75); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .dashboard-menu .submenu .menu-item .menu-link.collapsible + .submenu .menu-item:last-child .menu-link{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .dashboard-menu .submenu .menu-item .menu-link.collapsible + .submenu .menu-item .menu-link{ border-radius: 0px; padding-left: 2.25rem; } .dashboard-menu .submenu .menu-item .menu-link.collapsible + .submenu .menu-item .menu-link .icon:not(.collapse-icon .icon){ display: none; } @media (min-width: 1024px){ .dashboard-menu .submenu .menu-item .menu-link:hover:not(.collapsible){ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .dashboard-menu .submenu .menu-item .menu-link:hover:not(.collapsible)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-foreground) / var(--tw-bg-opacity, 1)); } } .dashboard-menu .submenu .menu-item .menu-link:hover:not(.collapsible) .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .dashboard-menu .submenu .menu-item .menu-link.active:not(.collapsible){ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .dashboard-menu .submenu .menu-item .menu-link.active:not(.collapsible)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-foreground) / var(--tw-bg-opacity, 1)); } .dashboard-menu .submenu .menu-item .menu-link.active:not(.collapsible) .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard-new{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; } } .dashboard-new .dashboard-container{ margin-left: auto; margin-right: auto; max-width: 1250px; } .dashboard-new .dashboard-toolbar{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } @media (min-width: 1024px){ .dashboard-new .dashboard-toolbar{ margin-bottom: 1.875rem; border-bottom-width: 0px; background-color: transparent; padding: 0px; } } .dashboard-new .dashboard-toolbar .btn-back{ margin-right: 0.5rem; display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .dashboard-new .dashboard-toolbar .btn-back{ display: none; } .dashboard-new .dashboard-toolbar .btn-back:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .dashboard-new .dashboard-toolbar .dashboard-title{ flex: 1 1 0%; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard-new .dashboard-toolbar .dashboard-title{ font-size: 1.5rem; line-height: normal; } } .dashboard-new .dashboard-toolbar .dashboard-actions{ margin-left: 0.5rem; } .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter{ position: relative; display: flex; align-items: center; column-gap: 0.5rem; border-radius: 50px; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter:hover{ border-color: hsl(var(--tertiary-950) / 0.2); background-color: hsl(var(--tertiary-950) / 0.1); } } .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter .icon{ height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.5); } .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter .filter-badge{ position: absolute; right: 0.375rem; top: -0.188rem; display: none; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter.active{ --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); background-color: hsl(var(--primary) / 0.15); } .dashboard-new .dashboard-toolbar .dashboard-actions .btn-filter.active .filter-badge{ display: block; } .dashboard-new .dashboard-content{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 1024px){ .dashboard-new .dashboard-content{ padding: 0px; } } .dashboard-new .tab2{ margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -1rem; } @media (min-width: 1024px){ .dashboard-new .tab2{ margin-left: 0px; margin-right: 0px; margin-top: 0px; } } .dashboard-new .tab2 .tab-content{ padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px){ .dashboard-new .tab2 .tab-content{ padding-left: 0px; padding-right: 0px; } .mfe-dashboard{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; } } .mfe-dashboard .dashboard-container{ margin-left: auto; margin-right: auto; max-width: 1250px; } .mfe-dashboard .dashboard-toolbar{ display: flex; align-items: center; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.75rem; } @media (min-width: 1024px){ .mfe-dashboard .dashboard-toolbar{ margin-bottom: 1.875rem; border-bottom-width: 0px; background-color: transparent; padding: 0px; } } .mfe-dashboard .dashboard-toolbar .btn-back{ margin-right: 0.5rem; display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .mfe-dashboard .dashboard-toolbar .btn-back{ display: none; } .mfe-dashboard .dashboard-toolbar .btn-back:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .mfe-dashboard .dashboard-toolbar .dashboard-title{ flex: 1 1 0%; font-size: 1rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .mfe-dashboard .dashboard-toolbar .dashboard-title{ font-size: 1.5rem; line-height: normal; } } .mfe-dashboard .dashboard-content{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 1024px){ .mfe-dashboard .dashboard-content{ padding: 0px; } } .dashboard-tab{ margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -1.25rem; margin-bottom: -1.25rem; } @media (min-width: 1024px){ .dashboard-tab{ margin: 0px; } } .dashboard-tab .tab-header{ display: flex; height: 3.25rem; align-items: center; column-gap: 1.875rem; overflow-x: auto; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; scrollbar-color: #a3a3a3 transparent; scrollbar-width: thin; } .dashboard-tab .tab-header::-webkit-scrollbar-thumb{ border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1)); } .dashboard-tab .tab-header::-webkit-scrollbar-thumb:hover{ --tw-bg-opacity: 1; background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1)); } .dashboard-tab .tab-header::-webkit-scrollbar-track{ background-color: transparent; } .dashboard-tab .tab-header::-webkit-scrollbar{ width: 0.625rem; } @media (min-width: 1024px){ .dashboard-tab .tab-header{ padding-left: 0px; padding-right: 0px; } } .dashboard-tab .tab-header .tab-item{ height: 100%; } .dashboard-tab .tab-header .tab-btn{ height: 100%; white-space: nowrap; border-bottom-width: 2px; border-color: transparent; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.4); } @media (min-width: 1024px){ .dashboard-tab .tab-header .tab-btn:hover{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .dashboard-tab .tab-header .tab-btn.active{ --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .dashboard-tab .tab-content{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 1024px){ .dashboard-tab .tab-content{ padding-left: 0px; padding-right: 0px; } } .privacy-policy-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .privacy-policy-page .page-container.full-content{ max-width: none; } .privacy-policy-page .page-container .title{ margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .privacy-policy-page .page-container .title{ font-size: 1.25rem; } } .privacy-policy-page .page-container .section{ margin-bottom: 1.5rem; } .privacy-policy-page .page-container .section:last-child{ margin-bottom: 0px; } .privacy-policy-page .page-container .section-header{ display: flex; cursor: pointer; align-items: center; justify-content: space-between; column-gap: 0.5rem; border-radius: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .privacy-policy-page .page-container .section-header:hover{ background-color: hsl(var(--tertiary-950) / 0.05); } } .privacy-policy-page .page-container .section-header .section-title{ font-size: 0.875rem; font-weight: 800; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .privacy-policy-page .page-container .section-header .btn-collapse{ display: flex; height: 1.75rem; width: 1.75rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.2); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .privacy-policy-page .page-container .section-header .btn-collapse .icon{ height: 1.125rem; width: 1.125rem; --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .privacy-policy-page .page-container .section-content{ margin-top: 1rem; max-height: 0px; overflow: hidden; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); opacity: 0; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .privacy-policy-page .page-container .section.expanded .section-content{ max-height: min-content; opacity: 1; } .privacy-policy-page .page-container .section.expanded .section-header .btn-collapse .icon{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .privacy-policy-page .page-container .section.collapsed .section-header .btn-collapse .icon{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .privacy-policy-page .page-container .section.collapsed .section-content{ max-height: 0px; padding-left: 0.5rem; padding-right: 0.5rem; opacity: 0; } .about-us-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .about-us-page .page-container.full-content{ max-width: none; } .about-us-page .page-container .title{ margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .about-us-page .page-container .title{ font-size: 1.25rem; } } .about-us-page .page-container .section{ margin-bottom: 2rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .about-us-page .page-container .section:last-child{ margin-bottom: 0px; } .about-us-page .page-container .section-titles{ margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 800; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .layout-1 .landing-hero-container .hero-item{ padding-top: 0px; } } .landing-hero-container .hero-item{ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 1024px){ .landing-hero-container .hero-item{ padding-top: 2rem; padding-bottom: 2rem; } } .landing-hero-container .hero-item .hero-img-container{ position: relative; display: flex; min-height: 200px; width: 100%; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 0.5rem; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsl(var(--tertiary-200) / 1) var(--tw-gradient-to-position); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container{ height: auto; min-height: 320px; } } .landing-hero-container .hero-item .hero-img-container .hero-img{ height: 100%; width: 100%; border-radius: 0.375rem; } .landing-hero-container .hero-item .hero-img-container .top-area{ position: absolute; z-index: 2; margin: 1rem; max-width: 200px; } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .top-area{ margin: 44px; max-width: 386px; } } .landing-hero-container .hero-item .hero-img-container .top-area .title{ margin-bottom: 0.625rem; font-size: 1.25rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .top-area .title{ font-size: 32px; } } .landing-hero-container .hero-item .hero-img-container .top-area .desc{ font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.7); } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .top-area .desc{ font-size: 0.875rem; } } .landing-hero-container .hero-item .hero-img-container .bottom-area{ position: absolute; bottom: 16px; z-index: 2; margin-left: 1rem; display: flex; flex-direction: column; column-gap: 0.25rem; } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .bottom-area{ bottom: 44px; margin-left: 44px; } } .landing-hero-container .hero-item .hero-img-container .bottom-area .bottom-btn{ height: 36px; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-300) / var(--tw-border-opacity, 1)); background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.9; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 2.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); --tw-backdrop-sepia: sepia(5px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .landing-hero-container .hero-item .hero-img-container .bottom-area .provider-container{ display: flex; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .landing-hero-container .hero-item .hero-img-container .bottom-area .provider-container::-webkit-scrollbar { display: none; } .landing-hero-container .hero-item .hero-img-container .bottom-area .provider-container icon, .landing-hero-container .hero-item .hero-img-container .bottom-area .provider-container modi-icon{ margin-right: 1rem; width: auto; flex-shrink: 0; } .landing-hero-container .hero-item .hero-img-container .bottom-area .coin-container{ margin-top: 0.5rem; } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .bottom-area .coin-container{ margin-top: 1rem; } } .landing-hero-container .hero-item .hero-img-container .bottom-area .coin-container icon, .landing-hero-container .hero-item .hero-img-container .bottom-area .coin-container modi-icon{ margin-right: -0.5rem; height: 32px; width: 32px; border-radius: 9999px; border-width: 2px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary) / var(--tw-border-opacity, 1)); } .landing-hero-container .hero-item .hero-img-container .img-area{ overflow: hidden; } .landing-hero-container .hero-item .hero-img-container .img-area::before{ background-color: #f6a31e80; --tw-content: ""; content: var(--tw-content); } .landing-hero-container .hero-item .hero-img-container .img-area .navigate-img{ position: absolute; right: 0px; z-index: 1; } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .img-area .navigate-img{ right: 16px; } } .landing-hero-container .hero-item .hero-img-container .img-area .header-hero{ bottom: 0px; max-width: 200px; opacity: 0.5; } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .img-area .header-hero{ max-width: 100%; opacity: 1; } } .landing-hero-container .hero-item .hero-img-container .img-area .hero-obj{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.4; } .landing-hero-container .hero-item .hero-img-container .img-area .eclipse{ position: relative; left: 50%; height: 100%; min-height: 200px; width: 50%; background-color: #f6a31e80; --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @media (min-width: 1024px){ .landing-hero-container .hero-item .hero-img-container .img-area .eclipse{ min-height: 320px; } } .landing-hero-container.bottom .hero-item{ padding-top: 0px; } .landing-hero-container.bottom .hero-item .hero-img-container{ min-height: 220px; } @media (min-width: 1024px){ .landing-hero-container.bottom .hero-item .hero-img-container{ min-height: 200px; } .landing-hero-container.bottom .hero-item .hero-img-container .top-area{ max-width: 100%; } } .landing-hero-container.bottom .hero-item .hero-img-container .top-area .title{ max-width: 200px; } @media (min-width: 1024px){ .landing-hero-container.bottom .hero-item .hero-img-container .top-area .title{ max-width: 386px; } } .landing-hero-container.bottom .hero-item .hero-img-container .img-area{ overflow: hidden; } .landing-hero-container.bottom .hero-item .hero-img-container .img-area::before{ background-color: #B11EF680; --tw-content: ""; content: var(--tw-content); } .landing-hero-container.bottom .hero-item .hero-img-container .img-area .eclipse{ position: relative; left: 50%; height: 100%; min-height: 200px; width: 50%; background-color: #B11EF680; --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @media (min-width: 1024px){ .landing-hero-container.bottom .hero-item .hero-img-container .img-area .eclipse{ min-height: 320px; } } .landing-navigate-container{ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } @media (min-width: 1024px){ .landing-navigate-container{ padding-bottom: 2rem; } } .landing-navigate-container .navigate-items{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; } @media (min-width: 1024px){ .landing-navigate-container .navigate-items{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .landing-navigate-container .navigate-items .text-container{ height: 100%; width: 100%; padding: 1rem; } .landing-navigate-container .navigate-items .text-container .top-area{ position: absolute; z-index: 1; max-width: 123px; } .landing-navigate-container .navigate-items .text-container .top-area .title{ margin-bottom: 0.625rem; font-size: 1.25rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .landing-navigate-container .navigate-items .text-container .top-area .desc{ font-size: 0.875rem; font-weight: 600; color: hsl(var(--tertiary-950) / 0.7); } .landing-navigate-container .navigate-items .text-container .bottom-area{ position: absolute; bottom: 20px; z-index: 1; display: flex; column-gap: 0.25rem; } @media not all and (min-width: 1024px){ .landing-navigate-container .navigate-items .text-container .bottom-area{ display: flex; flex-direction: column; row-gap: 0.25rem; } } .landing-navigate-container .navigate-items .text-container .bottom-area .bottom-btn{ height: 36px; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-300) / var(--tw-border-opacity, 1)); background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.9; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 2.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); --tw-backdrop-blur: blur(5px); --tw-backdrop-sepia: sepia(5px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .landing-navigate-container .navigate-items .text-container .img-area{ position: absolute; right: 10px; bottom: 0px; } .landing-navigate-container .navigate-items .item{ position: relative; display: flex; min-height: 178px; width: 100%; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 0.375rem; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); overflow: hidden; } @media (min-width: 1024px){ .landing-navigate-container .navigate-items .item:hover img{ --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .landing-navigate-container .navigate-items .item .navigate-img, .landing-navigate-container .navigate-items .item .navigate-img-2{ height: 100%; width: 100%; border-radius: 0.375rem; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .landing-navigate-container .navigate-items .item-container-2{ display: flex; flex-direction: column; row-gap: 0.625rem; } .landing-navigate-container .navigate-items .item-container-2 .item{ min-height: 84px; } .landing-navigate-container .navigate-items .item-container-2 .item .img-area{ bottom: 50%; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .landing-games-container{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; max-width: 100%; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px){ .landing-games-container{ margin-bottom: 2rem; } } .landing-games-container .landing-games-header{ margin-bottom: 1.25rem; display: flex; height: 28px; align-items: center; justify-content: space-between; } .landing-games-container .landing-games-header .games-title{ display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; font-size: 1.125rem; font-weight: 700; line-height: normal; } .landing-games-container .landing-games-header .games-toolbar{ margin-left: 0.375rem; display: flex; flex-shrink: 0; align-items: center; column-gap: 0.625rem; } .landing-games-container .landing-games-header .games-toolbar .btn-collapse{ display: flex; height: 1.875rem; width: 1.875rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .landing-games-container .landing-games-header .games-toolbar .btn-collapse:hover{ background-color: hsl(var(--tertiary-700) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .landing-games-container .landing-games-header .games-toolbar .btn-collapse .icon{ height: 1.25rem; width: 1.25rem; --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .landing-games-container .landing-games-header .games-toolbar .btn-detail{ border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.1); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .landing-games-container .landing-games-header .games-toolbar .btn-detail:hover{ background-color: hsl(var(--tertiary-700) / 0.2); } } .landing-games-container .landing-games-header .games-toolbar .carousel-control{ display: flex; align-items: center; column-gap: 0.188rem; } .landing-games-container .landing-games-header .games-toolbar .carousel-control .btn-carousel{ display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.1); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .landing-games-container .landing-games-header .games-toolbar .carousel-control .btn-carousel:hover{ background-color: hsl(var(--tertiary-700) / 0.2); } } .landing-games-container .landing-games-header .games-toolbar .carousel-control .btn-carousel .icon{ height: 1.25rem; width: 1.25rem; } .landing-games-container .landing-games-header .games-toolbar .carousel-control .btn-carousel.disabled, .landing-games-container .landing-games-header .games-toolbar .carousel-control .btn-carousel[disabled]{ cursor: not-allowed; background-color: hsl(var(--tertiary-700) / 0.05); color: hsl(var(--tertiary-950) / 0.3); } .landing-games-container .games-items{ display: flex; gap: 0.625rem; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .landing-games-container .games-items::-webkit-scrollbar { display: none; } .landing-games-container .games-items .item{ display: flex; min-height: 173px; width: 100%; min-width: 135px; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 0.375rem; } @media (min-width: 1024px){ .landing-games-container .games-items .item{ overflow: hidden; } .landing-games-container .games-items .item:hover img{ --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .landing-games-container .games-items .item img{ height: 100%; width: 100%; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .landing-games-container .games-items .item .info{ width: 100%; padding-top: 0.25rem; } .landing-games-container .games-items .item .info .username{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / 0.7); } .landing-games-container .games-items .item .info .win{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; font-weight: 800; line-height: normal; --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .landing-games-container .games-small-items .item{ min-height: 81px; min-width: 63px; } .landing-games-container .games-small-items .item .img-wrapper{ height: 100%; width: 100%; overflow: hidden; border-radius: 0.375rem; } /* Custom scrollbar styling */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .gradient-casino{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #A934E9 var(--tw-gradient-to-position); --tw-gradient-to-position: 180%; } .gradient-sports{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #22E362 var(--tw-gradient-to-position); --tw-gradient-to-position: 180%; } .gradient-esports{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #EC7553 var(--tw-gradient-to-position); --tw-gradient-to-position: 400%; } .gradient-binary{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #F99A3A var(--tw-gradient-to-position); --tw-gradient-to-position: 400%; } .gradient-virtuals{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #8E32DA var(--tw-gradient-to-position); --tw-gradient-to-position: 400%; } .gradient-poker{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--tertiary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: #D3D4D7 var(--tw-gradient-to-position); --tw-gradient-to-position: 400%; } .faq-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .faq-page .page-container.full-content{ max-width: none; } .faq-page .page-container .faq-header{ margin-bottom: 2.5rem; } .faq-page .page-container .faq-header .title{ margin-bottom: 1rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .faq-page .page-container .faq-header .title{ font-size: 1.25rem; } } .faq-page .page-container .faq-header .description{ font-size: 0.875rem; font-weight: 500; color: hsl(var(--tertiary-950) / 0.6); } .faq-page .page-container .faq-content .faq-grid{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 3.75rem; row-gap: 1.875rem; } @media (min-width: 1024px){ .faq-page .page-container .faq-content .faq-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .faq-page .page-container .faq-content .faq-section .title{ margin-bottom: 0.75rem; font-size: 1rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .faq-page .page-container .faq-content .faq-section .title{ font-size: 1.125rem; } } .faq-page .page-container .faq-content .faq-section .faq-question{ border-bottom-width: 1px; border-style: dashed; border-color: hsl(var(--tertiary-950) / 0.2); } .faq-page .page-container .faq-content .faq-section .faq-question:last-child{ border-bottom-width: 0px; } .faq-page .page-container .faq-content .faq-section .faq-question .question-header{ display: flex; cursor: pointer; align-items: center; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 1024px){ .faq-page .page-container .faq-content .faq-section .faq-question .question-header:hover .btn-collapse{ background-color: hsl(var(--primary) / 0.2); } .faq-page .page-container .faq-content .faq-section .faq-question .question-header:hover .btn-collapse .icon{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } .faq-page .page-container .faq-content .faq-section .faq-question .question-header .btn-collapse{ margin-right: 0.75rem; display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.25rem; background-color: hsl(var(--tertiary-950) / 0.15); } .faq-page .page-container .faq-content .faq-section .faq-question .question-header .btn-collapse .icon{ height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.6); } .faq-page .page-container .faq-content .faq-section .faq-question .question-header .btn-collapse .plus-icon{ display: block; } .faq-page .page-container .faq-content .faq-section .faq-question .question-header .btn-collapse .minus-icon{ display: none; } .faq-page .page-container .faq-content .faq-section .faq-question .question-header .question-title{ font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.85); } @media (min-width: 1024px){ .faq-page .page-container .faq-content .faq-section .faq-question .question-header .question-title{ font-size: 1rem; } } .faq-page .page-container .faq-content .faq-section .faq-question .faq-answer{ margin-left: 0.188rem; margin-bottom: 1rem; max-height: 0px; overflow: hidden; padding-left: 1.875rem; font-size: 0.875rem; font-weight: 500; color: hsl(var(--tertiary-950) / 0.6); opacity: 0; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .faq-page .page-container .faq-content .faq-section .faq-question.expanded .faq-answer{ max-height: min-content; opacity: 1; } .faq-page .page-container .faq-content .faq-section .faq-question.expanded .question-header .btn-collapse{ background-color: hsl(var(--primary) / 0.2); } .faq-page .page-container .faq-content .faq-section .faq-question.expanded .question-header .btn-collapse .icon{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .faq-page .page-container .faq-content .faq-section .faq-question.expanded .question-header .btn-collapse .plus-icon{ display: none; } .faq-page .page-container .faq-content .faq-section .faq-question.expanded .question-header .btn-collapse .minus-icon{ display: block; } @media (min-width: 1024px){ .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header:hover .btn-collapse{ background-color: hsl(var(--primary) / 0.2); } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header:hover .btn-collapse .icon{ --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header .btn-collapse{ background-color: hsl(var(--tertiary-950) / 0.15); } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header .btn-collapse .icon{ color: hsl(var(--tertiary-950) / 0.85); } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header .btn-collapse .minus-icon{ display: none; } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .question-header .btn-collapse .plus-icon{ display: block; } .faq-page .page-container .faq-content .faq-section .faq-question.collapsed .faq-answer{ max-height: 0px; opacity: 0; } .general-terms-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .general-terms-page .page-container.full-content{ max-width: none; } .general-terms-page .page-container .title{ margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .general-terms-page .page-container .title{ font-size: 1.25rem; } } .general-terms-page .page-container .section{ margin-bottom: 1.5rem; } .general-terms-page .page-container .section:last-child{ margin-bottom: 0px; } .general-terms-page .page-container .section-header{ display: flex; cursor: pointer; align-items: center; justify-content: space-between; column-gap: 0.5rem; border-radius: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 1024px){ .general-terms-page .page-container .section-header:hover{ background-color: hsl(var(--tertiary-950) / 0.05); } } .general-terms-page .page-container .section-header .section-title{ font-size: 0.875rem; font-weight: 800; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .general-terms-page .page-container .section-header .btn-collapse{ display: flex; height: 1.75rem; width: 1.75rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.375rem; background-color: hsl(var(--tertiary-700) / 0.2); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .general-terms-page .page-container .section-header .btn-collapse .icon{ height: 1.125rem; width: 1.125rem; --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .general-terms-page .page-container .section-content{ margin-top: 1rem; max-height: min-content; overflow: hidden; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); opacity: 1; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .general-terms-page .page-container .section.expanded .section-content{ max-height: min-content; opacity: 1; } .general-terms-page .page-container .section.expanded .section-header .btn-collapse .icon{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .general-terms-page .page-container .section.collapsed .section-header .btn-collapse .icon{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .general-terms-page .page-container .section.collapsed .section-content{ max-height: 0px; padding-left: 0.5rem; padding-right: 0.5rem; opacity: 0; } .responsible-gaming-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .responsible-gaming-page .page-container.full-content{ max-width: none; } .responsible-gaming-page .page-container .title{ margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .responsible-gaming-page .page-container .title{ font-size: 1.25rem; } } .responsible-gaming-page .page-container .page-content{ font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .responsible-gaming-page .page-container .responsible-gaming-alert{ display: flex; min-height: 4rem; align-items: center; border-radius: 0.25rem; background-color: rgb(220 38 38 / 0.1); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .responsible-gaming-page .page-container .responsible-gaming-alert .alert-icon{ margin-right: 0.75rem; height: 1.25rem; width: 1.25rem; flex-shrink: 0; } .responsible-gaming-page .page-container ul{ margin-left: 0.75rem; list-style-type: disc; } .responsible-gaming-page .page-container ul.link-list{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .responsible-gaming-page .page-container ul.link-list li a{ text-decoration-line: underline; text-underline-offset: 2px; } @media (min-width: 1024px){ .responsible-gaming-page .page-container ul.link-list li a:hover{ --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } } .promotions-page{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 1024px){ .promotions-page{ padding-left: 2.75rem; padding-right: 2.75rem; padding-top: 2rem; padding-bottom: 2rem; } } .promotions-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1140px; } .promotions-page .page-container.full-content{ max-width: none; } .promotions-page .page-container .page-header{ margin-bottom: 1.25rem; } @media (min-width: 1024px){ .promotions-page .page-container .page-header{ margin-bottom: 1.875rem; } } .promotions-page .page-container .page-header .title{ font-size: 1rem; font-weight: 700; text-transform: capitalize; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .promotions-page .page-container .page-header .title{ font-size: 1.5rem; line-height: normal; } } .promotions-page .page-container .page-content{ min-height: 400px; } .promotions-page .page-container .page-content .promotion-categories{ display: grid; } .promotions-page .page-container .page-content .promotion-categories .category-btn-group{ margin-left: -0.75rem; margin-right: -0.75rem; margin-bottom: 1.125rem; display: flex; align-items: center; column-gap: 0.375rem; overflow-x: auto; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.375rem; } @media (min-width: 1024px){ .promotions-page .page-container .page-content .promotion-categories .category-btn-group{ margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } } .promotions-page .page-container .page-content .promotion-categories .category-btn-group .btn-category{ height: 2rem; white-space: nowrap; border-radius: 9999px; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; font-weight: 700; text-transform: capitalize; line-height: 1.25rem; color: hsl(var(--tertiary-900) / 0.7); } @media (min-width: 1024px){ .promotions-page .page-container .page-content .promotion-categories .category-btn-group .btn-category:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } } .promotions-page .page-container .page-content .promotion-categories .category-btn-group .btn-category.active{ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .promotions-page .page-container .page-content .promotion-list{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.25rem; } @media (min-width: 640px){ .promotions-page .page-container .page-content .promotion-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .promotions-page .page-container .page-content .promotion-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .promotions-page .page-container .page-content .promotion-list .promotion{ border-radius: 0.75rem; background-color: hsl(var(--tertiary-100) / 0.5); } .promotions-page .page-container .page-content .promotion-list .promotion:is(.dark *){ --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); } .promotions-page .page-container .page-content .promotion-list .promotion-img{ height: 11.25rem; width: 100%; border-radius: 0.75rem; object-fit: cover; object-position: center; } .promotions-page .page-container .page-content .promotion-list .promotion-content{ display: flex; align-items: center; column-gap: 0.188rem; padding: 1rem; } .promotions-page .page-container .page-content .promotion-list .promotion-content .promotion-text{ flex: 1 1 0%; overflow: hidden; } .promotions-page .page-container .page-content .promotion-list .promotion-content .promotion-text .promotion-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 700; text-transform: capitalize; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .promotions-page .page-container .page-content .promotion-list .promotion-content .promotion-text .end-date{ margin-top: 0.188rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 700; text-transform: capitalize; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.5); } .promotions-page .page-container .page-content .promotion-list .promotion-content .btn-detail{ height: 2.25rem; min-width: 5.75rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .promotions-page .page-container .page-content .promotion-list .promotion-content .btn-detail:hover{ background-color: hsl(var(--tertiary-950) / 0.05); } } .promotions-page .page-container .page-content .category-content{ display: none; } .promotions-page .page-container .page-content .category-content.active{ display: block; } .dialog-body .promotion-img{ margin-bottom: 1rem; } .terms-of-use-page .page-container{ margin-left: auto; margin-right: auto; max-width: 1250px; border-radius: 0.25rem; border-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .terms-of-use-page .page-container.full-content{ max-width: none; } .terms-of-use-page .page-container .title{ margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .terms-of-use-page .page-container .title{ font-size: 1.25rem; } } .terms-of-use-page .page-container .section{ margin-bottom: 2rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } .terms-of-use-page .page-container .section:last-child{ margin-bottom: 0px; } .terms-of-use-page .page-container .section-titles{ margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 800; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .uikit-modal-overlay { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 9999; } @media (max-width: 640px) { .uikit-modal { margin: 1rem; max-width: calc(100vw - 2rem); max-height: calc(100vh - 2rem); } } @media print { .uikit-modal-overlay { display: none !important; } } @media (prefers-contrast: high) { .uikit-modal { border-width: 2px; border-color: hsl(var(--tertiary-950)); } .uikit-modal button { border: 1px solid currentColor; } } @media (prefers-reduced-motion: reduce) { .uikit-modal, .uikit-modal-overlay { transition: none; } .uikit-modal button, .uikit-modal input { transition: none; } } .sidebar-menu-list.show-mini-content{ display: flex; flex-direction: column; } .sidebar-menu-list.show-mini-content .menu-link{ margin-bottom: 0.25rem; display: flex; height: 3rem; align-items: center; column-gap: 0.75rem; background-color: hsl(var(--tertiary-200) / 0.4); padding: 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .sidebar-menu-list.show-mini-content .menu-link .icon-left{ height: 1.25rem; width: 1.25rem; flex: none; } .sidebar-menu-list.show-mini-content .menu-link .icon-left .icon{ height: 1.25rem; width: 1.25rem; } .sidebar-menu-list.show-mini-content .menu-link .icon.right{ display: flex; height: 1.5rem; width: 1.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.5rem; background-color: hsl(var(--tertiary-700) / 0.1); opacity: 1; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } .sidebar-menu-list.show-mini-content .menu-link .icon.right .chevron{ height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.7); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .sidebar-menu-list.show-mini-content .menu-link .menu-label{ display: grid; flex: 1 1 0%; opacity: 1; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } @media (min-width: 1024px){ .sidebar-menu-list.show-mini-content .menu-link:hover{ border-radius: 0.375rem; background-color: hsl(var(--tertiary-200) / 0.65); } } .sidebar-menu-list.show-mini-content .menu-link.active{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .bottom-navbar{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 120; display: flex; height: 4.5rem; gap: 0.375rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.625rem; padding-top: 0px; --tw-shadow: 0 0 42px 0; --tw-shadow-colored: 0 0 42px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.2); --tw-shadow: var(--tw-shadow-colored); } @media (min-width: 1024px){ .bottom-navbar{ display: none; } } .bottom-navbar:is(.dark *){ --tw-shadow-color: rgba(142,142,142,0.2); --tw-shadow: var(--tw-shadow-colored); } .bottom-navbar .navbar-link{ position: relative; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; row-gap: 0.375rem; overflow: hidden; padding: 0.125rem; text-align: center; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; line-height: normal; color: hsl(var(--tertiary-950) / 0.5); } .bottom-navbar .navbar-link .icon{ margin-left: auto; margin-right: auto; height: 1.5rem; width: 1.5rem; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: linear; } .bottom-navbar .navbar-link span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bottom-navbar .betslip-btn-container{ display: flex; flex: 1 1 0%; align-items: center; justify-content: center; padding: 0.25rem; } .bottom-navbar .common-content.static-content{ display: flex; height: 100%; } .header .content-menu-wrapper{ display: flex; height: 3.5rem; flex: 1 1 0%; align-items: center; justify-content: space-between; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; } .header .content-menu-list{ display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.25rem; row-gap: 0.5rem; } .header .content-menu-list .content-menu-item{ display: flex; align-items: center; column-gap: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .header .content-menu-list .content-menu-item .icon{ height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .header-color-scheme-2 .header .content-menu-wrapper{ border-color: hsl(var(--primary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .header-color-scheme-2 .header .content-menu-list .content-menu-item{ color: hsl(var(--primary-foreground) / 0.8); } .header-color-scheme-2 .header .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .header-color-scheme-2 .header .content-menu-list .content-menu-item .icon{ height: 1.25rem; width: 1.25rem; color: hsl(var(--primary-foreground) / 0.8); } .header-color-scheme-2 .header .content-menu-list .content-menu-item .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .header-color-scheme-3 .header .content-menu-wrapper{ border-color: hsl(var(--secondary-foreground) / 0.2); --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); } .header-color-scheme-3 .header .content-menu-list .content-menu-item{ color: hsl(var(--secondary-foreground) / 0.8); } .header-color-scheme-3 .header .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .header-color-scheme-3 .header .content-menu-list .content-menu-item .icon{ height: 1.25rem; width: 1.25rem; color: hsl(var(--secondary-foreground) / 0.8); } .header-color-scheme-3 .header .content-menu-list .content-menu-item .icon:hover{ --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .header-template-1 .header .top-nav-btn-area{ display: flex; align-items: center; } .header-template-1 .header .top-nav-btn-area .live-results-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-1 .header .top-nav-btn-area .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-1 .header .top-nav-btn-area .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-1 .header .top-nav-btn-area .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-1 .header .top-nav-btn-area .partnership-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-1 .header .top-nav-btn-area .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-1 .header .top-nav-btn-area .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-1 .header .top-nav-btn-area .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-1 .header .auxiliary-img{ display: block; display: flex; align-items: center; } .header-template-1 .header .header-bottom .navbar-bottom{ display: flex; height: 4rem; flex: 1 1 0%; align-items: center; justify-content: space-between; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; } .header-template-1 .header .header-bottom .navbar-bottom .right-bar{ display: flex; align-items: center; gap: 0.5rem; } .header-template-1 .header .header-bottom .navbar-bottom .content-menu-list{ display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.25rem; row-gap: 0.5rem; } .header-template-1 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item{ display: flex; align-items: center; column-gap: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-1 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .header-template-1 .header .header-bottom .navbar-bottom .content-menu-list .content-menu-item .icon{ height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } .header-template-2 .header .static-content{ display: flex; } .header-template-2 .header .live-results-pill{ display: flex; align-items: center; border-radius: 40px; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 3px; padding-bottom: 3px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .header-template-2 .header .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-2 .header .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-2 .header .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-2 .header .partnership-pill{ margin-left: 0.5rem; display: flex; align-items: center; border-radius: 40px; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 3px; padding-bottom: 3px; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .header-template-2 .header .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-2 .header .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-2 .header .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-2 .auxiliary-img{ display: flex; align-items: center; } .header-template-3 .header .auxiliary-nav{ display: none; align-items: center; } @media (min-width: 1024px){ .header-template-3 .header .auxiliary-nav{ display: flex; gap: 0.625rem; } } .header-template-3 .header .auxiliary-nav .live-results-pill{ min-height: 2.625rem; min-width: 7rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); font-size: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .header-template-3 .header .auxiliary-nav .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-3 .header .auxiliary-nav .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-3 .header .auxiliary-nav .live-results-pill .icon{ height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-3 .header .auxiliary-nav .partnership-pill{ min-height: 2.625rem; min-width: 7rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); font-size: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .header-template-3 .header .auxiliary-nav .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-3 .header .auxiliary-nav .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-3 .header .auxiliary-nav .partnership-pill .icon{ height: 1rem; width: 1rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-4 .header .content-menu-list{ display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.25rem; row-gap: 0.5rem; } .header-template-4 .header .content-menu-list .content-menu-item{ display: flex; align-items: center; column-gap: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-4 .header .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); } @media (min-width: 1024px){ .header-template-4 .header .content-menu-list .content-menu-item:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-4 .header .content-menu-list .content-menu-item:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-4 .header .content-menu-list .content-menu-item .icon{ height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-4 .header .top-nav-btn-area{ display: flex; align-items: center; } .header-template-4 .header .top-nav-btn-area .live-results-pill{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-4 .header .top-nav-btn-area .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-4 .header .top-nav-btn-area .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-4 .header .top-nav-btn-area .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-4 .header .top-nav-btn-area .partnership-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-4 .header .top-nav-btn-area .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-4 .header .top-nav-btn-area .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-4 .header .top-nav-btn-area .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-4 .header .top-nav-btn-area .auxiliary-img{ margin-left: 1.25rem; display: flex; align-items: center; } .header-template-5 .header .content-menu-list{ justify-content: space-between; } .header-template-5 .header .top-nav-btn-area{ display: flex; align-items: center; } .header-template-5 .header .top-nav-btn-area .live-results-pill{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-5 .header .top-nav-btn-area .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-5 .header .top-nav-btn-area .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-5 .header .top-nav-btn-area .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-5 .header .top-nav-btn-area .partnership-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-5 .header .top-nav-btn-area .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-5 .header .top-nav-btn-area .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-5 .header .top-nav-btn-area .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-5 .header .top-nav-btn-area .auxiliary-img{ margin-left: 1.5rem; display: flex; align-items: center; } .header-template-6 .header .top-nav-btn-area{ display: flex; align-items: center; } .header-template-6 .header .top-nav-btn-area .live-results-pill{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-6 .header .top-nav-btn-area .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-6 .header .top-nav-btn-area .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-6 .header .top-nav-btn-area .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-6 .header .top-nav-btn-area .partnership-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-6 .header .top-nav-btn-area .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-6 .header .top-nav-btn-area .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-6 .header .top-nav-btn-area .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-6 .header .top-nav-btn-area .auxiliary-img{ margin-left: 1.5rem; display: flex; align-items: center; } .header-template-7 .header .top-nav-btn-area{ display: flex; align-items: center; } .header-template-7 .header .top-nav-btn-area .live-results-pill{ display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-7 .header .top-nav-btn-area .live-results-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-7 .header .top-nav-btn-area .live-results-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-7 .header .top-nav-btn-area .live-results-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-7 .header .top-nav-btn-area .partnership-pill{ margin-left: 1.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: 1.25rem; color: hsl(var(--tertiary-950) / 0.6); } @media (min-width: 1024px){ .header-template-7 .header .top-nav-btn-area .partnership-pill:hover{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } } .header-template-7 .header .top-nav-btn-area .partnership-pill:hover .icon{ --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); } .header-template-7 .header .top-nav-btn-area .partnership-pill .icon{ margin-right: 0.375rem; height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-template-7 .header .top-nav-btn-area .auxiliary-img{ margin-left: 1.5rem; display: flex; align-items: center; } .auth-banner img{ position: relative; height: 11.25rem; width: 100%; object-fit: cover; object-position: center; } @media (min-width: 1024px){ .auth-banner img{ height: 100%; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } } .auth-banner img.banner-mobile-img{ max-height: 180px; } @media (min-width: 1024px){ .auth-banner img.banner-mobile-img{ display: none; } } .auth-banner img.banner-desktop-img{ display: none; } @media (min-width: 1024px){ .auth-banner img.banner-desktop-img{ display: block; } } .header-top-bar{ position: relative; top: 0px; z-index: 50; display: flex; width: 100%; align-items: center; gap: 0.5rem; overflow-y: auto; --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); padding-right: 2.5rem; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } @media not all and (min-width: 1024px){ .header-top-bar{ padding-left: 0.5rem; } } @media (min-width: 1024px){ .header-top-bar{ justify-content: center; } .header-top-bar.marquee-top-bar{ padding-right: 2.5rem; } } .header-top-bar .htb-img{ display: none; } @media (min-width: 1024px){ .header-top-bar .htb-img{ display: block; max-height: 64px; } } .header-top-bar .htb-content{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; padding: 0.625rem; } .header-top-bar .htb-content .htb-text{ font-size: 0.75rem; font-weight: 700; line-height: 1; } @media (min-width: 1024px){ .header-top-bar .htb-content .htb-text{ font-size: 0.875rem; } } .header-top-bar .htb-content.marquee-content{ width: 100%; max-width: -moz-fit-content; max-width: fit-content; overflow: hidden; white-space: nowrap; } .header-top-bar .htb-content.marquee-content .marquee-text{ cursor: default; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; animation: marquee 20s linear infinite; } .header-top-bar .htb-content:hover.marquee-content .marquee-text { animation-play-state: paused; } @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } .header-top-bar .htb-close-btn{ position: absolute; right: 0.5rem; display: flex; align-items: center; color: hsl(var(--primary-foreground) / 0.6); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-top-bar .htb-close-btn:hover{ --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .header-top-bar .htb-btn{ min-height: 1.75rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.75rem; font-weight: 700; line-height: 1; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .header-top-bar .htb-btn:hover{ background-color: hsl(var(--primary-600) / 0.3); } @media (min-width: 1024px){ .header-top-bar .htb-btn{ min-height: 2.25rem; font-size: 0.875rem; } } .footer-template-7 #static-content-footer-payments, .footer-template-7 #static-content-footer-vendors{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.375rem; } .footer-template-7 #static-content-footer-payments img, .footer-template-7 #static-content-footer-vendors img{ height: 32px; width: 88px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); object-fit: contain; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .footer-template-7 #static-content-footer-info, .footer-template-7 #static-content-footer-menu-content{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.375rem; } .footer-template-7 #static-content-footer-info img, .footer-template-7 #static-content-footer-menu-content img{ height: 38px; width: 116px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); object-fit: contain; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }