@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap);
*, ::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.17 | 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: 44 100% 40%;
  --primary-foreground: 226 61.3% 12.2%;
  --primary-50: 44 100% 95%;
  --primary-100: 44 100% 90%;
  --primary-200: 44 100% 80%;
  --primary-300: 44 100% 70%;
  --primary-400: 44 100% 60%;
  --primary-500: 44 100% 50%;
  --primary-600: 44 100% 40%;
  --primary-700: 44 100% 30%;
  --primary-800: 44 100% 20%;
  --primary-900: 44 100% 10%;
  --primary-950: 44 100% 5%;
  --secondary: 224 80.1% 56.7%;
  --secondary-foreground: 0 0% 100%;
  --secondary-50: 224 80.1% 95%;
  --secondary-100: 224 80.1% 90%;
  --secondary-200: 224 80.1% 80%;
  --secondary-300: 224 80.1% 70%;
  --secondary-400: 224 80.1% 60%;
  --secondary-500: 224 80.1% 50%;
  --secondary-600: 224 80.1% 40%;
  --secondary-700: 224 80.1% 30%;
  --secondary-800: 224 80.1% 20%;
  --secondary-900: 224 80.1% 10%;
  --secondary-950: 224 80.1% 5%;
  --tertiary: 0 0% 100%;
  --tertiary-foreground: 44 100% 40%;
  --tertiary-50: 0 0% 95%;
  --tertiary-100: 0 0% 90%;
  --tertiary-200: 0 0% 80%;
  --tertiary-300: 0 0% 70%;
  --tertiary-400: 0 0% 60%;
  --tertiary-500: 0 0% 50%;
  --tertiary-600: 0 0% 40%;
  --tertiary-700: 0 0% 30%;
  --tertiary-800: 0 0% 20%;
  --tertiary-900: 0 0% 10%;
  --tertiary-950: 0 0% 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: 53 100% 46.9%;
  --primary-foreground: 226 61.3% 12.2%;
  --primary-50: 53 100% 5%;
  --primary-100: 53 100% 10%;
  --primary-200: 53 100% 20%;
  --primary-300: 53 100% 30%;
  --primary-400: 53 100% 40%;
  --primary-500: 53 100% 50%;
  --primary-600: 53 100% 60%;
  --primary-700: 53 100% 70%;
  --primary-800: 53 100% 80%;
  --primary-900: 53 100% 90%;
  --primary-950: 53 100% 95%;
  --secondary: 224 80.1% 56.7%;
  --secondary-foreground: 0 0% 100%;
  --secondary-50: 224 80.1% 5%;
  --secondary-100: 224 80.1% 10%;
  --secondary-200: 224 80.1% 20%;
  --secondary-300: 224 80.1% 30%;
  --secondary-400: 224 80.1% 40%;
  --secondary-500: 224 80.1% 50%;
  --secondary-600: 224 80.1% 60%;
  --secondary-700: 224 80.1% 70%;
  --secondary-800: 224 80.1% 80%;
  --secondary-900: 224 80.1% 90%;
  --secondary-950: 224 80.1% 95%;
  --tertiary: 226 61.3% 12.2%;
  --tertiary-foreground: 53 100% 46.9%;
  --tertiary-50: 226 61.3% 5%;
  --tertiary-100: 226 61.3% 10%;
  --tertiary-200: 226 61.3% 20%;
  --tertiary-300: 226 61.3% 30%;
  --tertiary-400: 226 61.3% 40%;
  --tertiary-500: 226 61.3% 50%;
  --tertiary-600: 226 61.3% 60%;
  --tertiary-700: 226 61.3% 70%;
  --tertiary-800: 226 61.3% 80%;
  --tertiary-900: 226 61.3% 90%;
  --tertiary-950: 226 61.3% 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%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1360px) {

  .container {
    max-width: 1360px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
@media (min-width: 2048px) {

  .container {
    max-width: 2048px;
  }
}
@media (min-width: 2400px) {

  .container {
    max-width: 2400px;
  }
}
@media (min-width: 2560px) {

  .container {
    max-width: 2560px;
  }
}
@media (min-width: 3200px) {

  .container {
    max-width: 3200px;
  }
}
@media (min-width: 3840px) {

  .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;
}
.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-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.25 {
  margin-bottom: 0.063rem;
}
.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-3 {
  margin-left: 0.75rem;
}
.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\.5 {
  margin-right: 1.125rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0\.25 {
  margin-top: 0.063rem;
}
.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-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;
}
.\!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-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-9 {
  height: 2.25rem;
}
.h-\[102px\] {
  height: 102px;
}
.h-\[116px\] {
  height: 116px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[62px\] {
  height: 62px;
}
.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-\[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-\[194px\] {
  width: 194px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.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-lg {
  max-width: 32rem;
}
.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;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, 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-x-0\.5 {
  column-gap: 0.125rem;
}
.gap-x-0\.75 {
  column-gap: 0.188rem;
}
.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-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;
}
.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-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-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-950\/5 {
  background-color: rgb(3 7 18 / 0.05);
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.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-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-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-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.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;
}
.text-center {
  text-align: center;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.25rem;
}
.text-3xl {
  font-size: 1.375rem;
}
.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;
}
.italic {
  font-style: italic;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-relaxed {
  line-height: 1.625;
}
.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-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 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-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-tertiary {
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary) / 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-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, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-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;
}
.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;
}
body .header .header-logo .logo {
  width: 8rem;
}
@media (min-width: 1024px) {

  body .header .header-logo .logo {
    width: 10rem;
  }
}
body .header nav.bottom-nav {
  display: none !important;
}
body .header .header-menu-list .header-menu-item {
  text-transform: uppercase;
}
body .sidebar-container .sidebar-header .logo {
  width: 8rem;
}
body .footer .footer-license-container {
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {

  body .footer .footer-license-container {
    padding-bottom: 0px;
  }

  body .footer .footer-logo-container .logo {
    width: 10rem;
  }
}
body .betslip-amount .input {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}

.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;
}

.\*\: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;
}

.\*\:\*\:first\:size-9:first-child > * > * {
  width: 2.25rem;
  height: 2.25rem;
}

.\*\:\*\:first\:rounded-md:first-child > * > * {
  border-radius: 0.375rem;
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 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;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-indigo-600:focus-visible {
  outline-color: #4f46e5;
}

.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-gray-950\/50:is(.dark *) {
  background-color: rgb(3 7 18 / 0.5);
}

.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-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-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-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 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-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\:hidden {
    display: none;
  }

  .max-sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 640px) {

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .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-row {
    flex-direction: row;
  }

  .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;
  }

  .sm\:\*\:\*\:first\:aspect-square:first-child > * > * {
    aspect-ratio: 1 / 1;
  }

  .sm\:\*\:\*\:first\:w-full:first-child > * > * {
    width: 100%;
  }
}

@media (min-width: 768px) {

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .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\: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-\[124px\] {
    height: 124px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-14 {
    width: 3.5rem;
  }

  .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-\[368px\] {
    width: 368px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:min-w-40 {
    min-width: 10rem;
  }

  .lg\:max-w-7xl {
    max-width: 80rem;
  }

  .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-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-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-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .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));
  }
}

.\[\&\:\:-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(--primary) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1));
  }
}
.toggle-button-group-container .toggle-button-group .toggle-button-outline.active{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / 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);
  -webkit-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);
  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(--primary) / 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(--primary) / 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;
  }
}

.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: 722px;
    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{
  --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, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-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: 0.625rem;
  --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 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(--primary) / 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(--primary) / 0.15);
}
.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));
}

.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 .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{
  margin-top: 3.125rem;
  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;
  border-inline-start-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-300) / var(--tw-border-opacity, 1));
}
.timeline .timeline-item{
  margin-bottom: 1.25rem;
  margin-inline-start: 1rem;
}
.timeline .timeline-item:last-child{
  margin-bottom: 0px;
}
.timeline .timeline-item .timeline-badge{
  position: absolute;
  inset-inline-start: -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.125rem;
  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{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / 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-200) / var(--tw-border-opacity, 1));
  }
}
.tab .tab-header .tab-item .tab-link.active{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 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-200) / var(--tw-border-opacity, 1));
  }
}
.tab2 .tab-header .tab-btn.active{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / 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(--primary) / 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(--primary) / 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{
  display: flex;
  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);
  -webkit-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);
  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 .jersey-container{
  border-radius: 9999px;
  background-color: hsl(var(--tertiary-950) / 0.12);
  padding: 0.188rem;
}
.widget .event-card .teams-row .team .jersey-container .jersey{
  display: block;
  height: 1.125rem;
  width: 1.125rem;
}
.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: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.widget .event-btn-group .event-btn{
  position: relative;
  display: flex;
  height: 2.625rem;
  min-width: 104px;
  flex: 1 1 0%;
  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.25rem;
  right: -0.25rem;
  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 .category-btn-group{
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  overflow-x: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-top: 0.75rem;
}
.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-content .fixture-teams .fixture-teams-name sport-lib-team-favorite{
  display: none;
}
.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;
}

.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-600) / 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: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-600) / 0.5);
  --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-700) / 0.2);
  color: hsl(var(--secondary-950) / 0.3);
}
.color-scheme-3 .widget .event-btn-group .event-btn{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
  --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{
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
  }
}
.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%;
  max-width: 10rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 2.625rem;
}
.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: var(--betradar-base);
  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: var(--betradar-base);
  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: var(--betradar-base);
  border-color: var(--betradar-on-base-alpha-16);
}

.sr-bb .srt-primary-8 {
  background-color: var(--betradar-primary);
  color: var(--betradar-base);
  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: var(--betradar-base);
  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: var(--betradar-base);
  border-color: var(--betradar-home);
}

.sr-bb .srt-away-1 {
  background-color: var(--betradar-away);
  color: var(--betradar-cl);
  border-color: var(--betradar-away);
}

.sr-bb .srt-home-2 {
  background-color: var(--betradar-home);
  color: var(--betradar-base);
  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: var(--betradar-base);
  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: var(--betradar-base);
  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;
}

.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(--primary) / 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;
  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;
}

.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-900) / 0.4);
  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.language-menu, .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-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;
}
.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.user-menu-drawer-content{
  height: 90vh;
  padding-top: 0.5rem;
}
.bottom-sidebar.multicurrency-drawer-content{
  height: 90vh;
  padding-top: 0.5rem;
}

.betslip-numpad-drawer + .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;
}

.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{
    background-color: hsl(var(--tertiary) / 0.75);
  }
}

.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.right{
  display: none;
  width: 25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.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);
  }
}
body.layout-1 .wrapper .main{
  padding: 0px;
}
@media (min-width: 1024px){
  body.layout-1 .wrapper .main{
    padding: 1.25rem;
  }
}
body.layout-1 .wrapper .sidebar.left{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-top-right-radius: 0.25rem;
}
body.layout-1 .wrapper.page-casino .main{
  padding: 0px;
}
@media (min-width: 1024px){
  body.layout-1 .wrapper.page-casino .main{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    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: 1.25rem;
  }
}
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;
  border-left-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 .sidebar.right{
    padding: 1.25rem;
  }
}
body.layout-2 .wrapper .main .sport-main{
  padding: 1.25rem;
}
@media (min-width: 1024px){
  body.layout-2 .wrapper .main .livebet-overview .livebet-overview-content, body.layout-2 .wrapper .main .livebet-overview .fixture-list-content, body.layout-2 .wrapper .main .livebet-overview .fixture-detail-view, body.layout-2 .wrapper .main .livebet-overview .today-events-content, body.layout-2 .wrapper .main .livebet-overview .fixture-antepost, body.layout-2 .wrapper .main .fixture-list .livebet-overview-content, body.layout-2 .wrapper .main .fixture-list .fixture-list-content, body.layout-2 .wrapper .main .fixture-list .fixture-detail-view, body.layout-2 .wrapper .main .fixture-list .today-events-content, body.layout-2 .wrapper .main .fixture-list .fixture-antepost, body.layout-2 .wrapper .main .overview-detail-page .livebet-overview-content, body.layout-2 .wrapper .main .overview-detail-page .fixture-list-content, body.layout-2 .wrapper .main .overview-detail-page .fixture-detail-view, body.layout-2 .wrapper .main .overview-detail-page .today-events-content, body.layout-2 .wrapper .main .overview-detail-page .fixture-antepost, body.layout-2 .wrapper .main .fixture-detail-page .livebet-overview-content, body.layout-2 .wrapper .main .fixture-detail-page .fixture-list-content, body.layout-2 .wrapper .main .fixture-detail-page .fixture-detail-view, body.layout-2 .wrapper .main .fixture-detail-page .today-events-content, body.layout-2 .wrapper .main .fixture-detail-page .fixture-antepost, body.layout-2 .wrapper .main .today-events-container .livebet-overview-content, body.layout-2 .wrapper .main .today-events-container .fixture-list-content, body.layout-2 .wrapper .main .today-events-container .fixture-detail-view, body.layout-2 .wrapper .main .today-events-container .today-events-content, body.layout-2 .wrapper .main .today-events-container .fixture-antepost, body.layout-2 .wrapper .main .fixture-prelive.live-casino-category .livebet-overview-content, body.layout-2 .wrapper .main .fixture-prelive.live-casino-category .fixture-list-content, body.layout-2 .wrapper .main .fixture-prelive.live-casino-category .fixture-detail-view, body.layout-2 .wrapper .main .fixture-prelive.live-casino-category .today-events-content, body.layout-2 .wrapper .main .fixture-prelive.live-casino-category .fixture-antepost{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
  }
  body.layout-2 .wrapper .main .dashboard{
    padding: 1.25rem;
  }
  body.layout-2 .wrapper .main .casino-main .casino-content, body.layout-2 .wrapper .main .casino-main .live-casino-content, body.layout-2 .wrapper .main .casino-main .game-category-content, body.layout-2 .wrapper .main .live-casino-main .casino-content, body.layout-2 .wrapper .main .live-casino-main .live-casino-content, body.layout-2 .wrapper .main .live-casino-main .game-category-content, body.layout-2 .wrapper .main .casino-category .casino-content, body.layout-2 .wrapper .main .casino-category .live-casino-content, body.layout-2 .wrapper .main .casino-category .game-category-content{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
  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: 1.25rem;
    padding-right: 1.25rem;
  }
  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: 1.25rem;
  }
}
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;
  border-left-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
}
@media (min-width: 1024px){
  body.layout-3 .sidebar.right{
    padding: 1.25rem;
  }
}
body.layout-3 .wrapper{
  justify-content: flex-end;
}
body.layout-3 .wrapper .main .sport-main{
  padding: 1.25rem;
}
@media (min-width: 1024px){
  body.layout-3 .wrapper .main .livebet-overview .livebet-overview-content, body.layout-3 .wrapper .main .livebet-overview .fixture-list-content, body.layout-3 .wrapper .main .livebet-overview .fixture-detail-view, body.layout-3 .wrapper .main .livebet-overview .today-events-content, body.layout-3 .wrapper .main .livebet-overview .fixture-antepost, body.layout-3 .wrapper .main .fixture-list .livebet-overview-content, body.layout-3 .wrapper .main .fixture-list .fixture-list-content, body.layout-3 .wrapper .main .fixture-list .fixture-detail-view, body.layout-3 .wrapper .main .fixture-list .today-events-content, body.layout-3 .wrapper .main .fixture-list .fixture-antepost, body.layout-3 .wrapper .main .overview-detail-page .livebet-overview-content, body.layout-3 .wrapper .main .overview-detail-page .fixture-list-content, body.layout-3 .wrapper .main .overview-detail-page .fixture-detail-view, body.layout-3 .wrapper .main .overview-detail-page .today-events-content, body.layout-3 .wrapper .main .overview-detail-page .fixture-antepost, body.layout-3 .wrapper .main .fixture-detail-page .livebet-overview-content, body.layout-3 .wrapper .main .fixture-detail-page .fixture-list-content, body.layout-3 .wrapper .main .fixture-detail-page .fixture-detail-view, body.layout-3 .wrapper .main .fixture-detail-page .today-events-content, body.layout-3 .wrapper .main .fixture-detail-page .fixture-antepost, body.layout-3 .wrapper .main .today-events-container .livebet-overview-content, body.layout-3 .wrapper .main .today-events-container .fixture-list-content, body.layout-3 .wrapper .main .today-events-container .fixture-detail-view, body.layout-3 .wrapper .main .today-events-container .today-events-content, body.layout-3 .wrapper .main .today-events-container .fixture-antepost,
body.layout-3 .wrapper .main .fixture-prelive.live-casino-category .livebet-overview-content,
body.layout-3 .wrapper .main .fixture-prelive.live-casino-category .fixture-list-content,
body.layout-3 .wrapper .main .fixture-prelive.live-casino-category .fixture-detail-view,
body.layout-3 .wrapper .main .fixture-prelive.live-casino-category .today-events-content,
body.layout-3 .wrapper .main .fixture-prelive.live-casino-category .fixture-antepost{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
  }
  body.layout-3 .wrapper .main .dashboard, body.layout-3 .wrapper .main .esports-page{
    padding: 1.25rem;
  }
  body.layout-3 .wrapper .main .casino-main .casino-content, body.layout-3 .wrapper .main .casino-main .live-casino-content, body.layout-3 .wrapper .main .casino-main .game-category-content, body.layout-3 .wrapper .main .live-casino-main .casino-content, body.layout-3 .wrapper .main .live-casino-main .live-casino-content, body.layout-3 .wrapper .main .live-casino-main .game-category-content, body.layout-3 .wrapper .main .casino-category .casino-content, body.layout-3 .wrapper .main .casino-category .live-casino-content, body.layout-3 .wrapper .main .casino-category .game-category-content{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
  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: 1.25rem;
    padding-right: 1.25rem;
  }
  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% - (72px + 25rem));
    margin-left: 72px;
  }
  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% - 72px);
  }
  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: 1.25rem;
    width: 4.5rem;
    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 .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 .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link{
    justify-content: flex-start;
  }
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left{
    justify-content: flex-start;
  }
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-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 .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .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 .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .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 .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .match, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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{
    opacity: 0;
    transition-duration: 300ms;
    transition-timing-function: linear;
  }
  body.layout-1.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar, body.layout-1.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar{
    max-height: 100%;
    overflow-y: auto;
  }
  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: 65px;
  }
  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% - 72px);
  }
  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;
  }
  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;
    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 .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 .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link{
    justify-content: flex-start;
  }
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left{
    justify-content: flex-start;
  }
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-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 .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .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 .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .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 .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .match, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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{
    opacity: 0;
    transition-duration: 300ms;
    transition-timing-function: linear;
  }
  body.layout-2.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar, body.layout-2.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar{
    max-height: 100%;
    overflow-y: auto;
  }
  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: 65px;
  }
  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.page-virtual .header, body.layout-3.left-icon-view.game-page .header, body.layout-3.left-icon-view.page-poker .header, body.layout-3.left-icon-view.page-betongames .header, body.layout-3.left-icon-view.page-tv-games .header, body.layout-3.left-icon-view.page-bingo .header, body.layout-3.left-icon-view.page-mix .header{
    padding-left: 0px;
  }
  body.layout-3.left-icon-view .wrapper .main {
    width: calc(100% - (72px + 25rem));
    margin-left: 72px;
  }
  body.layout-3.left-icon-view .wrapper .main .esports-page{
    padding: 0.75rem;
  }
  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;
    padding: 0.75rem;
    padding-right: 0.688rem;
    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 .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{
    justify-content: center;
  }
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-header .tab-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-header .tab-link{
    display: none;
  }
  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 .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link{
    justify-content: flex-start;
  }
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left{
    justify-content: flex-start;
  }
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-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 .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item .l1-link .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 .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .l1-item.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 .l1-item.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .sport-list .tab-content .live-menu .l1-item.active .menu-l2 .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .sport-menu .l1-item.active .menu-l2 .l2-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .sport-list .tab-content .live-menu .l1-item.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 .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 .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-left .link-text, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-left .link-text,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .l2-link .link-right, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .l1-link .link-right,
  body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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 .l1-item .match, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .live-card .card-body .live-menu .l1-item .match, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .live-card .card-body .live-menu .l1-item .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{
    opacity: 0;
    transition-duration: 300ms;
    transition-timing-function: linear;
  }
  body.layout-3.left-icon-view .wrapper.page-prelive .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-live .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-casino .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-live-casino .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-virtual .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-landing .sidebar.left .left-sidebar, body.layout-3.left-icon-view .wrapper.page-search .sidebar.left .left-sidebar{
    max-height: 100%;
    overflow-y: auto;
  }
  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: 65px;
  }
  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;
  }
}
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-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-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{
  pointer-events: none;
  opacity: 0.4;
}
@media (min-width: 1024px){
  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-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-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{
    width: calc(100% - 17.5rem);
  }
  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-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-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{
    width: calc(100% - 17.5rem);
  }
}

body .header{
  position: sticky;
  top: 0px;
  z-index: 1003;
  width: 100%;
}
body.header-fixed.header-template-2 .header-two{
  position: fixed;
  z-index: 50;
  width: 100%;
}
@media (min-width: 1024px){
  body.header-fixed.header-template-2 .header-two{
    border-bottom-width: 0.5px;
    border-bottom-color: hsl(var(--tertiary-200) / 0.4);
  }
  body.header-fixed.header-template-2 .header-two .header-container .top-container .header-top .header-logo{
    padding-left: 1.25rem;
  }
  body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login{
    padding-top: 0.938rem;
  }
}
body.header-fixed.header-template-2 .header-two .header-container .top-container .header-login .user-menu{
  justify-content: flex-end;
}
@media (min-width: 1024px){
  body.header-fixed.header-template-2 .header-two .header-container .header-center{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  body.header-fixed.header-template-2 .header-two .header-container .header-center .header-menu-list{
    height: 3.75rem;
  }
  body.header-fixed.header-template-2 .header-two .header-container .submenu{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
body.header-template-iframe .header{
  z-index: 1002;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
}
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){
  body.header-template-iframe .header .header-middle{
    gap: 0px;
    padding: 0px;
  }
}
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){
  body.header-template-iframe .header .header-middle .header-logo{
    width: 17.5rem;
    flex: none;
    justify-content: center;
  }
}
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){
  body.header-template-iframe .header .header-middle .header-logo .menu-collapse-btn{
    display: none;
  }
}
body.header-template-iframe .header .header-middle .header-logo core-header-collapse-button{
  display: none;
}
body.header-template-iframe .header .header-middle core-header-menu{
  order: 3;
  width: calc(100% - 40px);
  overflow-x: auto;
}
@media (min-width: 1024px){
  body.header-template-iframe .header .header-middle core-header-menu{
    order: 2;
    margin-left: 1.25rem;
  }
}
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){
  body.header-template-iframe .header .header-middle .header-right{
    order: 3;
    margin-right: 1.25rem;
    margin-left: 0.5rem;
  }
}
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){
  body.header-template-iframe .header .header-bottom{
    display: flex;
  }
}
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;
}
body.header-template-iframe .header .header-bottom core-navbar-bottom{
  flex: 1 1 0%;
}
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;
}

.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));
}

.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;
  }
}

.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 .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 .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-200) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.25rem;
  --tw-backdrop-sepia: sepia(5px);
  -webkit-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);
  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));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
  background-color: transparent;
  background-color: rgb(255 255 255 / 0.08);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.25rem;
  --tw-backdrop-blur: blur(5px);
  --tw-backdrop-sepia: sepia(5px);
  -webkit-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);
  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 .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 .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 .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 .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 .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;
  }
}
#static-content-landing-left-bottom .sidebar-menu-list{
  display: flex;
  flex-direction: column;
}
#static-content-landing-left-bottom .sidebar-menu-list .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));
}
#static-content-landing-left-bottom .sidebar-menu-list .menu-link .icon-left{
  height: 1.25rem;
  width: 1.25rem;
  flex: none;
}
#static-content-landing-left-bottom .sidebar-menu-list .menu-link .icon-left .icon{
  height: 1.25rem;
  width: 1.25rem;
}
#static-content-landing-left-bottom .sidebar-menu-list .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;
}
#static-content-landing-left-bottom .sidebar-menu-list .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;
}
#static-content-landing-left-bottom .sidebar-menu-list .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){
  #static-content-landing-left-bottom .sidebar-menu-list .menu-link:hover{
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-200) / 0.65);
  }
}
#static-content-landing-left-bottom .sidebar-menu-list .menu-link.active{
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-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{
  margin-left: 1.5rem;
  display: block;
  display: flex;
  align-items: center;
}

.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{
  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-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{
  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-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.5rem;
  display: flex;
  align-items: center;
}

.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 .banner-img{
  position: relative;
  height: 11.25rem;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px){
  .auth-banner .banner-img{
    height: 100%;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
}

.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{
    height: 4rem;
    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;
}
@media (min-width: 1024px){
  .header-top-bar .htb-content{
    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;
  }
}