/* @import url('./fonts/circular-medium/stylesheet.css');
@import url('./fonts/circular-normal/stylesheet.css'); */
@import url('./fonts/onest/stylesheet.css');

*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html,
body {
  height: 100%;
  overscroll-behavior: none;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family: 'Onest' !important;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
  font-display: swap;
  /* overflow: hidden; */
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
#root,
#__next {
  isolation: isolate;
}

button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.l3-dropdown_scrollable-wrapper {
  /* background-color: transparent; */
  backdrop-filter: blur(5px) !important;
}

/* .tab--wrapper .tab-inner {
  padding: 0px !important;
} */

.dropdown-menu-wrapper {
  /* background: #5d6a7d !important; */
  backdrop-filter: blur(5px) !important;
}

/* .dropdown-wrapper__option--reset {
  background: #5d6a7d !important;
  color: #fff !important;
} */

/* .dropdown-wrapper__option--reset-selected {
  background-color: red !important;
} */

/* .dropdown-wrapper__option--reset:focus,
.dropdown-wrapper__option--reset:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
} */

.navbar_menu_item.l3-style-menu-item--active {
  background-color: #0094e3 !important;
}

.header_is_visible {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 88.84%);
  mix-blend-mode: normal;
  backdrop-filter: blur(20px);
}

.header_wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: transparent;
}

/* mozilla */
* {
  /* scrollbar-width: 4px; */
  scrollbar-color: rgba(0, 0, 0, 0.2);
}

/* For both horizontal and vertical scrollbars */
::-webkit-scrollbar {
  width: 4px; /* You can adjust the width as needed for both */
  height: 4px;
}

/* Track (background) of the scrollbar */
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Handle (thumb) of the scrollbar */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px; /* You can adjust the border-radius for rounded corners */
}

/* When the user hovers over the scrollbar */
::-webkit-scrollbar-thumb:hover {
  background-color: #999; /* Change color on hover if desired */
}

.l3-style-toast-animation-enter-active {
  animation-name: unset !important;
}

.l3-style-dialog-content-wrapper {
  z-index: 102030;
}
