:root {
  --sb-width:330px;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #fd7e14;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --header-height:70px;
  --transition-in: cubic-bezier(0.390, 0.575, 0.565, 1.000) both running;
  --transition-out: cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

* {
  margin: 0px;
  padding: 0px;
  outline: none;
  box-sizing: border-box;
  text-decoration: none;
}

body {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100vw;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  margin: 0;
  text-align: var(--bs-body-text-align);
}

body:not(.ea-content-width-full) .content-wrapper {
  max-width: var(--body-max-width);
}

body {
  background-color: #f5f6fa;
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}
body section-content::-webkit-scrollbar {
  width: 10px;
  height: #e1dbe2;
}
body section-content::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}
body section-content:hover::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}
body section-content::-webkit-scrollbar-thumb {
  background-color: transparent;
}
body section-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px transparent;
  position: relative;
}
body sidebar_options::-webkit-scrollbar {
  width: 10px;
  height: #e1dbe2;
}
body sidebar_options::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}
body sidebar_options:hover::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}
body sidebar_options::-webkit-scrollbar-thumb {
  background-color: transparent;
}
body sidebar_options::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px transparent;
  position: relative;
}

body.active {
  background-color: #444;
}

.is_hidden {
  display: none;
}

.shop-main {
  position: relative;
  height: 100%;
  background-color: #f5f6fa;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.shop-main .section-content {
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  scroll-behavior: smooth;
}

header.active {
  background-color: #222;
}
header.active .sidebartogglebutton iconify-icon {
  color: #EAEAEA;
}
header.active .header-elements {
  background-color: #222;
}
header.active .header-elementsh2 a {
  color: #EAEAEA;
}
header.active .header-elements .header_langues {
  background-color: #333;
}
header.active .header-elements .header_langues select {
  background-color: #222;
  color: #EAEAEA;
}

main.active {
  background-color: #333;
}
main.active .sidebar {
  background: #222;
  overflow: hidden;
  border-top: 2px solid #333;
}
main.active .sidebar div span,
main.active .sidebar div h3 {
  position: relative;
  text-align: center;
  color: #EAEAEA;
}
main.active .sidebar ul li {
  background: #444;
}
main.active .sidebar ul li span {
  color: #f5f6fa;
}
main.active .sidebar.active ul li {
  background: #f5f6fa;
}
main.active .sidebar.active .sidebar_options ul li a .icon iconify-icon,
main.active .sidebar.active .sidebar_options ul li span {
  color: #222;
}
main.active .sidebar ul li a .icon iconify-icon {
  color: #f5f6fa;
}
main.active .sidebar .user_avatar .avatar .avatar_container {
  background-color: #f5f6fa;
}
main.active .sidebar .user_avatar .avatar .photo {
  color: #444;
}

.progressContainer {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}
.progressContainer .progressCenter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-loader {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.progress {
  --r1: 154%;
  --r2: 68.5%;
  width: 67.2px;
  height: 67.2px;
  border-radius: 50%;
  background: radial-gradient(var(--r1) var(--r2) at top, rgba(0, 0, 0, 0) 79.5%, rgb(75, 192, 192) 80%) center left, radial-gradient(var(--r1) var(--r2) at bottom, rgb(75, 192, 192) 79.5%, rgba(0, 0, 0, 0) 80%) center center, radial-gradient(var(--r1) var(--r2) at top, rgba(0, 0, 0, 0) 79.5%, rgb(75, 192, 192) 80%) center right, #dbdcef;
  background-size: 50.5% 220%;
  background-position: -100% 0%, 0% 0%, 100% 0%;
  background-repeat: no-repeat;
  animation: progress-mbj53w 2s infinite linear;
}

@keyframes progress-mbj53w {
  33% {
    background-position: 0% 33%, 100% 33%, 200% 33%;
  }
  66% {
    background-position: -100% 66%, 0% 66%, 100% 66%;
  }
  100% {
    background-position: 0% 100%, 100% 100%, 200% 100%;
  }
}
.stars {
  width: 20px;
  height: 20px;
}

/*# sourceMappingURL=index.css.map */