@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;700&display=swap");
@keyframes showTab {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hideTab {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-200px);
  }
}
@keyframes waiting_span {
  0% {
    left: 0%;
    margin-left: -100px;
  }
  80% {
    left: 100%;
    margin-left: 0;
  }
  100% {
    left: 100%;
    margin-left: 0;
  }
}
:root {
  --very-dark-blue: 15,11,38;
  --dark-blue: 71,58,153;
  --blue: 103,87,207;
  --light-blue: 154,142,230;
  --very-light-blue: 211,204,255;
  --extrem-light-blue: 252,251,255;
  --pink: 255,66,148;
  --green: 102, 204, 80;
  --orange: 249,134,57;
  --red: 222,48,51;
  --mensuel-color: 245,155,0;
  --accent-color-1: var(--pink);
  --theme--main-bg-color: rgba(var(--extrem-light-blue),1);
  --theme--txt-color: rgba(var(--dark-blue),1);
  --theme--txt-highlight-color: rgba(var(--light-blue),1);
  --theme--light-bg-color: rgba(var(--very-light-blue),.5);
  --theme--box-bg-color: rgba(var(--very-light-blue),.1);
  --theme--selected-box-bg-color: rgba(var(--very-light-blue),.3);
  --theme--selected-box-bg-gradient:
  	linear-gradient(45deg, rgba(var(--pink),.05) 0%, rgba(var(--pink),.4) 20%, rgba(var(--pink),.1) 50%) padding-box,
  	linear-gradient(0deg, rgba(var(--pink),.5) 0%, rgba(var(--pink),.2) 50%) border-box;
  --theme--body-bg-gradient:
  	linear-gradient(45deg, rgb(var(--very-light-blue)) -20%, rgb(var(--extrem-light-blue)) 30%, rgb(var(--extrem-light-blue),1) 70%, rgb(var(--very-light-blue)) 110%);
  --theme--box-bg-gradient:
  	linear-gradient(45deg, rgba(var(--very-light-blue),.05) -20%, rgba(var(--extrem-light-blue),.5) 30%, rgb(var(--extrem-light-blue),.6) 70%, rgba(var(--very-light-blue),.05) 120%) padding-box,
  	linear-gradient(0deg, rgba(var(--very-light-blue),.5) 0%, rgba(var(--very-light-blue),.2) 100%) border-box;
  --theme--highlight-bg-gradient:
  	linear-gradient(45deg, rgba(var(--light-blue),.05) 0%, rgba(var(--very-light-blue),.3) 20%, rgb(var(--extrem-light-blue),.5) 80%, rgba(var(--very-light-blue),.1) 100%) padding-box,
  	linear-gradient(0deg, rgba(var(--very-light-blue),.5) 0%, rgba(var(--very-light-blue),.2) 100%) border-box;
  --theme-box-shadow:
  	rgba(var(--very-light-blue),0.08) -5px -23px 25px 0px inset,
  	rgba(var(--very-light-blue),0.05) -4px -36px 30px 0px inset,
  	rgba(var(--very-light-blue),0.05) 0px 8px 4px,
  	rgba(var(--very-light-blue),0.05) 0px 16px 8px;
  --theme-border: 2px solid var(--theme--light-bg-color);
  --navigation-bar-offset: 60px;
  --main-header--height: 200px;
  --main-margin--w: 50px;
  --main-margin--h: 50px;
  --box-border-radius: 20px;
  --tdata-border-radius: 10px;
  --tdata-padding-separation: 15px;
  --transition-classic: ease-in-out .2s;
}

p, div {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: var(--theme--txt-color);
  transition: color var(--transition-classic);
}
a svg {
  transition: stroke var(--transition-classic), fill var(--transition-classic);
}
a[href]:not(.disabled):hover {
  color: var(--theme--txt-highlight-color);
}
a[href]:not(.disabled):hover:not(.card) svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}

.icon10.disabled, .icon12.disabled, .icon20.disabled, .icon28.disabled, .icon32.disabled, .icon60.disabled {
  opacity: 0.5;
}
.icon10, .icon12, .icon20, .icon28, .icon32, .icon60 {
  stroke: var(--theme--txt-color);
  fill: var(--theme--txt-color);
  vector-effect: non-scaling-stroke;
}
.icon10.extrem-light-blue, .icon12.extrem-light-blue, .icon20.extrem-light-blue, .icon28.extrem-light-blue, .icon32.extrem-light-blue, .icon60.extrem-light-blue {
  stroke: rgba(var(--extrem-light-blue), 1);
  fill: rgba(var(--extrem-light-blue), 1);
}
.icon10.pink, .icon12.pink, .icon20.pink, .icon28.pink, .icon32.pink, .icon60.pink {
  stroke: rgba(var(--pink), 1);
  fill: rgba(var(--pink), 1);
}

.icon10 {
  width: 10px;
  height: 10px;
}

.icon12 {
  width: 12px;
  height: 12px;
}

.icon20 {
  width: 20px;
  height: 20px;
}

.icon28 {
  width: 28px;
  height: 28px;
}

.icon32 {
  width: 32px;
  height: 32px;
}

.icon60 {
  width: 60px;
  height: 60px;
}

html, body {
  margin: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all ease-in-out 0.2s;
}

body {
  --main-margin--left: var(--main-margin--w);
  background: var(--theme--body-bg-gradient);
  color: var(--theme--txt-color);
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  font-size: 14px;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
body.left-menu {
  --main-margin--left: 80px;
}

.title__surtitle {
  display: block;
  color: var(--theme--txt-highlight-color);
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.title__surtitle svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}

.title__states:not(:empty) {
  margin-right: 10px;
  display: inline-flex;
}
.title__states:not(:empty) span.new svg, .title__states:not(:empty) span.followed svg {
  fill: rgba(var(--pink), 1);
  stroke: rgba(var(--pink), 1);
}
.title__states:not(:empty) span.nonew {
  opacity: 0.2;
}
.title__states:not(:empty) span + span {
  margin-left: 10px;
}

h1, .h1 {
  font-size: 22px;
  margin: 0;
  color: rgba(var(--accent-color-1), 1);
  font-weight: 500;
  position: relative;
  line-height: 30px;
}
h1 svg, .h1 svg {
  stroke: rgba(var(--accent-color-1), 1);
  fill: rgba(var(--accent-color-1), 1);
}
h1:not(:last-child), .h1:not(:last-child) {
  margin-bottom: 30px;
}

h2, .h2 {
  font-size: 18px;
  color: rgba(var(--accent-color-1), 1);
  font-weight: 500;
  margin: 0;
  line-height: normal;
  white-space: normal;
}
h2:not(:first-child), .h2:not(:first-child) {
  margin-top: 50px;
}
h2:not(:last-child), .h2:not(:last-child) {
  margin-bottom: 25px;
}

h3, .h3 {
  font-size: 16px;
  font-weight: 500;
  color: rgba(var(--accent-color-1), 1);
  margin: 0;
}
h3 .counter-label, .h3 .counter-label {
  top: -2px;
}
h3:not(:last-child), .h3:not(:last-child) {
  margin-bottom: 20px;
}

h4, .h4 {
  color: rgba(var(--accent-color-1), 1);
}

h5, .h5 {
  font-size: 10px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--theme--txt-highlight-color);
}
h5:not(:last-child), .h5:not(:last-child) {
  margin-bottom: 3px;
}

.h5-list {
  display: flex;
  flex-flow: column;
}
.h5-list .h5-item h5 {
  line-height: normal;
}
.h5-list .h5-item > span {
  display: block;
  font-size: 16px;
  line-height: normal;
}
.h5-list .h5-item > span .icon12 {
  margin-right: 5px;
}
.h5-list .h5-item > span p {
  font-size: 16px;
}
.h5-list .h5-item + div {
  margin-top: 10px;
}

p {
  font-size: 14px;
}
p.highlight {
  font-size: 16px;
}

* + p {
  margin-top: 20px;
}

.bold {
  font-weight: 500;
}

.pink {
  color: rgb(var(--pink));
}

#menu-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
#menu-header::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 100%;
  border-bottom: 1px solid var(--theme--light-bg-color);
  transition: opacity ease-in-out 0.2s, bottom ease-in-out 0.2s;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  z-index: -1;
}
#menu-header .menu-header__content {
  display: flex;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 20px;
}
#menu-header .menu-header__content .menu-header__content__left {
  margin-right: auto;
  display: flex;
  position: relative;
}
#menu-header .menu-header__content .menu-header__content__left #logo {
  height: 40px;
  width: 140px;
}
#menu-header .menu-header__content .menu-header__content__left #logo span {
  display: block;
  height: 100%;
  width: 100%;
  clip-path: url(#logo-polyphonies);
  background-color: rgb(var(--blue));
  transition: background-color var(--transition-classic);
}
#menu-header .menu-header__content .menu-header__content__left #logo:hover span {
  background-color: rgb(var(--accent-color-1));
}
#menu-header .menu-header__content .menu-header__content__left .label-release {
  position: absolute;
  left: 110px;
  top: 4px;
  overflow: hidden;
  margin-left: 5px;
  padding: 1px 2px;
  background-color: rgba(var(--accent-color-1), 0.3);
  border-radius: 2px;
  font-size: 8px;
  font-weight: 700;
  color: var(--theme--txt-color);
  line-height: 8px;
  text-overflow: ellipsis;
}
#menu-header .menu-header__content .menu-header__content__center {
  flex: 1;
  padding: 0 20px;
  align-self: center;
}
#menu-header .menu-header__content .menu-header__content__center ul {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 30px;
  justify-content: end;
}
#menu-header .menu-header__content .menu-header__content__center ul li {
  list-style: none;
}
#menu-header .menu-header__content .menu-header__content__center ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme--txt-highlight-color);
}
#menu-header .menu-header__content .menu-header__content__center ul li:hover a, #menu-header .menu-header__content .menu-header__content__center ul li.active a {
  color: rgb(var(--accent-color-1));
}
#menu-header .menu-header__content .menu-header__content__right {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
#menu-header .menu-header__content .menu-header__content__right .controls {
  display: flex;
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button {
  height: 20px;
  padding: 10px;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 0;
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: var(--theme--light-bg-color);
  border-radius: 20px;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transform: scale(0);
  z-index: -1;
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button .controls__button__icon {
  flex: 0 0 20px;
  height: 20px;
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button:not(:disabled):hover {
  cursor: pointer;
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button:not(:disabled):hover::after {
  opacity: 1;
  transform: scale(1);
}
#menu-header .menu-header__content .menu-header__content__right .controls .controls__button:not(:disabled):hover > .controls__button__icon {
  transform: scale(1.2);
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar {
  transition: background-color ease-in-out 0.2s, backdrop-filter ease-in-out 0.2s, padding ease-in-out 0.2s;
  display: flex;
  flex-flow: column;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-bar-input {
  margin-left: 10px;
  transition: color ease-in-out 0.2s, font-size ease-in-out 0.2s, margin ease-in-out 0.2s;
  background-color: transparent;
  border: none;
  color: var(--theme--txt-color);
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  width: 100%;
  outline: none;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #but-menu-header__search-bar-quit {
  height: 20px;
  transition: max-width ease-in-out 0.2s;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #but-menu-header__search-bar-quit .icon20 {
  transition: width ease-in-out 0.2s, transform ease-in-out 0.2s, stroke ease-in-out 0.2s;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper {
  display: none;
  flex-flow: column;
  overflow: auto;
  flex: 1;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts {
  display: flex;
  padding: 20px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters {
  display: flex;
  margin-right: auto;
  gap: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters .filter {
  display: flex;
  padding: 8px 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  border-radius: 20px;
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters .filter svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  fill: var(--theme--txt-color);
  stroke: var(--theme--txt-color);
  transition: stroke var(--transition-classic), fill var(--transition-classic);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters .filter.selected {
  color: rgb(var(--accent-color-1));
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters .filter.selected svg {
  fill: rgb(var(--accent-color-1));
  stroke: rgb(var(--accent-color-1));
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-filters .filter:hover {
  cursor: pointer;
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-opts #menu-header__search-metadata {
  margin-left: auto;
  padding-left: 20px;
  align-self: center;
  font-size: 14px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-wrapper #menu-header__search-results-wrapper {
  flex: 1;
  padding-bottom: 20px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results {
  max-height: 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item--waiting > span {
  padding: 5px;
  min-width: 30px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item--waiting > span div {
  height: 20px;
  position: relative;
  background-color: var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  width: 70%;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item--waiting > span div::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 100px;
  margin-left: -100px;
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.5) 100%);
  animation: waiting_span 1.3s cubic-bezier(0.1, 0, 0.4, 1) infinite;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item {
  padding: 10px;
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
  display: flex;
  border-radius: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__thumb {
  position: relative;
  margin-top: auto;
  margin-right: 10px;
  margin-bottom: auto;
  border-radius: 10px;
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__thumb.thumb-app {
  flex: 0 0 60px;
  height: 60px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__thumb.thumb-app .app-logo {
  width: 40px;
  height: 40px;
  margin: 10px;
  fill: var(--accent-color-1);
  stroke: var(--accent-color-1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__thumb.thumb-img {
  flex: 0 0 150px;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
  background-image: var(--thumb);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__thumb.thumb-img .app-logo {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  right: 5px;
  fill: rgb(var(--extrem-light-blue));
  stroke: rgb(var(--extrem-light-blue));
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__content {
  display: flex;
  flex-flow: column;
  flex: 1;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__content .search-result-item__title {
  font-size: 18px;
  color: var(--accent-color-1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .search-result-item__content .search-result-item__desc {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item .key {
  font-weight: 700;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-results .search-result-item:hover {
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-empty {
  display: none;
  max-height: 0;
  overflow: hidden;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-empty .illustration {
  display: block;
  height: 150px;
  margin: 30px 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar #menu-header__search-empty .message {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]) {
  max-width: 150px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]) #but-menu-header__search-bar-quit {
  max-width: 0;
  padding: 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]) #but-menu-header__search-bar-quit .icon20 {
  flex: 0 0 0px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]):hover #but-menu-header__search-bar {
  cursor: text;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]):hover #but-menu-header__search-bar #menu-header__search-bar-input {
  color: var(--theme--txt-highlight-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] {
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 20px;
  box-shadow: 0px 0px 70px 0px rgba(var(--pink), 0.2);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #but-menu-header__search-bar {
  cursor: default;
  padding: 30px 20px 10px 30px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #but-menu-header__search-bar::after {
  opacity: 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #but-menu-header__search-bar .icon20.magnifying-glass {
  transform: scale(1.5);
  stroke: var(--theme--txt-color);
  fill: var(--theme--txt-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #menu-header__search-bar-input {
  font-size: 20px;
  margin-left: 20px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #menu-header__search-wrapper {
  display: flex;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #menu-header__search-results {
  max-height: none;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar[data-active=true] #menu-header__search-empty {
  max-height: none;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher {
  position: relative;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu {
  position: absolute;
  z-index: 1;
  max-height: 0px;
  overflow: hidden;
  border-radius: 20px;
  padding: 0px;
  transition: all 0.2s ease-in 0s;
  top: 50px;
  right: 0px;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu .apps-launcher__menu__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu .apps-launcher__menu__inner .apps-laucher__app {
  font-weight: 700;
  color: var(--theme--txt-color);
  font-size: 12px;
  padding: 6px;
  display: flex;
  flex-flow: column;
  transition: all 0.2s ease-in 0s;
  align-items: center;
  border-radius: 10px;
  width: 100px;
  text-align: center;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu .apps-launcher__menu__inner .apps-laucher__app svg {
  height: 28px;
  width: 28px;
  transition: all 0.2s ease-in 0s;
  margin: 5px;
  fill: var(--theme--txt-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu .apps-launcher__menu__inner .apps-laucher__app:hover {
  cursor: pointer;
  color: rgba(var(--accent-color-1), 1);
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher .apps-launcher__menu .apps-launcher__menu__inner .apps-laucher__app:hover svg {
  stroke: rgba(var(--accent-color-1), 1);
  fill: rgba(var(--accent-color-1), 1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher[data-active=true] #but-menu-header__apps-launcher::after {
  opacity: 1;
  transform: scale(1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher[data-active=true] #but-menu-header__apps-launcher .controls__button__icon {
  transform: scale(1.2);
  stroke: rgba(var(--accent-color-1), 1);
  fill: rgba(var(--accent-color-1), 1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__apps-launcher[data-active=true] .apps-launcher__menu {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications {
  position: relative;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications #menu-header__notifications__badge {
  transition: all 0.2s ease-in 0s;
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 16px;
  transform: scale(0);
  opacity: 0;
  background-color: rgba(var(--accent-color-1), 1);
  color: rgba(var(--extrem-light-blue), 1);
  box-sizing: border-box;
  height: 18px;
  width: 18px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper {
  max-height: 0;
  overflow: auto;
  display: none;
  border-radius: 20px;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  position: absolute;
  z-index: 1;
  transition: all 0.2s ease-in 0s;
  top: 50px;
  right: 0px;
  width: 300px;
  padding: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item--waiting {
  padding: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item--waiting > span {
  padding: 5px;
  min-width: 30px;
  display: block;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item--waiting > span div {
  height: 16px;
  position: relative;
  background-color: var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  width: 70%;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item--waiting > span div::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 100px;
  margin-left: -100px;
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.5) 100%);
  animation: waiting_span 1.3s cubic-bezier(0.1, 0, 0.4, 1) infinite;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item--waiting > span:nth-child(2) div {
  height: 10px;
  width: 50%;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item {
  padding: 10px;
  display: block;
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s, border-radius ease-in-out 0.2s, transform ease-in-out 0.2s;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item .notif-item__message {
  font-size: 14px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item .notif-item__metadata {
  font-size: 12px;
  color: var(--theme--txt-highlight-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item[data-new=true] .notif-item__message {
  color: rgba(var(--accent-color-1), 1);
  font-weight: 700;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications .notifications__wrapper .notif-item[href]:not([href=""]):not(.disabled):hover {
  cursor: pointer;
  background-color: var(--theme--light-bg-color);
  border-radius: 10px;
  transform: scale(1.005);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications[data-badge=true] #menu-header__notifications__badge {
  opacity: 1;
  transform: scale(1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications[data-badge=true]:hover #menu-header__notifications__badge {
  transform: scale(1.2);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications[data-active=true] #but-menu-header__notifications::after {
  opacity: 1;
  transform: scale(1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications[data-active=true] #but-menu-header__notifications .controls__button__icon {
  transform: scale(1.2);
  stroke: rgba(var(--accent-color-1), 1);
  fill: rgba(var(--accent-color-1), 1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__notifications[data-active=true] .notifications__wrapper {
  max-height: calc(100vh - 200px);
  display: block;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc {
  position: relative;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: filter ease-in-out 0.2s, transform ease-in-out 0.2s;
  position: relative;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__avatar:hover {
  cursor: pointer;
  filter: brightness(1.2);
  transform: scale(1.1);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu {
  position: absolute;
  z-index: 1;
  max-height: 0px;
  overflow: hidden;
  border-radius: 20px;
  padding: 0;
  margin: 0px;
  transition: all 0.2s ease-in 0s;
  display: flex;
  flex-flow: column;
  top: 50px;
  right: 0;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a {
  font-weight: 700;
  color: var(--theme--txt-color);
  font-size: 16px;
  padding: 12px;
  display: flex;
  transition: all 0.2s ease-in 0s;
  align-content: center;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div svg, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a svg {
  transition: all 0.2s ease-in 0s;
  margin: 0 10px 0 5px;
  flex: 0 0 auto;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div:hover, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a:hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
  background-color: var(--theme--light-bg-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div:hover svg, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a:hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div.red:hover, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a.red:hover {
  color: rgb(222, 48, 51);
  background-color: rgba(222, 48, 51, 0.2);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu > div.red:hover svg, #menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__menu a.red:hover svg {
  stroke: rgb(222, 48, 51);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc .user-bloc__link {
  display: inline-block;
  padding: 10px;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc * + .roundedbutton {
  margin-top: 0;
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc[data-active=true] .user-bloc__avatar {
  filter: brightness(1.1);
  transform: scale(1.2);
}
#menu-header .menu-header__content .menu-header__content__right #menu-header__user-bloc[data-active=true] .user-bloc__menu {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
#menu-header .menu-header__subcontent {
  display: none;
}
#menu-header .menu-header__subcontent .submenu__call {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  margin: 0 var(--main-margin--w) 0px var(--main-margin--left);
  transition: grid-template-rows var(--transition-classic), margin var(--transition-classic);
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content {
  visibility: hidden;
  width: 100%;
  max-width: 2000px;
  min-height: 0;
  margin: 0 auto;
  transition: visibility var(--transition-classic);
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content ul.nav {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: column;
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content ul.nav li {
  list-style: none;
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content ul.nav li a {
  display: block;
  padding: 20px 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme--txt-highlight-color);
  border-bottom: 1px solid var(--theme--light-bg-color);
  transition: color var(--transition-classic), border-bottom var(--transition-classic);
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content ul.nav li a:hover {
  color: rgb(var(--accent-color-1));
  border-bottom: 1px solid var(--theme--txt-highlight-color);
}
#menu-header .menu-header__subcontent .submenu__call .submenu__call__content ul.nav li.see-all a {
  font-weight: 400;
  color: rgb(var(--accent-color-1));
}
#menu-header .menu-header__subcontent .submenu__call.active {
  grid-template-rows: 1fr;
  margin: var(--main-margin--h) var(--main-margin--w) 20px var(--main-margin--left);
}
#menu-header .menu-header__subcontent .submenu__call.active .submenu__call__content {
  visibility: visible;
}
#menu-header.pined::after, #menu-header.submenu-active::after {
  opacity: 1;
}

#menu-left {
  padding: 60px 16px 0 16px;
  width: 80px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
#menu-left .menu-left__item {
  font-size: 0;
  position: relative;
}
#menu-left .menu-left__item::before {
  display: block;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 26px;
  background: var(--theme--highlight-bg-gradient);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: var(--theme-box-shadow);
  transition: opacity ease-in-out 0.2s;
  z-index: -1;
}
#menu-left .menu-left__item span {
  color: var(--theme--txt-color);
}
#menu-left .menu-left__item .menu-left__item__icon {
  stroke: var(--theme--txt-color);
  fill: var(--theme--txt-color);
}
#menu-left .menu-left__item.actif::before {
  opacity: 1;
}
#menu-left .menu-left__item.actif .menu-left__item__icon {
  stroke: rgba(var(--pink), 1);
  fill: rgba(var(--pink), 1);
}
#menu-left .menu-left__item.actif span {
  color: rgba(var(--pink), 1);
}
#menu-left .menu-left__item.actif:hover .menu-left__item__icon {
  stroke: rgba(var(--blue), 1);
  fill: rgba(var(--blue), 1);
}
#menu-left .menu-left__item.actif:hover span {
  color: rgba(var(--blue), 1);
}
#menu-left .menu-left__item:hover::before {
  opacity: 1;
}
#menu-left .menu-left__item:hover .menu-left__item__icon {
  transform: scale(1.2);
  stroke: rgba(var(--blue), 1);
  fill: rgba(var(--blue), 1);
}
#menu-left .menu-left__item:hover span {
  color: rgba(var(--blue), 1);
}
#menu-left .menu-left__item:hover.actif .menu-left__item__icon {
  stroke: rgba(var(--blue), 1);
  fill: rgba(var(--blue), 1);
}
#menu-left .menu-left__item:hover.actif span {
  color: rgba(var(--blue), 1);
}
#menu-left #menu-left__content .menu-left__item {
  padding: 10px;
  border-radius: 26px;
  white-space: nowrap;
  width: 28px;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  display: table;
  transition: background-color ease-in-out 0.2s;
}
#menu-left #menu-left__content .menu-left__item .menu-left__item__icon {
  width: 28px;
  height: 28px;
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
#menu-left #menu-left__content .menu-left__item span {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, max-width ease-in-out 0.2s, margin ease-in-out 0.2s, color ease-in-out 0.2s;
}
#menu-left #menu-left__content .menu-left__item + .menu-left__item {
  margin-top: 20px;
}
#menu-left #menu-left__content .menu-left__item:hover span {
  opacity: 1;
  max-width: 200px;
  margin-left: 10px;
}
#menu-left #menu-left__bin {
  display: none;
  position: relative;
}
#menu-left #menu-left__bin input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
#menu-left #menu-left__bin input:checked ~ #menu-left__bin__call {
  opacity: 0.5;
  transform: rotate(90deg);
}
#menu-left #menu-left__bin input:checked ~ #menu-left__bin__content {
  max-height: calc(100vh - 150px);
  bottom: 50px;
  opacity: 1;
}
#menu-left #menu-left__bin #menu-left__bin__call {
  padding: 10px;
  border-radius: 26px;
  white-space: nowrap;
  font-size: 0;
  width: 28px;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background-color: rgba(151, 142, 230, 0);
  display: table;
  transition: background-color ease-in-out 0.2s, opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  margin-top: 10px;
  position: relative;
}
#menu-left #menu-left__bin #menu-left__bin__call::before {
  display: block;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 26px;
  background: var(--theme--highlight-bg-gradient);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: var(--theme-box-shadow);
  transition: opacity ease-in-out 0.2s;
  z-index: -1;
}
#menu-left #menu-left__bin #menu-left__bin__call svg {
  width: 28px;
  height: 28px;
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__call span {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, max-width ease-in-out 0.2s, margin ease-in-out 0.2s, color ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__call:hover::before {
  opacity: 1;
}
#menu-left #menu-left__bin #menu-left__bin__call:hover {
  cursor: pointer;
}
#menu-left #menu-left__bin #menu-left__bin__call:hover svg {
  transform: scale(1.2);
  stroke: rgb(151, 142, 230);
}
#menu-left #menu-left__bin #menu-left__bin__call:hover span {
  opacity: 1;
  max-width: 200px;
  margin-left: 10px;
  color: rgb(151, 142, 230);
}
#menu-left #menu-left__bin #menu-left__bin__call:hover.actif svg {
  stroke: rgb(251, 251, 255);
  fill: rgb(251, 251, 255);
}
#menu-left #menu-left__bin #menu-left__bin__call:hover.actif span {
  color: rgb(251, 251, 255);
}
#menu-left #menu-left__bin #menu-left__bin__content {
  max-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(var(--blue), 1) rgba(var(dark-blue), 1);
  scrollbar-width: thin;
  position: absolute;
  bottom: -50px;
  left: 0px;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 20px;
  opacity: 0;
  transition: max-height ease-in-out 0.2s, bottom ease-in-out 0.2s, opacity ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__content .menu-left__item {
  padding: 10px;
  display: block;
  white-space: nowrap;
  transition: background-color ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__content .menu-left__item .menu-left__item__icon {
  width: 28px;
  height: 28px;
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__content .menu-left__item span {
  margin-left: 10px;
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
  transition: opacity ease-in-out 0.2s, max-width ease-in-out 0.2s, margin ease-in-out 0.2s, color ease-in-out 0.2s;
}
#menu-left #menu-left__bin #menu-left__bin__content .menu-left__item:hover span {
  opacity: 1;
  max-width: 200px;
  margin-left: 10px;
}
#menu-left #menu-left__bin.visible {
  display: block;
}

#main-header {
  position: relative;
  z-index: 0;
  display: flex;
  padding: var(--navigation-bar-offset) var(--main-margin--w) 0 var(--main-margin--left);
}
#main-header .bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  height: 230px;
}
#main-header .bg-shape svg {
  fill: var(--theme--light-bg-color);
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
#main-header .main-header__content {
  display: block;
  width: 100%;
  max-width: 2000px;
  box-sizing: border-box;
  margin: 0 auto;
}
#main-header .main-header__content .main-header__content__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: var(--main-header--height);
}
#main-header .main-header__content .main-header__content__inner .main-header__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  box-sizing: border-box;
}
#main-header .main-header__content .main-header__content__inner .main-header__logo {
  height: 70px;
}
#main-header .main-header__content .main-header__content__inner .main-header__baseline {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: var(--theme--txt-highlight-color);
}
#main-header .main-header__content #breadcrumbs {
  display: flex;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px;
}
#main-header .main-header__content #breadcrumbs .breadcrumb {
  overflow: hidden;
  white-space: nowrap;
  flex: 0 auto;
  flex-shrink: 1000;
  display: flex;
  align-items: center;
  color: var(--theme--txt-highlight-color);
  font-weight: 700;
  position: relative;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, color ease-in-out 0.2s;
  font-size: 12px;
  text-overflow: ellipsis;
}
#main-header .main-header__content #breadcrumbs .breadcrumb .sep {
  padding-left: 3px;
  padding-right: 3px;
  opacity: 0.2;
  transition: opacity ease-in-out 0.2s;
  flex: 0 0 auto;
  height: 12px;
  font-size: 0;
}
#main-header .main-header__content #breadcrumbs .breadcrumb .sep svg {
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
#main-header .main-header__content #breadcrumbs .breadcrumb svg:not(.sep-icon) {
  margin-right: 5px;
  flex: 0 0 auto;
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
#main-header .main-header__content #breadcrumbs .breadcrumb .title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:hover {
  flex: 1 0 auto;
  opacity: 1;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:hover ~ .single-breadcrumb-wrap {
  transition: transform ease-in-out 0.2s;
}
#main-header .main-header__content #breadcrumbs .breadcrumb[href]:hover {
  color: rgb(var(--accent-color-1));
}
#main-header .main-header__content #breadcrumbs .breadcrumb[href]:hover .sep {
  opacity: 1;
}
#main-header .main-header__content #breadcrumbs .breadcrumb[href]:hover .sep svg {
  transform: translateX(2px);
}
#main-header .main-header__content #breadcrumbs .breadcrumb[href]:hover svg {
  stroke: rgb(var(--accent-color-1));
  fill: rgb(var(--accent-color-1));
}
#main-header .main-header__content #breadcrumbs .breadcrumb:first-child {
  flex: 0 0 auto;
  flex-shrink: 0.5;
  opacity: 1;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:first-child:after {
  left: 0;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:last-child {
  flex: 1 0 auto !important;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:last-child:hover {
  flex: 1 0 auto !important;
}
#main-header .main-header__content #breadcrumbs .breadcrumb:last-child:hover:after {
  display: none;
}
#main-header + #tab-wrapper {
  margin-top: 20px;
}

#tab-wrapper {
  position: relative;
  min-height: calc(100vh - var(--navigation-bar-offset) - var(--main-header--height) - var(--main-margin--h) - var(--main-margin--h));
  margin: calc(var(--navigation-bar-offset) + var(--main-margin--h)) var(--main-margin--w) var(--main-margin--h) var(--main-margin--left);
  box-sizing: border-box;
}
#tab-wrapper .tab {
  display: none;
  position: relative;
  min-height: calc(100vh - var(--navigation-bar-offset) - var(--main-header--height) - var(--main-margin--h) - var(--main-margin--h));
  max-width: 2000px;
  box-sizing: border-box;
  margin: 0 auto;
  white-space: normal;
}
#tab-wrapper .tab.arrive, #tab-wrapper .tab.part {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
#tab-wrapper .tab.arrive {
  z-index: 1;
  animation: showTab 0.2s forwards;
}
#tab-wrapper .tab.part {
  z-index: 0;
  animation: hideTab 0.2s forwards;
}
#tab-wrapper .tab.actif {
  display: block;
}

#box-center-wrapper {
  display: flex;
  padding: 50px;
  min-height: inherit;
  box-sizing: border-box;
}
#box-center-wrapper > .box {
  max-width: 400px;
  margin: auto;
  flex: 1;
}

.itabs--menu {
  display: flex;
  padding: 0;
  margin: 0 0 30px 0;
  position: sticky;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  overflow-y: hidden;
}
.itabs--menu li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  z-index: 0;
  transition: color ease-in-out 0.2s, border-color ease-in-out 0.2s;
  border-bottom: 2px solid rgba(151, 142, 230, 0.2);
  color: var(--theme--txt-highlight-color);
}
.itabs--menu li svg, .itabs--menu li a {
  color: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
  transition: fill ease-in-out 0.2s, stroke ease-in-out 0.2s;
}
.itabs--menu li .labels-list {
  margin-left: 5px;
}
.itabs--menu li.active {
  color: var(--theme--txt-color);
  border-bottom: 2px solid var(--theme--txt-color);
}
.itabs--menu li.active svg {
  fill: var(--theme--txt-color);
  stroke: var(--theme--txt-color);
}
.itabs--menu li:not(.active):hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
  border-bottom: 2px solid var(--theme--txt-highlight-color);
}
.itabs--menu::after {
  display: block;
  content: "";
  flex: 1;
  border-bottom: 2px solid var(--theme--light-bg-color);
}
.itabs--menu.overflow-right, .itabs--menu.overflow-left {
  /* scroll bar width, for use in mask calculations */
  --scrollbar-width: 2px;
  /* mask fade distance, for use in mask calculations */
  --mask-height: 100px;
  /* The CSS mask */
  /* The content mask is a linear gradient from top to bottom */
  --mask-image-content: linear-gradient(
  	to bottom,
  	black var(--mask-height),
  	black calc(100% - var(--mask-height))
  );
  /* Here we scale the content gradient to the width of the container 
  minus the scrollbar width. The height is the full container height */
  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
  /* The scrollbar mask is a black pixel */
  --mask-image-scrollbar: linear-gradient(black, black);
  /* The width of our black pixel is the width of the scrollbar.
  The height is the full container height */
  --mask-size-scrollbar: 100% var(--scrollbar-width);
  /* Apply the mask image and mask size variables */
  -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
          mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
  -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
          mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
  /* Position the content gradient in the top left, and the 
  scroll gradient in the top right */
  -webkit-mask-position: 0 0, bottom;
          mask-position: 0 0, bottom;
  /* We don't repeat our mask images */
  -webkit-mask-repeat: no-repeat, no-repeat;
          mask-repeat: no-repeat, no-repeat;
}
.itabs--menu.overflow-left {
  --mask-image-content: linear-gradient(
  	to right,
  	transparent,
  	black var(--mask-height)
  );
}
.itabs--menu.overflow-right {
  --mask-image-content: linear-gradient(
  	to left,
  	transparent,
  	black var(--mask-height)
  );
}
.itabs--menu.overflow-right.overflow-left {
  --mask-image-content: linear-gradient(
  	to left,
  	transparent,
  	black var(--mask-height),
  	black calc(100% - var(--mask-height)),
  	transparent
  );
}

.itab {
  display: none;
  position: relative;
}
.itab.active {
  display: block;
}

footer {
  background-color: var(--theme--light-bg-color);
  padding-left: 80px;
  position: relative;
  z-index: 0;
  margin-top: 150px;
  display: flex;
  flex-flow: column;
}
footer .footer__bg-shape {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 45%;
  max-height: 400px;
  overflow: hidden;
  margin: 0px 0px 0 -80px;
}
footer .footer__bg-shape svg {
  fill: var(--theme--light-bg-color);
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
footer .footer__main-illustration {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -150px;
  background-size: contain;
  height: 250px;
}
footer .footer__main-illustration img {
  width: 100%;
  height: 100%;
}
footer .footer__content {
  padding: 0px 50px 0px 50px;
  margin: 0 auto;
  max-width: 2000px;
  width: 100%;
  box-sizing: border-box;
}
footer .footer__content .footer__commercial {
  margin: 50px 0;
}
footer .footer__content .footer__commercial .footer__commercial__illustration {
  max-height: 150px;
  width: 100%;
}
footer .footer__content .footer__commercial h2 {
  margin-top: 0;
  margin-bottom: 10px;
}
footer .footer__content nav.footer__nav {
  margin: 50px 0;
  display: flex;
}
footer .footer__content nav.footer__nav .footer__nav__brand {
  min-width: 160px;
  width: 15%;
  display: flex;
  flex-flow: column;
}
footer .footer__content nav.footer__nav .footer__nav__brand .footer__nav__brand__bottom {
  margin-top: auto;
}
footer .footer__content nav.footer__nav .footer__nav__menu {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
footer .footer__content nav.footer__nav .footer__nav__menu .footer__nav__menu__col {
  min-width: 200px;
  width: 25%;
  box-sizing: border-box;
  padding-left: 30px;
}
footer .footer__content nav.footer__nav .footer__nav__menu .footer__nav__menu__col h3 {
  margin-bottom: 10px;
  color: var(--theme--txt-highlight-color);
}
footer .footer__content nav.footer__nav ul {
  padding: 0;
  margin: 0;
}
footer .footer__content nav.footer__nav ul li {
  list-style: none;
}
footer .footer__content nav.footer__nav ul li a {
  display: inline-block;
  padding: 5px 0;
  transition: color ease-in-out 0.2s;
}
footer .footer__content .footer__copyright {
  max-width: 1200px;
  margin: 50px auto 20px auto;
  color: var(--theme--txt-highlight-color);
  text-align: center;
  font-size: 12px;
}
footer .footer__content #footer__logo {
  max-width: 200px;
}

.grid-standard, .grid-tc, .grid-tpl {
  display: grid;
  position: relative;
  z-index: 1;
  grid-gap: var(--main-margin--h) var(--main-margin--w);
}
.grid-standard.nogap, .grid-tc.nogap, .grid-tpl.nogap {
  grid-gap: 0;
}
.grid-standard.equal-row, .grid-tc.equal-row, .grid-tpl.equal-row {
  grid-auto-rows: 1fr;
}

.grid-standard {
  grid-template-columns: repeat(12, 1fr);
}
.grid-standard.cols-12 {
  grid-template-areas: "a a a a a a a a a a a a";
}
.grid-standard.cols-2_10 {
  grid-template-areas: "a a b b b b b b b b b b";
}
.grid-standard.cols-4_8 {
  grid-template-areas: "a a a a b b b b b b b b";
}
.grid-standard.cols-5_7 {
  grid-template-areas: "a a a a a b b b b b b b";
}
.grid-standard.cols-6_6 {
  grid-template-areas: "a a a a a a b b b b b b";
}
.grid-standard.cols-7_5 {
  grid-template-areas: "a a a a a a a b b b b b";
}
.grid-standard.cols-8_4 {
  grid-template-areas: "a a a a a a a a b b b b";
}
.grid-standard.cols-9_3 {
  grid-template-areas: "a a a a a a a a a b b b";
}
.grid-standard.cols-10_2 {
  grid-template-areas: "a a a a a a a a a a b b";
}
.grid-standard.cols-1-6-5 {
  grid-template-areas: "a b b b b b b c c c c c";
}
.grid-standard.cols-1_10_1 {
  grid-template-areas: "a b b b b b b b b b b c";
}
.grid-standard.cols-2_8_2 {
  grid-template-areas: "a a b b b b b b b b c c";
}
.grid-standard.cols-3_6_3 {
  grid-template-areas: "a a a b b b b b b c c c";
}
.grid-standard.cols-4_4_4 {
  grid-template-areas: "a a a a b b b b c c c c";
}
.grid-standard.cols-4_5_3 {
  grid-template-areas: "a a a a b b b b b c c c";
}
.grid-standard.cols-5_5_2 {
  grid-template-areas: "a a a a a b b b b b c c";
}
.grid-standard.cols-1_4_6_1 {
  grid-template-areas: "a b b b b c c c c c c d";
}
.grid-standard.cols-1_6_4_1 {
  grid-template-areas: "a b b b b b b c c c c d";
}
.grid-standard.cols-1_5_1_4_1 {
  grid-template-areas: "a b b b b b c d d d d e";
}
.grid-standard > *:nth-child(1), .grid-standard .area-a {
  grid-area: a;
}
.grid-standard > *:nth-child(2), .grid-standard .area-b {
  grid-area: b;
}
.grid-standard > *:nth-child(3), .grid-standard .area-c {
  grid-area: c;
}
.grid-standard > *:nth-child(4), .grid-standard .area-d {
  grid-area: d;
}
.grid-standard > *:nth-child(5) {
  grid-area: e;
}
.grid-standard > *:nth-child(6) {
  grid-area: f;
}

.grid-tc.cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-tc.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-tc.cols-2[max-width~="600px"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-tc.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-tc.cols-3[max-width~="1200px"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-tc.cols-3[max-width~="600px"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-tc.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-tc.cols-4[max-width~="1600px"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-tc.cols-4[max-width~="1200px"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-tc.cols-4[max-width~="600px"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-tpl {
  grid-template-columns: repeat(12, 1fr);
}
.grid-tpl .grid-tpl__area-a {
  grid-area: a;
}
.grid-tpl .grid-tpl__area-b {
  grid-area: b;
}
.grid-tpl .grid-tpl__area-c {
  grid-area: c;
}
.grid-tpl .grid-tpl__area-d {
  grid-area: d;
}
.grid-tpl .grid-tpl__area-e {
  grid-area: e;
}
.grid-tpl.grid-tpl--default {
  grid-template-areas: "a a a a a a a a a a a a" "b b b b b b b b b b b b";
}

.grid--cell {
  display: contents;
}

section {
  transition: padding ease-in-out 0.2s, border ease-in-out 0.2s, border-radius ease-in-out 0.2s, min-height ease-in-out 0.2s, margin ease-in-out 0.2s;
}
section:not(:empty) + section {
  margin-top: var(--main-margin--h);
}
section[data-swapy-slot] {
  padding: 10px;
  border-radius: 30px;
  border: 2px dashed var(--theme--selected-box-bg-color);
  min-height: 20px;
}
.box {
  padding: 30px;
  border-radius: 20px;
  position: relative;
  background: var(--theme--box-bg-gradient);
  border: 1px solid transparent;
  box-shadow: var(--theme-box-shadow);
}
.box + .box {
  margin-top: var(--main-margin--h);
}
.box.selectable:not(.disabled) {
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s, transform ease-in-out 0.2s;
}
.box.selectable:not(.disabled) p {
  transition: color ease-in-out 0.2s;
}
.box.selectable:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  transform: scale(1.01);
}
.box.selectable:not(.disabled):hover p {
  color: var(--theme--txt-highlight-color);
}

.title-bar {
  display: flex;
  line-height: normal;
  position: relative;
}
.title-bar .title-bar__bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  max-height: 300px;
  overflow: hidden;
  margin: -20px;
}
.title-bar .title-bar__bg-shape svg {
  fill: var(--theme--light-bg-color);
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  max-width: 1000px;
}
.title-bar .title-bar__illustration {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -20px;
  background-size: contain;
}
.title-bar .title-bar__illustration img {
  width: 100%;
  height: 100%;
  max-width: 1000px;
}
.title-bar .title-bar__left-bar:not(:empty) {
  display: inline-flex;
  margin-right: 10px;
  align-self: flex-start;
  font-size: 0;
  padding: 4px 0;
}
.title-bar .title-bar__left-bar:not(:empty) .action-btn {
  border-radius: 20px;
}
.title-bar .title-bar__left-bar:not(:empty) {
  /*.badge-btn {
  	padding: 8px;
  	transition : background-color $trs_2;
  	border-radius: 20px;

  	svg {
  		transition : stroke $trs_2, fill $trs_2;
  	}

  	span.badge-sub-btn {
  		// Permet d'avoir un badge à plusieurs état , ie follow / unfollow
  		margin: -8px;
  		padding: 8px;
  	}

  	+ .action-btn {
  		margin-left: 5px;
  	}

  	&:not(.disabled):hover {
  		background-color: var(--theme--light-bg-color);
  		cursor: pointer;

  		svg {
  			stroke : var(--theme--txt-highlight-color);
  			fill : var(--theme--txt-highlight-color);
  		}
  	} 
  }*/
}
.title-bar .title-bar__title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-bar .title-bar__title.column {
  flex-flow: column;
}
.title-bar .title-bar__right-bar {
  display: flex;
}
.title-bar .title-bar__right-bar .title-bar__main-actions {
  padding: 0;
  margin: 0;
  display: flex;
  font-size: 0;
  align-items: center;
  align-self: flex-start;
}
.title-bar .title-bar__right-bar .title-bar__main-actions .action-btn {
  border-radius: 20px;
}
.title-bar .title-bar__right-bar .title-bar__main-actions .action-btn span:not(.d):not(.w) {
  display: none;
}
.title-bar .title-bar__right-bar .title-bar__main-actions .action-btn svg {
  stroke: var(--theme--txt-color);
  fill: var(--theme--txt-color);
}
.title-bar .title-bar__right-bar .title-bar__main-actions .action-btn + .action-btn {
  margin-left: 5px;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__call {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 8px 5px;
  font-size: 0;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__call svg {
  transition: opacity 0.2s ease-in-out, stroke 0.2s ease-in-out, fill 0.2s ease-in-out;
  opacity: 1;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__call.disabled svg {
  opacity: 0.2;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__call:not(.disabled):hover {
  cursor: pointer;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__call:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__wrap {
  position: absolute;
  right: 10px;
  padding: 0;
  overflow: hidden;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 9px;
  top: 10px;
  z-index: 1;
  display: none;
  margin: 0;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__wrap .action-btn {
  padding: 10px;
  border-radius: 0;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__wrap .action-btn div.label {
  display: block;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__wrap:empty {
  background-color: red;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions .title-bar__menu-actions__wrap:empty ~ .title-bar__menu-actions__call {
  display: none;
}
.title-bar .title-bar__right-bar .title-bar__menu-actions.active .title-bar__menu-actions__wrap {
  display: block;
}
.title-bar .title-bar__right-bar .menu-actions {
  margin: 4px 8px;
}
.title-bar .title-bar__right-bar:has(.title-bar__main-actions:not(:empty)), .title-bar .title-bar__right-bar:has(.title-bar__menu-actions__wrap:not(:empty)), .title-bar .title-bar__right-bar:has(.menu-actions__wrap:not(:empty)) {
  padding: 4px;
  border-radius: 22px;
  background-color: var(--theme--box-bg-color);
  margin-left: 10px;
  margin-bottom: auto;
}
.title-bar {
  /*.action-btn {
  	color: var(--theme--txt-color);
  	padding: 8px;
  	transition : background-color $trs_2;
  	font-size: 0px;
  	padding: 8px;
  	display: flex;
  	gap: 10px;
  	transition: all 0.2s ease-in 0s;
  	align-items: center;
  	height: 20px;
  	white-space: nowrap;

  	svg {
  		transition : stroke $trs_2, fill $trs_2;
  	}

  	div.action-sub-btn {
  		// Permet d'avoir un bouton d'action à plusieurs état , ie follow / unfollow
  		margin: -8px;
  		padding: 8px;
  		display: flex;
  		flex: 1;
  	}

  	a {
  		margin: -8px;
  		padding: 8px;
  		font-size: 0;
  	}

  	.d, .w { // default, waiting alternate system
  		position: absolute;
  		height: 20px;
  		width: 20px;
  	}
  	.d {
  		transition : transform ease-out .2s, opacity ease-out .2s;
  	}
  	.w {
  		transition : transform ease-in .2s, opacity ease-in .2s;
  		opacity: 0;
  		transform: scale(0);
  	}


  	&.waiting {
  		.d {
  			transition : transform ease-in .2s, opacity ease-in .2s;
  			opacity: 0;
  			transform: scale(0);
  		}

  		.w {
  			transition : transform ease-out .2s, opacity ease-out .2s;
  			opacity: 1;
  			transform: scale(1);
  		}
  	}
  	&.disabled {
  		opacity: .4;
  		cursor: default;
  	}

  	&.active {
  		background-color: rgb(var(--pink));

  		svg {
  			stroke: rgb(var(--extrem-light-blue));
   				fill: rgb(var(--extrem-light-blue));
  		}
  	}

  	&.hidden {
  		display: none;
  	}

  	&.red{
  		background-color: transparent;

  		&:not(.disabled):hover {
  			color: $clr_ROU1;
  			background-color: rgba($clr_ROU1,.2);

  			svg {
  				fill : $clr_ROU1;
  				stroke : $clr_ROU1;
  			}
  		}
  	}

  	&:not(.waiting):not(.disabled):hover {
  		background-color: var(--theme--light-bg-color);
  		color: var(--theme--txt-highlight-color);
  		cursor: pointer;

  		svg {
  			stroke : var(--theme--txt-highlight-color);
  			fill : var(--theme--txt-highlight-color);
  		}
  	}
  }*/
}
.title-bar.h1 h1 {
  margin: 0;
  line-height: 36px;
}
.title-bar.h2 h2 {
  margin: 0;
}
.title-bar:not(:last-child) {
  margin-bottom: 15px;
}
.title-bar[max-width~="600px"] .action-btn div.label {
  display: none;
}

.table-data {
  font-size: 14px;
  display: grid;
}
.table-data .table-data__header {
  display: grid;
  align-items: end;
}
.table-data .table-data__header > span {
  font-size: 12px;
  font-weight: 700;
  color: var(--theme--txt-highlight-color);
  display: flex;
}
.table-data .table-data__header > span ul.table-data__header__actions {
  padding: 0;
  margin: 0 0 0 auto;
  list-style: none;
  gap: 6px;
  display: flex;
  align-items: center;
  font-size: 0;
}
.table-data .table-data__header > span ul.table-data__header__actions > li {
  margin: -3px;
  padding: 3px;
  transition: background-color ease-in-out 0.2s;
  border-radius: 9px;
}
.table-data .table-data__header > span ul.table-data__header__actions > li svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
.table-data .table-data__header > span ul.table-data__header__actions > li:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.table-data .table-data__header + .table-data__empty-row {
  margin-top: 15px;
}
.table-data .table-data__row {
  display: grid;
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  transition: background var(--transition-classic), border var(--transition-classic), border-radius var(--transition-classic), color var(--transition-classic), opacity var(--transition-classic), transform var(--transition-classic), backdrop-filter var(--transition-classic), padding var(--transition-classic), margin var(--transition-classic), box-shadow var(--transition-classic), row-gap var(--transition-classic);
  padding: var(--tdata-padding-separation) 0;
  line-height: 18px;
  align-items: center;
}
.table-data .table-data__row > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color ease-in-out 0.2s;
}
.table-data .table-data__row > span .mob-label {
  display: none;
}
.table-data .table-data__row > span svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.table-data .table-data__row > span h2, .table-data .table-data__row > span .h2 {
  font-size: 18px;
}
.table-data .table-data__row > span h3, .table-data .table-data__row > span .h3 {
  font-size: 16px;
}
.table-data .table-data__row > span.no-pad {
  padding: 0;
}
.table-data .table-data__row > span.square {
  aspect-ratio: 1;
}
.table-data .table-data__row > span.table-data__c-draggable {
  grid-area: drag;
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
}
.table-data .table-data__row > span.table-data__c-draggable svg {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.2;
}
.table-data .table-data__row > span.table-data__c-draggable:hover {
  cursor: move;
}
.table-data .table-data__row > span.table-data__c-draggable:hover svg {
  opacity: 1;
}
.table-data .table-data__row > span.table-data__c-xpend {
  font-size: 0;
  position: relative;
  text-align: center;
  grid-area: xpend;
  padding: 4px 0;
  line-height: 0;
  align-self: stretch;
  margin-right: -10px;
}
.table-data .table-data__row > span.table-data__c-xpend svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s, opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
  margin: auto;
  opacity: 0.5;
}
.table-data .table-data__row > span.table-data__c-xpend:not(:first-child) {
  margin-left: -10px;
}
.table-data .table-data__row > span.table-data__c-xpend::after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -1px;
  transition: max-height ease-in-out 0.2s, opacity ease-in-out 0.2s;
  max-height: 0px;
  width: 0px;
  height: 100%;
  border-left: 2px solid var(--theme--txt-highlight-color);
  opacity: 0.5;
}
.table-data .table-data__row:not(.disabled) > span.table-data__c-xpend:not([data-xpend=none]):hover {
  cursor: pointer;
}
.table-data .table-data__row:not(.disabled) > span.table-data__c-xpend:not([data-xpend=none]):hover svg {
  opacity: 1;
}
.table-data .table-data__row:not(.disabled) > span.table-data__c-xpend:not([data-xpend=none]):hover::after {
  opacity: 0.8;
}

.table-data .table-data__row > span.table-data__c-id {
  font-size: 10px;
  color: var(--theme--txt-highlight-color);
  grid-area: id;
}
.table-data .table-data__row > span.table-data__c-main {
  font-weight: 700;
  white-space: normal;
}
.table-data .table-data__row > span.table-data__c-main.truncable {
  white-space: nowrap;
}
.table-data .table-data__row > span.table-data__c-main .counter-label {
  line-height: inherit;
}
.table-data .table-data__row > span.table-data__c-labels-list {
  display: flex;
  justify-content: flex-end;
  overflow: visible;
}
.table-data .table-data__row > span.table-data__c-labels-list.labels-list--left {
  justify-content: flex-start;
}
.table-data .table-data__row > span.table-data__c-actions-bar {
  font-size: 0;
  overflow: visible;
  padding: 0;
  line-height: 0;
  display: flex;
  gap: 5px;
  margin: -6px 0;
  justify-content: end;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action {
  padding: 8px;
  border-radius: 20px;
  transition: background-color ease-in-out 0.2s;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action.principal {
  background-color: var(--theme--light-bg-color);
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action.hidden {
  display: none;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action.disabled {
  opacity: 0.2;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.table-data .table-data__row > span.table-data__c-actions-bar .table-data__c-actions-bar__action:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.table-data .table-data__row > span.table-data__c-menu {
  font-size: 0;
  text-align: right;
  overflow: visible;
  line-height: 0;
  max-height: 48px;
  display: flex;
  align-items: center;
  align-self: normal;
  margin: -9px 0 -9px -3px;
  position: relative;
}
.table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu {
  display: inline-block;
  width: 20px;
  padding: 9px 2px;
}
.table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu svg {
  transition: opacity 0.2s ease-in-out, stroke 0.2s ease-in-out, fill 0.2s ease-in-out;
  opacity: 1;
}
.table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu.disabled svg {
  opacity: 0.2;
}
.table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu:not(.disabled):hover {
  cursor: pointer;
}
.table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap {
  position: absolute;
  padding: 0;
  overflow: hidden;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: var(--tdata-border-radius);
  z-index: 1;
  display: none;
  border: 2px solid var(--theme--light-bg-color);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li {
  font-weight: 700;
  color: var(--theme--txt-color);
  font-size: 14px;
  padding: 10px;
  gap: 10px;
  display: flex;
  transition: all 0.2s ease-in 0s;
  align-items: center;
  min-height: 20px;
  white-space: nowrap;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li svg {
  transition: all 0.2s ease-in 0s;
  fill: var(--theme--txt-color);
  stroke: var(--theme--txt-color);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li.disabled {
  opacity: 0.4;
  cursor: default;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li.hidden {
  display: none;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li.red {
  background-color: transparent;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li.red:not(.disabled):hover {
  color: rgb(var(--red));
  background-color: rgba(var(--red), 0.2);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li.red:not(.disabled):hover svg {
  fill: rgb(var(--red)) !important;
  stroke: rgb(var(--red)) !important;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li:not(.disabled):hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
  background-color: var(--theme--light-bg-color);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li:not(.disabled):hover svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap.active {
  display: block;
  right: -5px;
  top: 10px;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap.contextmenu {
  position: fixed;
  right: auto;
  display: block;
  z-index: 100;
  border-top-left-radius: 2px;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap:empty ~ .table-data__c-call-menu {
  opacity: 0.2;
}
.table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap:empty ~ .table-data__c-call-menu:hover {
  cursor: default;
}
.table-data .table-data__row > span.table-data__xpendcontent {
  grid-area: xctt;
  transition: max-height ease-in-out 0.2s, padding ease-in-out 0.2s, opacity ease-in-out 0.2s;
  margin: -10px;
  padding: 10px;
}
.table-data .table-data__row > span.table-data__c-user {
  grid-area: user;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  display: flex;
  margin: -6px 0;
}
.table-data .table-data__row > span.table-data__c-user .user-widget {
  max-width: 100%;
}
.table-data .table-data__row > span.table-data__c-user-profils-list {
  margin: -6px 0;
}
.table-data .table-data__row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper {
  display: flex;
  justify-content: start;
}
.table-data .table-data__row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget {
  -moz-column-gap: 0;
       column-gap: 0;
}
.table-data .table-data__row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget:not(:first-of-type) {
  margin-left: -5px;
}
.table-data .table-data__row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget:not(:first-of-type) .user-img {
  clip-path: path("m15,0C10.53,0,6.52,1.97,3.77,5.08c2.02,2.8,3.23,6.22,3.23,9.92s-1.21,7.13-3.23,9.92c2.75,3.11,6.75,5.08,11.23,5.08,8.28,0,15-6.72,15-15S23.28,0,15,0Z");
}
.table-data .table-data__row > span.table-data__c-user-profils-list.user-profils-list--right .table-data__c-user-profils-list__wrapper {
  justify-content: flex-end;
}
.table-data .table-data__row > span.table-data__c-secondary {
  font-weight: 300;
}
.table-data .table-data__row > span.table-data__c-metadata {
  font-size: 12px;
  color: var(--theme--txt-highlight-color);
  font-weight: 500;
  grid-area: metadata;
}
.table-data .table-data__row > span.clamp-3 {
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  padding-bottom: 0 !important;
}
.table-data .table-data__row > span.ghosted {
  opacity: 0.4;
}
.table-data .table-data__row:not(.no-highlight):not(.selectable):not([data-selectable=true]):hover {
  border-bottom: 1px solid var(--theme--light-bg-color);
  border-top: 1px solid var(--theme--light-bg-color);
}
.table-data .table-data__row.selectable, .table-data .table-data__row[data-selectable=true], .table-data .table-data__row.selected, .table-data .table-data__row:has(.table-data__c-menu-wrap.contextmenu) {
  padding: var(--tdata-padding-separation) 10px;
  margin: 0 -10px;
  border-radius: var(--tdata-border-radius);
}
.table-data .table-data__row.selectable::before, .table-data .table-data__row[data-selectable=true]::before, .table-data .table-data__row.selected::before, .table-data .table-data__row:has(.table-data__c-menu-wrap.contextmenu)::before {
  display: block;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--tdata-border-radius);
  background: var(--theme--highlight-bg-gradient);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: var(--theme-box-shadow);
  transition: opacity var(--transition-classic);
  z-index: -1;
}
.table-data .table-data__row.selected {
  opacity: 1;
  z-index: 1;
}
.table-data .table-data__row.selected::before {
  border: 1px solid rgba(var(--pink), 0.3);
  opacity: 1;
  background: var(--theme--selected-box-bg-gradient);
}
.table-data .table-data__row.ghosted {
  opacity: 0.4;
}
.table-data .table-data__row.dragging {
  opacity: 0.5;
}
.table-data .table-data__row.dragging > .table-data__row-content > span {
  color: rgb(208, 204, 255);
  background-color: rgba(251, 251, 255, 0.5);
}
.table-data .table-data__row.dragging > .table-data__row-content > span:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-data .table-data__row.dragging > .table-data__row-content > span:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table-data .table-data__row.disabled {
  opacity: 0.3;
  cursor: default !important;
}
.table-data .table-data__row.popin {
  transition: background-color 1s ease-in-out;
  border-radius: var(--tdata-border-radius);
  background-color: rgba(var(--pink), 0.5);
}
.table-data .table-data__row[data-xpend=clse] > span.table-data__c-xpend .arrow {
  transform: rotate(0deg);
}
.table-data .table-data__row[data-xpend=clse] > span.table-data__c-xpend .none {
  display: none;
}
.table-data .table-data__row[data-xpend=clse] > span.table-data__xpendcontent {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
.table-data .table-data__row[data-xpend=open] {
  row-gap: 5px;
}
.table-data .table-data__row[data-xpend=open] > span.table-data__c-xpend .arrow {
  transform: rotate(90deg);
}
.table-data .table-data__row[data-xpend=open] > span.table-data__c-xpend .none {
  display: none;
}
.table-data .table-data__row[data-xpend=open] > span.table-data__c-xpend::after {
  max-height: 100%;
}
.table-data .table-data__row[data-xpend=open] > span.table-data__xpendcontent {
  max-height: 100%;
  opacity: 1;
}
.table-data .table-data__row[data-xpend=none] > span.table-data__c-xpend .arrow {
  display: none;
}
.table-data .table-data__row[data-xpend=none] > span.table-data__xpendcontent {
  max-height: 0;
  opacity: 0;
}
.table-data .table-data__row:has(.table-data__c-menu-wrap.active), .table-data .table-data__row:not(:has(.table-data__row)):has(.table-data__c-menu-wrap.contextmenu) {
  z-index: 2;
}
.table-data .table-data__empty-row {
  display: none;
}
.table-data .table-data__empty-row > span {
  display: block;
  padding: 20px 5px;
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 5px;
  text-align: center;
}
.table-data .table-data__waiting-row {
  display: grid;
  align-items: center;
  padding: var(--tdata-padding-separation) 0;
}
.table-data .table-data__waiting-row > span {
  min-width: 100px;
}
.table-data .table-data__waiting-row > span div {
  height: 16px;
  position: relative;
  background-color: var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  width: 70%;
}
.table-data .table-data__waiting-row > span div::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 100px;
  margin-left: -100px;
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.5) 100%);
  animation: waiting_span 1.3s cubic-bezier(0.1, 0, 0.4, 1) infinite;
}
.table-data .table-data__waiting-row > span.table-data__c-secondary > div {
  margin-top: 1px;
  margin-bottom: 1px;
  height: 14px;
}
.table-data .table-data__waiting-row > span.table-data__c-metadata > div {
  margin-top: 1px;
  margin-bottom: 1px;
  height: 12px;
}
.table-data .table-data__waiting-row > span.table-data__c-draggable {
  grid-area: drag;
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  min-width: auto;
}
.table-data .table-data__waiting-row > span.table-data__c-draggable svg {
  opacity: 0.2;
}
.table-data .table-data__waiting-row > span.table-data__c-xpend {
  font-size: 0;
  position: relative;
  text-align: center;
  grid-area: xpend;
  line-height: 0;
  align-self: stretch;
  margin-right: -10px;
  padding: 4px 0;
  min-width: auto;
}
.table-data .table-data__waiting-row > span.table-data__c-xpend svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
  margin: auto;
  opacity: 0.2;
}
.table-data .table-data__waiting-row > span.table-data__c-xpend:not(:first-child) {
  margin-left: -10px;
}
.table-data .table-data__waiting-row > span.table-data__c-id {
  grid-area: id;
}
.table-data .table-data__waiting-row > span.table-data__c-id > div {
  width: 100%;
  height: 10px;
}
.table-data .table-data__waiting-row > span.table-data__c-user {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "photo ident ident" "photo name  badges";
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
  margin: -2px 0;
}
.table-data .table-data__waiting-row > span.table-data__c-user > div {
  overflow: hidden;
  position: relative;
}
.table-data .table-data__waiting-row > span.table-data__c-user > div.user-img {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 20px;
  grid-area: photo;
}
.table-data .table-data__waiting-row > span.table-data__c-user > div.user-img.user-img--20--solo {
  width: 20px;
  height: 20px;
}
.table-data .table-data__waiting-row > span.table-data__c-user > div.user-img.user-img--30--solo {
  width: 30px;
  height: 30px;
}
.table-data .table-data__waiting-row > span.table-data__c-user > div:hover {
  cursor: default;
}
.table-data .table-data__waiting-row > span.table-data__c-user .user-ident {
  height: 4px;
  width: 50px;
  border: 2px solid var(--theme--light-bg-color);
  display: inline-block;
  border-radius: 15px;
  padding: 2px;
  grid-area: ident;
}
.table-data .table-data__waiting-row > span.table-data__c-user .user-ident > div {
  height: 4px;
  width: 50px;
}
.table-data .table-data__waiting-row > span.table-data__c-user .user-name {
  width: 150px;
  max-width: 150px;
  grid-area: name;
  margin-top: 2px;
}
.table-data .table-data__waiting-row > span.table-data__c-user.user-widget--line {
  grid-template-columns: min-content min-content 1fr min-content;
  grid-template-rows: 1fr;
  grid-template-areas: "photo ident name badges";
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list {
  margin: -6px 0;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget {
  overflow: hidden;
  position: relative;
  -moz-column-gap: 0;
       column-gap: 0;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget .user-img {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 20px;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget + .user-widget {
  margin-left: -5px;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget:hover {
  cursor: default;
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list .table-data__c-user-profils-list__wrapper .user-widget:not(:first-of-type) .user-img {
  clip-path: path("m15,0C10.53,0,6.52,1.97,3.77,5.08c2.02,2.8,3.23,6.22,3.23,9.92s-1.21,7.13-3.23,9.92c2.75,3.11,6.75,5.08,11.23,5.08,8.28,0,15-6.72,15-15S23.28,0,15,0Z");
}
.table-data .table-data__waiting-row > span.table-data__c-user-profils-list.user-profils-list--right .table-data__c-user-profils-list__wrapper {
  justify-content: flex-end;
}
.table-data .table-data__waiting-row > span.table-data__c-box {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.table-data .table-data__waiting-row > span.table-data__c-box > div {
  width: 100%;
  height: 100%;
}
.table-data .table-data__waiting-row > span.table-data__c-labels-list {
  grid-area: labels;
  display: flex;
  justify-content: flex-end;
}
.table-data .table-data__waiting-row > span.table-data__c-labels-list.labels-list--left {
  justify-content: flex-start;
}
.table-data .table-data__waiting-row > span.table-data__c-labels-list > div {
  display: inline-block;
  background-color: var(--theme--light-bg-color);
  border-radius: 2px;
  height: 18px;
  width: 100px;
}
.table-data .table-data__waiting-row > span.table-data__c-labels-list > div + div {
  margin-left: 5px;
}
.table-data .table-data__waiting-row > span.table-data__c-actions-bar {
  display: flex;
  gap: 5px;
  margin: -6px 0;
  min-width: auto;
  justify-content: end;
}
.table-data .table-data__waiting-row > span.table-data__c-actions-bar > div {
  display: inline-block;
  width: 36px;
  height: 36px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.table-data .table-data__waiting-row > span.table-data__c-actions-bar > div:hover {
  cursor: default;
}
.table-data .table-data__waiting-row > span.table-data__c-menu {
  font-size: 0;
  text-align: right;
  max-height: 48px;
  display: flex;
  align-items: center;
  min-width: 25px;
  grid-area: menu;
  align-self: normal;
  margin: -6px 0 -6px -3px;
}
.table-data .table-data__waiting-row > span.table-data__c-menu .table-data__c-call-menu {
  background-color: transparent;
  width: 20px;
  padding: 9px 2px;
  display: inline-block;
}
.table-data .table-data__waiting-row > span.table-data__c-menu .table-data__c-call-menu svg {
  stroke: rgba(110, 103, 184, 0.2);
  fill: rgba(110, 103, 184, 0.2);
}
.table-data .table-data__waiting-row > span.table-data__c-menu .table-data__c-call-menu::after {
  display: none;
}
.table-data .table-data__waiting-row > span.table-data__c-menu .table-data__c-call-menu:hover {
  cursor: default;
  background-color: transparent;
}
.table-data .table-data__header, .table-data .table-data__row, .table-data .table-data__waiting-row {
  grid-template-columns: subgrid;
  row-gap: 0px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.table-data .table-data__header > span.cell_a, .table-data .table-data__row > span.cell_a, .table-data .table-data__waiting-row > span.cell_a {
  grid-area: cell_a;
}
.table-data .table-data__header > span.cell_b, .table-data .table-data__row > span.cell_b, .table-data .table-data__waiting-row > span.cell_b {
  grid-area: cell_b;
}
.table-data .table-data__header > span.cell_c, .table-data .table-data__row > span.cell_c, .table-data .table-data__waiting-row > span.cell_c {
  grid-area: cell_c;
}
.table-data .table-data__header > span.cell_d, .table-data .table-data__row > span.cell_d, .table-data .table-data__waiting-row > span.cell_d {
  grid-area: cell_d;
}
.table-data .table-data__header > span.cell_e, .table-data .table-data__row > span.cell_e, .table-data .table-data__waiting-row > span.cell_e {
  grid-area: cell_e;
}
.table-data .table-data__header > span.table-data__c-labels-list, .table-data .table-data__row > span.table-data__c-labels-list, .table-data .table-data__waiting-row > span.table-data__c-labels-list {
  grid-area: labels;
}
.table-data .table-data__header > span.table-data__c-actions-bar, .table-data .table-data__row > span.table-data__c-actions-bar, .table-data .table-data__waiting-row > span.table-data__c-actions-bar {
  grid-area: actionsbar;
}
.table-data .table-data__header > span.table-data__c-menu, .table-data .table-data__row > span.table-data__c-menu, .table-data .table-data__waiting-row > span.table-data__c-menu {
  grid-area: menu;
}
.table-data {
  --table-data--g: 20px;
  --table-data--m: 24px;
  --table-data--x: 12px;
}
.table-data.table-data--f {
  grid-template-columns: 1fr;
}
.table-data.table-data--f > .table-data__header, .table-data.table-data--f > .table-data__row, .table-data.table-data--f > .table-data__empty-row, .table-data.table-data--f > .table-data__waiting-row {
  grid-column: span 1;
  grid-template-areas: "cell_a";
}
.table-data.table-data--u {
  grid-template-columns: 1fr;
}
.table-data.table-data--u > .table-data__header, .table-data.table-data--u > .table-data__row, .table-data.table-data--u > .table-data__empty-row, .table-data.table-data--u > .table-data__waiting-row {
  grid-column: span 1;
  grid-template-areas: "user";
}
.table-data.table-data--af {
  grid-template-columns: auto 1fr;
}
.table-data.table-data--af > .table-data__header, .table-data.table-data--af > .table-data__row, .table-data.table-data--af > .table-data__empty-row, .table-data.table-data--af > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a cell_b";
}
.table-data.table-data--ff {
  grid-template-columns: 1fr 1fr;
}
.table-data.table-data--ff > .table-data__header, .table-data.table-data--ff > .table-data__row, .table-data.table-data--ff > .table-data__empty-row, .table-data.table-data--ff > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a cell_b";
}
.table-data.table-data--fm {
  grid-template-columns: 1fr 24px;
}
.table-data.table-data--fm > .table-data__header, .table-data.table-data--fm > .table-data__row, .table-data.table-data--fm > .table-data__empty-row, .table-data.table-data--fm > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a menu";
}
.table-data.table-data--fo {
  grid-template-columns: 1fr 36px;
}
.table-data.table-data--fo > .table-data__header, .table-data.table-data--fo > .table-data__row, .table-data.table-data--fo > .table-data__empty-row, .table-data.table-data--fo > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a actionsbar";
}
.table-data.table-data--fs {
  grid-template-columns: 1fr min-content;
}
.table-data.table-data--fs > .table-data__header, .table-data.table-data--fs > .table-data__row, .table-data.table-data--fs > .table-data__empty-row, .table-data.table-data--fs > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a cell_b";
}
.table-data.table-data--gf {
  grid-template-columns: var(--table-data--g) 1fr;
}
.table-data.table-data--gf > .table-data__header, .table-data.table-data--gf > .table-data__row, .table-data.table-data--gf > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "drag cell_a";
}
.table-data.table-data--if {
  grid-template-columns: auto 1fr;
}
.table-data.table-data--if > .table-data__header, .table-data.table-data--if > .table-data__row, .table-data.table-data--if > .table-data__empty-row, .table-data.table-data--if > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "id cell_a";
}
.table-data.table-data--lf {
  grid-template-columns: 2fr 1fr;
}
.table-data.table-data--lf > .table-data__header, .table-data.table-data--lf > .table-data__row, .table-data.table-data--lf > .table-data__empty-row, .table-data.table-data--lf > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a cell_b";
}
.table-data.table-data--xf {
  grid-template-columns: 20px 1fr;
}
.table-data.table-data--xf > .table-data__header, .table-data.table-data--xf > .table-data__row, .table-data.table-data--xf > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "xpend cell_a" "xpend xctt";
}
.table-data.table-data--uf {
  grid-template-columns: max-content 1fr;
}
.table-data.table-data--uf > .table-data__header, .table-data.table-data--uf > .table-data__row, .table-data.table-data--uf > .table-data__empty-row, .table-data.table-data--uf > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "user cell_a";
}
.table-data.table-data--ub {
  grid-template-columns: auto min-content;
}
.table-data.table-data--ub > .table-data__header, .table-data.table-data--ub > .table-data__row, .table-data.table-data--ub > .table-data__empty-row, .table-data.table-data--ub > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "user labels";
}
.table-data.table-data--us {
  grid-template-columns: 1fr min-content;
}
.table-data.table-data--us > .table-data__header, .table-data.table-data--us > .table-data__row, .table-data.table-data--us > .table-data__empty-row, .table-data.table-data--us > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "user cell_a";
}
.table-data.table-data--sf {
  grid-template-columns: min-content 1fr;
}
.table-data.table-data--sf > .table-data__header, .table-data.table-data--sf > .table-data__row, .table-data.table-data--sf > .table-data__empty-row, .table-data.table-data--sf > .table-data__waiting-row {
  grid-column: span 2;
  grid-template-areas: "cell_a cell_b";
}
.table-data.table-data--afb {
  grid-template-columns: auto 1fr min-content;
}
.table-data.table-data--afb > .table-data__header, .table-data.table-data--afb > .table-data__row, .table-data.table-data--afb > .table-data__empty-row, .table-data.table-data--afb > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b labels";
}
.table-data.table-data--afm {
  grid-template-columns: auto 1fr 24px;
}
.table-data.table-data--afm > .table-data__header, .table-data.table-data--afm > .table-data__row, .table-data.table-data--afm > .table-data__empty-row, .table-data.table-data--afm > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b menu";
}
.table-data.table-data--afo {
  grid-template-columns: auto 1fr min-content;
}
.table-data.table-data--afo > .table-data__header, .table-data.table-data--afo > .table-data__row, .table-data.table-data--afo > .table-data__empty-row, .table-data.table-data--afo > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b actionsbar";
}
.table-data.table-data--fab {
  grid-template-columns: 1fr auto min-content;
}
.table-data.table-data--fab > .table-data__header, .table-data.table-data--fab > .table-data__row, .table-data.table-data--fab > .table-data__empty-row, .table-data.table-data--fab > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b labels";
}
.table-data.table-data--fbm {
  grid-template-columns: 1fr min-content 25px;
}
.table-data.table-data--fbm > .table-data__header, .table-data.table-data--fbm > .table-data__row, .table-data.table-data--fbm > .table-data__empty-row, .table-data.table-data--fbm > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a labels menu";
}
.table-data.table-data--ffb {
  grid-template-columns: 1fr 1fr min-content;
}
.table-data.table-data--ffb > .table-data__header, .table-data.table-data--ffb > .table-data__row, .table-data.table-data--ffb > .table-data__empty-row, .table-data.table-data--ffb > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b labels";
}
.table-data.table-data--fff {
  grid-template-columns: 1fr 1fr 1fr;
}
.table-data.table-data--fff > .table-data__header, .table-data.table-data--fff > .table-data__row, .table-data.table-data--fff > .table-data__empty-row, .table-data.table-data--fff > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b cell_c";
}
.table-data.table-data--ffm {
  grid-template-columns: 1fr 1fr 25px;
}
.table-data.table-data--ffm > .table-data__header, .table-data.table-data--ffm > .table-data__row, .table-data.table-data--ffm > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b menu";
}
.table-data.table-data--flo {
  grid-template-columns: 1fr 2fr min-content;
}
.table-data.table-data--flo > .table-data__header, .table-data.table-data--flo > .table-data__row, .table-data.table-data--flo > .table-data__empty-row, .table-data.table-data--flo > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b actionsbar";
}
.table-data.table-data--fom {
  grid-template-columns: 1fr min-content 25px;
}
.table-data.table-data--fom > .table-data__header, .table-data.table-data--fom > .table-data__row, .table-data.table-data--fom > .table-data__empty-row, .table-data.table-data--fom > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a actionsbar menu";
}
.table-data.table-data--fss {
  grid-template-columns: 1fr min-content min-content;
}
.table-data.table-data--fss > .table-data__header, .table-data.table-data--fss > .table-data__row, .table-data.table-data--fss > .table-data__empty-row, .table-data.table-data--fss > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b cell_c";
}
.table-data.table-data--gfm {
  grid-template-columns: var(--table-data--g) 1fr var(--table-data--m);
}
.table-data.table-data--gfm > .table-data__header, .table-data.table-data--gfm > .table-data__row, .table-data.table-data--gfm > .table-data__empty-row, .table-data.table-data--gfm > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "drag cell_a menu";
}
.table-data.table-data--ifb {
  grid-template-columns: auto 1fr min-content;
}
.table-data.table-data--ifb > .table-data__header, .table-data.table-data--ifb > .table-data__row, .table-data.table-data--ifb > .table-data__empty-row, .table-data.table-data--ifb > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "id cell_a labels";
}
.table-data.table-data--iff {
  grid-template-columns: 50px 1fr 1fr;
}
.table-data.table-data--iff > .table-data__header, .table-data.table-data--iff > .table-data__row, .table-data.table-data--iff > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "id cell_a cell_b";
}
.table-data.table-data--ifm {
  grid-template-columns: auto 1fr 25px;
}
.table-data.table-data--ifm > .table-data__header, .table-data.table-data--ifm > .table-data__row, .table-data.table-data--ifm > .table-data__empty-row, .table-data.table-data--ifm > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "id cell_a menu";
}
.table-data.table-data--isf {
  grid-template-columns: 50px min-content 1fr;
}
.table-data.table-data--isf > .table-data__header, .table-data.table-data--isf > .table-data__row, .table-data.table-data--isf > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "id cell_a cell_b";
}
.table-data.table-data--lff {
  grid-template-columns: 2fr 1fr 1fr;
}
.table-data.table-data--lff > .table-data__header, .table-data.table-data--lff > .table-data__row, .table-data.table-data--lff > .table-data__empty-row, .table-data.table-data--lff > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "cell_a cell_b cell_c";
}
.table-data.table-data--uaa {
  grid-template-columns: max-content auto auto;
}
.table-data.table-data--uaa > .table-data__header, .table-data.table-data--uaa > .table-data__row, .table-data.table-data--uaa > .table-data__empty-row, .table-data.table-data--uaa > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "user cell_a cell_b";
}
.table-data.table-data--ufb {
  grid-template-columns: max-content 1fr min-content;
}
.table-data.table-data--ufb > .table-data__header, .table-data.table-data--ufb > .table-data__row, .table-data.table-data--ufb > .table-data__empty-row, .table-data.table-data--ufb > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "user cell_a labels";
}
.table-data.table-data--xfb {
  grid-template-columns: 12px 1fr min-content;
}
.table-data.table-data--xfb > .table-data__header, .table-data.table-data--xfb > .table-data__row, .table-data.table-data--xfb > .table-data__empty-row, .table-data.table-data--xfb > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "xpend cell_a labels" "xpend xctt   xctt  ";
}
.table-data.table-data--xff {
  grid-template-columns: 12px 1fr 1fr;
}
.table-data.table-data--xff > .table-data__header, .table-data.table-data--xff > .table-data__row, .table-data.table-data--xff > .table-data__empty-row, .table-data.table-data--xff > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "xpend cell_a cell_b" "xpend xctt   xctt  ";
}
.table-data.table-data--xao {
  grid-template-columns: 12px auto min-content;
}
.table-data.table-data--xao > .table-data__header, .table-data.table-data--xao > .table-data__row, .table-data.table-data--xao > .table-data__empty-row, .table-data.table-data--xao > .table-data__waiting-row {
  grid-column: span 3;
  grid-template-areas: "xpend cell_a actionsbar" "xpend xctt   xctt  ";
}
.table-data.table-data--afbm {
  grid-template-columns: auto 1fr min-content 25px;
}
.table-data.table-data--afbm > .table-data__header, .table-data.table-data--afbm > .table-data__row, .table-data.table-data--afbm > .table-data__empty-row, .table-data.table-data--afbm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b labels menu";
}
.table-data.table-data--afbo {
  grid-template-columns: auto 1fr min-content min-content;
}
.table-data.table-data--afbo > .table-data__header, .table-data.table-data--afbo > .table-data__row, .table-data.table-data--afbo > .table-data__empty-row, .table-data.table-data--afbo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b labels actionsbar";
}
.table-data.table-data--affb {
  grid-template-columns: auto 1fr 1fr min-content;
}
.table-data.table-data--affb > .table-data__header, .table-data.table-data--affb > .table-data__row, .table-data.table-data--affb > .table-data__empty-row, .table-data.table-data--affb > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b cell_c labels";
}
.table-data.table-data--bfss {
  grid-template-columns: min-content 1fr min-content min-content;
}
.table-data.table-data--bfss > .table-data__header, .table-data.table-data--bfss > .table-data__row, .table-data.table-data--bfss > .table-data__empty-row, .table-data.table-data--bfss > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "labels cell_a cell_b cell_c";
}
.table-data.table-data--faab {
  grid-template-columns: 1fr auto auto min-content;
}
.table-data.table-data--faab > .table-data__header, .table-data.table-data--faab > .table-data__row, .table-data.table-data--faab > .table-data__empty-row, .table-data.table-data--faab > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b cell_c labels";
}
.table-data.table-data--fllo {
  grid-template-columns: 1fr 2fr 2fr min-content;
}
.table-data.table-data--fllo > .table-data__header, .table-data.table-data--fllo > .table-data__row, .table-data.table-data--fllo > .table-data__empty-row, .table-data.table-data--fllo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b cell_c actionsbar";
}
.table-data.table-data--gffm {
  grid-template-columns: var(--table-data--g) 1fr 1fr var(--table-data--m);
}
.table-data.table-data--gffm > .table-data__header, .table-data.table-data--gffm > .table-data__row, .table-data.table-data--gffm > .table-data__waiting-row {
  grid-template-areas: "drag cell_a cell_b menu";
}
.table-data.table-data--glfm {
  grid-template-columns: 20px 2fr 1fr 25px;
}
.table-data.table-data--glfm > .table-data__header, .table-data.table-data--glfm > .table-data__row, .table-data.table-data--glfm > .table-data__empty-row, .table-data.table-data--glfm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "drag cell_a cell_b menu";
}
.table-data.table-data--gxfm {
  grid-template-columns: var(--table-data--g) var(--table-data--x) 1fr var(--table-data--m);
}
.table-data.table-data--gxfm > .table-data__header, .table-data.table-data--gxfm > .table-data__row, .table-data.table-data--gxfm > .table-data__empty-row, .table-data.table-data--gxfm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "drag xpend cell_a menu" ".    xpend xctt   xctt";
}
.table-data.table-data--ifbm {
  grid-template-columns: min-content 1fr min-content 24px;
}
.table-data.table-data--ifbm > .table-data__header, .table-data.table-data--ifbm > .table-data__row, .table-data.table-data--ifbm > .table-data__empty-row, .table-data.table-data--ifbm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "id cell_a labels menu";
}
.table-data.table-data--iffo {
  grid-template-columns: auto 1fr 1fr min-content;
}
.table-data.table-data--iffo > .table-data__header, .table-data.table-data--iffo > .table-data__row, .table-data.table-data--iffo > .table-data__empty-row, .table-data.table-data--iffo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "id cell_a cell_b actionsbar";
}
.table-data.table-data--lffm {
  grid-template-columns: 2fr 1fr 1fr 24px;
}
.table-data.table-data--lffm > .table-data__header, .table-data.table-data--lffm > .table-data__row, .table-data.table-data--lffm > .table-data__empty-row, .table-data.table-data--lffm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "cell_a cell_b cell_c menu";
}
.table-data.table-data--ubom {
  grid-template-columns: max-content min-content min-content 24px;
}
.table-data.table-data--ubom > .table-data__header, .table-data.table-data--ubom > .table-data__row, .table-data.table-data--ubom > .table-data__empty-row, .table-data.table-data--ubom > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "user labels actionsbar menu";
}
.table-data.table-data--ufbm {
  grid-template-columns: max-content 1fr min-content 24px;
}
.table-data.table-data--ufbm > .table-data__header, .table-data.table-data--ufbm > .table-data__row, .table-data.table-data--ufbm > .table-data__empty-row, .table-data.table-data--ufbm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "user cell_a labels menu";
}
.table-data.table-data--usss {
  grid-template-columns: 1fr min-content min-content min-content;
}
.table-data.table-data--usss > .table-data__header, .table-data.table-data--usss > .table-data__row, .table-data.table-data--usss > .table-data__empty-row, .table-data.table-data--usss > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "user cell_a cell_b cell_c";
}
.table-data.table-data--xafb {
  grid-template-columns: 12px auto 1fr min-content;
}
.table-data.table-data--xafb > .table-data__header, .table-data.table-data--xafb > .table-data__row, .table-data.table-data--xafb > .table-data__empty-row, .table-data.table-data--xafb > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a cell_b labels" "xpend xctt   xctt   xctt  ";
}
.table-data.table-data--xalm {
  grid-template-columns: 12px auto min-content 24px;
}
.table-data.table-data--xalm > .table-data__header, .table-data.table-data--xalm > .table-data__row, .table-data.table-data--xalm > .table-data__empty-row, .table-data.table-data--xalm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a labels menu      " "xpend xctt   xctt   xctt      ";
}
.table-data.table-data--xalo {
  grid-template-columns: 12px auto min-content min-content;
}
.table-data.table-data--xalo > .table-data__header, .table-data.table-data--xalo > .table-data__row, .table-data.table-data--xalo > .table-data__empty-row, .table-data.table-data--xalo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a labels actionsbar" "xpend xctt   xctt   xctt      ";
}
.table-data.table-data--xffo {
  grid-template-columns: 12px 1fr 1fr min-content;
}
.table-data.table-data--xffo > .table-data__header, .table-data.table-data--xffo > .table-data__row, .table-data.table-data--xffo > .table-data__empty-row, .table-data.table-data--xffo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a cell_b actionsbar" "xpend xctt   xctt   xctt      ";
}
.table-data.table-data--xfab {
  grid-template-columns: 20px 1fr auto min-content;
}
.table-data.table-data--xfab > .table-data__header, .table-data.table-data--xfab > .table-data__row, .table-data.table-data--xfab > .table-data__empty-row, .table-data.table-data--xfab > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a cell_b labels" "xpend xctt   xctt   xctt  ";
}
.table-data.table-data--xffb {
  grid-template-columns: 20px 1fr 1fr auto;
}
.table-data.table-data--xffb > .table-data__header, .table-data.table-data--xffb > .table-data__row, .table-data.table-data--xffb > .table-data__empty-row, .table-data.table-data--xffb > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a cell_b labels" "xpend xctt   xctt   xctt  ";
}
.table-data.table-data--xfff {
  grid-template-columns: var(--table-data--x) 1fr 1fr 1fr;
}
.table-data.table-data--xfff > .table-data__header, .table-data.table-data--xfff > .table-data__row, .table-data.table-data--xfff > .table-data__empty-row, .table-data.table-data--xfff > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend cell_a cell_b cell_c" "xpend xctt   xctt   xctt  ";
}
.table-data.table-data--xifm {
  grid-template-columns: var(--table-data--x) auto 1fr var(--table-data--m);
}
.table-data.table-data--xifm > .table-data__header, .table-data.table-data--xifm > .table-data__row, .table-data.table-data--xifm > .table-data__empty-row, .table-data.table-data--xifm > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend id   cell_a menu" "xpend xctt xctt   xctt";
}
.table-data.table-data--xifo {
  grid-template-columns: 20px auto 1fr 35px;
}
.table-data.table-data--xifo > .table-data__header, .table-data.table-data--xifo > .table-data__row, .table-data.table-data--xifo > .table-data__waiting-row {
  grid-column: span 4;
  grid-template-areas: "xpend id   cell_a actionsbar" "xpend xctt xctt   xctt      ";
}
.table-data.table-data--afbom {
  grid-template-columns: auto 1fr min-content min-content 25px;
}
.table-data.table-data--afbom > .table-data__header, .table-data.table-data--afbom > .table-data__row, .table-data.table-data--afbom > .table-data__empty-row, .table-data.table-data--afbom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "cell_a cell_b labels actionsbar menu";
}
.table-data.table-data--affom {
  grid-template-columns: auto 1fr 1fr min-content 25px;
}
.table-data.table-data--affom > .table-data__header, .table-data.table-data--affom > .table-data__row, .table-data.table-data--affom > .table-data__empty-row, .table-data.table-data--affom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "cell_a cell_b cell_c actionsbar menu";
}
.table-data.table-data--dlffl {
  grid-template-columns: 6fr 2fr 1fr 1fr 2fr;
}
.table-data.table-data--dlffl > .table-data__header, .table-data.table-data--dlffl > .table-data__row, .table-data.table-data--dlffl > .table-data__waiting-row {
  grid-template-areas: "cell_a cell_b cell_c cell_d cell_e";
}
.table-data.table-data--gxfbm {
  grid-template-columns: var(--table-data--g) var(--table-data--x) 1fr min-content var(--table-data--m);
}
.table-data.table-data--gxfbm > .table-data__header, .table-data.table-data--gxfbm > .table-data__row, .table-data.table-data--gxfbm > .table-data__empty-row, .table-data.table-data--gxfbm > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "drag xpend cell_a labels menu" ".    xpend xctt   xctt   xctt";
}
.table-data.table-data--gxifm {
  grid-template-columns: 20px 12px auto 1fr 25px;
}
.table-data.table-data--gxifm > .table-data__header, .table-data.table-data--gxifm > .table-data__row, .table-data.table-data--gxifm > .table-data__empty-row, .table-data.table-data--gxifm > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "drag xpend id   cell_a menu" ".    xpend xctt xctt   xctt";
}
.table-data.table-data--ifaab {
  grid-template-columns: auto 1fr auto auto min-content;
}
.table-data.table-data--ifaab > .table-data__header, .table-data.table-data--ifaab > .table-data__row, .table-data.table-data--ifaab > .table-data__empty-row, .table-data.table-data--ifaab > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "id cell_a cell_b cell_c labels";
}
.table-data.table-data--iffff {
  grid-template-columns: auto 1fr 1fr 1fr 1fr;
}
.table-data.table-data--iffff > .table-data__header, .table-data.table-data--iffff > .table-data__row, .table-data.table-data--iffff > .table-data__waiting-row {
  grid-template-areas: "id cell_a cell_b cell_c cell_d";
}
.table-data.table-data--ifffm {
  grid-template-columns: auto 1fr 1fr 1fr 25px;
}
.table-data.table-data--ifffm > .table-data__header, .table-data.table-data--ifffm > .table-data__row, .table-data.table-data--ifffm > .table-data__empty-row, .table-data.table-data--ifffm > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "id cell_a cell_b cell_c menu";
}
.table-data.table-data--ifffs {
  grid-template-columns: 50px 1fr 1fr 1fr min-content;
}
.table-data.table-data--ifffs > .table-data__header, .table-data.table-data--ifffs > .table-data__row, .table-data.table-data--ifffs > .table-data__waiting-row {
  grid-template-areas: "id cell_a cell_b cell_c cell_d";
}
.table-data.table-data--lffom {
  grid-template-columns: 2fr 1fr 1fr auto 25px;
}
.table-data.table-data--lffom > .table-data__header, .table-data.table-data--lffom > .table-data__row, .table-data.table-data--lffom > .table-data__empty-row, .table-data.table-data--lffom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "cell_a cell_b cell_c actionsbar menu";
}
.table-data.table-data--uaaas {
  grid-template-columns: max-content auto auto auto min-content;
}
.table-data.table-data--uaaas > .table-data__header, .table-data.table-data--uaaas > .table-data__row, .table-data.table-data--uaaas > .table-data__empty-row, .table-data.table-data--uaaas > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "user cell_a cell_b cell_c cell_d";
}
.table-data.table-data--uabom {
  grid-template-columns: max-content auto min-content min-content 24px;
}
.table-data.table-data--uabom > .table-data__header, .table-data.table-data--uabom > .table-data__row, .table-data.table-data--uabom > .table-data__empty-row, .table-data.table-data--uabom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "user cell_a labels actionsbar menu";
}
.table-data.table-data--uafom {
  grid-template-columns: max-content auto 1fr min-content 24px;
}
.table-data.table-data--uafom > .table-data__header, .table-data.table-data--uafom > .table-data__row, .table-data.table-data--uafom > .table-data__empty-row, .table-data.table-data--uafom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "user cell_a cell_b actionsbar menu";
}
.table-data.table-data--uffom {
  grid-template-columns: max-content 1fr 1fr min-content 24px;
}
.table-data.table-data--uffom > .table-data__header, .table-data.table-data--uffom > .table-data__row, .table-data.table-data--uffom > .table-data__empty-row, .table-data.table-data--uffom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "user cell_a cell_b actionsbar menu";
}
.table-data.table-data--uafsm {
  grid-template-columns: max-content auto 1fr min-content 24px;
}
.table-data.table-data--uafsm > .table-data__header, .table-data.table-data--uafsm > .table-data__row, .table-data.table-data--uafsm > .table-data__empty-row, .table-data.table-data--uafsm > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "user cell_a cell_b cell_c menu";
}
.table-data.table-data--xflom {
  grid-template-columns: 12px 1fr min-content min-content 24px;
}
.table-data.table-data--xflom > .table-data__header, .table-data.table-data--xflom > .table-data__row, .table-data.table-data--xflom > .table-data__empty-row, .table-data.table-data--xflom > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "xpend cell_a labels actionsbar menu" "xpend xctt   xctt   xctt       xctt";
}
.table-data.table-data--xsffo {
  grid-template-columns: 12px min-content 1fr 1fr min-content;
}
.table-data.table-data--xsffo > .table-data__header, .table-data.table-data--xsffo > .table-data__row, .table-data.table-data--xsffo > .table-data__empty-row, .table-data.table-data--xsffo > .table-data__waiting-row {
  grid-column: span 5;
  grid-template-areas: "xpend cell_a cell_b cell_c actionsbar" "xpend xctt   xctt   xctt   xctt";
}
.table-data.table-data--ifffbo {
  grid-template-columns: min-content 1fr 1fr 1fr min-content min-content;
}
.table-data.table-data--ifffbo > .table-data__header, .table-data.table-data--ifffbo > .table-data__row, .table-data.table-data--ifffbo > .table-data__empty-row, .table-data.table-data--ifffbo > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "id cell_a cell_b cell_c labels actionsbar";
}
.table-data.table-data--ifaabo {
  grid-template-columns: min-content 1fr auto auto min-content min-content;
}
.table-data.table-data--ifaabo > .table-data__header, .table-data.table-data--ifaabo > .table-data__row, .table-data.table-data--ifaabo > .table-data__empty-row, .table-data.table-data--ifaabo > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "id cell_a cell_b cell_c labels actionsbar";
}
.table-data.table-data--iffffo {
  grid-template-columns: min-content 1fr 1fr 1fr 1fr min-content;
}
.table-data.table-data--iffffo > .table-data__header, .table-data.table-data--iffffo > .table-data__row, .table-data.table-data--iffffo > .table-data__empty-row, .table-data.table-data--iffffo > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "id cell_a cell_b cell_c cell_d actionsbar";
}
.table-data.table-data--iaaffo {
  grid-template-columns: min-content auto auto 1fr 1fr min-content;
}
.table-data.table-data--iaaffo > .table-data__header, .table-data.table-data--iaaffo > .table-data__row, .table-data.table-data--iaaffo > .table-data__empty-row, .table-data.table-data--iaaffo > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "id cell_a cell_b cell_c cell_d actionsbar";
}
.table-data.table-data--usaaom {
  grid-template-columns: max-content min-content auto auto min-content 25px;
}
.table-data.table-data--usaaom > .table-data__header, .table-data.table-data--usaaom > .table-data__row, .table-data.table-data--usaaom > .table-data__empty-row, .table-data.table-data--usaaom > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "user cell_a cell_b cell_c actionsbar menu";
}
.table-data.table-data--xsfffo {
  grid-template-columns: 12px min-content 1fr 1fr 1fr min-content;
}
.table-data.table-data--xsfffo > .table-data__header, .table-data.table-data--xsfffo > .table-data__row, .table-data.table-data--xsfffo > .table-data__empty-row, .table-data.table-data--xsfffo > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "xpend cell_a cell_b cell_c cell_d actionsbar" "xpend xctt   xctt   xctt   xctt   xctt";
}
.table-data.table-data--xualom {
  grid-template-columns: 12px auto 1fr min-content min-content 24px;
}
.table-data.table-data--xualom > .table-data__header, .table-data.table-data--xualom > .table-data__row, .table-data.table-data--xualom > .table-data__empty-row, .table-data.table-data--xualom > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "xpend user   cell_a labels actionsbar menu" "xpend xctt   xctt   xctt   xctt       xctt";
}
.table-data.table-data--xuaaom {
  grid-template-columns: 12px auto auto auto min-content 24px;
}
.table-data.table-data--xuaaom > .table-data__header, .table-data.table-data--xuaaom > .table-data__row, .table-data.table-data--xuaaom > .table-data__empty-row, .table-data.table-data--xuaaom > .table-data__waiting-row {
  grid-column: span 6;
  grid-template-areas: "xpend user   cell_a cell_b actionsbar menu" "xpend xctt   xctt   xctt   xctt       xctt";
}
.table-data.table-data--usaabom {
  grid-template-columns: max-content min-content auto auto min-content min-content 24px;
}
.table-data.table-data--usaabom > .table-data__header, .table-data.table-data--usaabom > .table-data__row, .table-data.table-data--usaabom > .table-data__empty-row, .table-data.table-data--usaabom > .table-data__waiting-row {
  grid-column: span 7;
  grid-template-areas: "user cell_a cell_b cell_c labels actionsbar menu";
}
.table-data.table-data--xuaalom {
  grid-template-columns: 12px auto auto auto min-content min-content 24px;
}
.table-data.table-data--xuaalom > .table-data__header, .table-data.table-data--xuaalom > .table-data__row, .table-data.table-data--xuaalom > .table-data__empty-row, .table-data.table-data--xuaalom > .table-data__waiting-row {
  grid-column: span 7;
  grid-template-areas: "xpend user   cell_a   cell_b   labels actionsbar menu" "xpend xctt   xctt     xctt     xctt   xctt       xctt";
}
.table-data.table-data--xuffsom {
  grid-template-columns: 12px max-content 1fr 1fr min-content min-content 24px;
}
.table-data.table-data--xuffsom > .table-data__header, .table-data.table-data--xuffsom > .table-data__row, .table-data.table-data--xuffsom > .table-data__empty-row, .table-data.table-data--xuffsom > .table-data__waiting-row {
  grid-column: span 7;
  grid-template-areas: "xpend user   cell_a cell_b cell_c actionsbar menu" "xpend xctt   xctt   xctt   xctt   xctt       xctt";
}
.table-data.table-data--xuffbsm {
  grid-template-columns: 12px max-content 1fr 1fr min-content min-content 24px;
}
.table-data.table-data--xuffbsm > .table-data__header, .table-data.table-data--xuffbsm > .table-data__row, .table-data.table-data--xuffbsm > .table-data__empty-row, .table-data.table-data--xuffbsm > .table-data__waiting-row {
  grid-column: span 7;
  grid-template-areas: "xpend user   cell_a cell_b labels cell_c menu" "xpend xctt   xctt   xctt   xctt   xctt   xctt";
}
.table-data.table-data--xuaaasom {
  grid-template-columns: 12px max-content auto auto auto min-content min-content 24px;
}
.table-data.table-data--xuaaasom > .table-data__header, .table-data.table-data--xuaaasom > .table-data__row, .table-data.table-data--xuaaasom > .table-data__empty-row, .table-data.table-data--xuaaasom > .table-data__waiting-row {
  grid-column: span 8;
  grid-template-areas: "xpend user cell_a cell_b cell_c cell_d actionsbar menu" "xpend xctt xctt   xctt   xctt   xctt   xctt       xctt";
}
.table-data.table-data--xuffsbom {
  grid-template-columns: 12px max-content 1fr 1fr min-content min-content min-content 24px;
}
.table-data.table-data--xuffsbom > .table-data__header, .table-data.table-data--xuffsbom > .table-data__row, .table-data.table-data--xuffsbom > .table-data__empty-row, .table-data.table-data--xuffsbom > .table-data__waiting-row {
  grid-column: span 8;
  grid-template-areas: "xpend user   cell_a cell_b cell_c labels actionsbar menu" "xpend xctt   xctt   xctt   xctt   xctt   xctt       xctt";
}

.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover {
  cursor: pointer;
  opacity: 1;
  z-index: 2;
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover::before,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover::before {
  opacity: 1;
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover > span,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover > span {
  color: var(--theme--txt-highlight-color);
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover > span svg,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover > span svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow > span:first-of-type,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow > span:first-of-type {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow > span:last-of-type,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow > span:last-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.table-data .table-data__row.selectable:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow .table-data__secondaryrow,
.table-data .table-data__row[data-selectable=true]:not(.disabled):not([data-xpend=open]):not(:has(.table-data__c-actions-bar__action:hover)):not([data-xpend=open]:has(.table-data__c-xpend:hover)):not([data-xpend=clse]:has(.table-data__c-xpend:hover)):hover.table-data__row--secondaryrow .table-data__secondaryrow {
  background-color: rgba(151, 142, 230, 0.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card {
  display: flex;
  flex-flow: column;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 0;
  background-color: var(--theme--box-bg-color);
}
.card .card__bg-shape {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 45%;
  min-height: 80px;
  max-height: 300px;
  overflow: hidden;
  margin: -30px -30px 0 -30px;
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
}
.card .card__bg-shape svg {
  fill: var(--theme--light-bg-color);
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
.card .card__illustration {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: -50px -50px 0px -50px;
  background-size: contain;
  height: 150px;
}
.card .card__illustration img {
  width: 100%;
  height: 100%;
}
.card .card__photo {
  position: relative;
  height: 150px;
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
  margin: -30px -30px 20px -30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.card .card__block-top {
  margin-bottom: auto;
}
.card .card__block-bottom {
  margin-top: auto;
}
.card .card__block-top > .table-data .table-data__row-wrapper .table-data__row-content > span, .card .card__block-bottom > .table-data .table-data__row-wrapper .table-data__row-content > span {
  padding-top: 0;
  padding-bottom: 0;
}
.card .card__block-top + .card__block-bottom {
  padding-top: 20px;
}
.card .card__subcards {
  display: flex;
  flex-flow: column;
}
.card .card__subcards .card__subcard {
  border-radius: 10px;
  padding: 10px;
  transition: all ease-in-out 0.2s;
  margin: -10px;
  display: flex;
}
.card .card__subcards .card__subcard > div {
  flex: 1;
}
.card .card__subcards .card__subcard .card__subcard__action {
  flex: 0 0 28px;
  align-self: center;
}
.card .card__subcards .card__subcard.selectable {
  box-shadow: inset 0 0 0 0px var(--theme--light-bg-color);
}
.card .card__subcards .card__subcard.selectable:not(.disabled):hover {
  box-shadow: inset 0 0 0 2px var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
.card .card__subcards .card__subcard + .card__subcard {
  margin-top: 10px;
}
.card .card__subcards + .buttonszone {
  margin-top: 30px;
}
.card .card__meta-data {
  font-size: 12px;
  color: var(--theme--txt-highlight-color);
  font-weight: 500;
}
.card.selectable:not(.disabled) {
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s, transform ease-in-out 0.2s;
}
.card.selectable:not(.disabled) p {
  transition: color ease-in-out 0.2s;
}
.card.selectable:not(.disabled) .card__bg-shape svg {
  transform: rotate(180deg) scaleX(1);
  transition: transform ease-in-out 0.2s;
}
.card.selectable:not(.disabled) .card__illustration {
  transition: transform ease-in-out 0.2s;
  transform-origin: bottom center;
}
.card.selectable:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  transform: scale(1.01);
}
.card.selectable:not(.disabled):hover p {
  color: var(--theme--txt-highlight-color);
}
.card.selectable:not(.disabled):hover .card__bg-shape svg {
  transform: rotate(180deg) scaleX(1.1);
}
.card.selectable:not(.disabled):hover .card__illustration {
  transform: scale(1.02);
}

.blaze-slider .blaze-track-container {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--main-margin--w), rgb(0, 0, 0) calc(100% - var(--main-margin--w)), rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--main-margin--w), rgb(0, 0, 0) calc(100% - var(--main-margin--w)), rgba(0, 0, 0, 0) 100%);
}
.blaze-slider .blaze__controls .prev, .blaze-slider .blaze__controls .next {
  position: absolute;
  top: 50%;
  z-index: 1;
  box-sizing: border-box;
  padding: 15px;
  font-size: 0;
  transform: translateY(-50%);
  transition: margin var(--transition-classic), padding var(--transition-classic);
}
.blaze-slider .blaze__controls .prev svg, .blaze-slider .blaze__controls .next svg {
  transition: stroke var(--transition-classic);
}
.blaze-slider .blaze__controls .prev::before, .blaze-slider .blaze__controls .next::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background: var(--theme--highlight-bg-gradient);
  box-shadow: var(--theme-box-shadow);
  border-radius: 50%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.blaze-slider .blaze__controls .prev[aria-disabled=true], .blaze-slider .blaze__controls .next[aria-disabled=true] {
  display: none;
}
.blaze-slider .blaze__controls .prev:hover, .blaze-slider .blaze__controls .next:hover {
  cursor: pointer;
  padding: 20px;
}
.blaze-slider .blaze__controls .prev:hover.prev, .blaze-slider .blaze__controls .next:hover.prev {
  margin-left: -10px;
  padding-left: 17px;
  padding-right: 22px;
}
.blaze-slider .blaze__controls .prev:hover.next, .blaze-slider .blaze__controls .next:hover.next {
  margin-right: -10px;
  padding-left: 22px;
  padding-right: 17px;
}
.blaze-slider .blaze__controls .prev:hover svg, .blaze-slider .blaze__controls .next:hover svg {
  stroke: rgb(var(--accent-color-1));
}
.blaze-slider .blaze__controls .prev {
  left: -15px;
  padding-left: 12px;
  padding-right: 17px;
}
.blaze-slider .blaze__controls .next {
  right: -15px;
  padding-left: 17px;
  padding-right: 12px;
}
.blaze-slider.cards-slider {
  --slides-to-show: 5;
}
.blaze-slider.cards-slider .blaze-track-container {
  margin: calc(-1 * var(--main-margin--h)) calc(-1 * var(--main-margin--w));
  padding: calc(20px + var(--main-margin--h)) var(--main-margin--w);
}
.blaze-slider.cards-slider .message-box {
  margin-top: 0;
}
.blaze-slider.start .blaze__controls .prev {
  display: none;
}
.blaze-slider.end .blaze__controls .next {
  display: none;
}

.waiting-item span.wBar {
  height: 14px;
  position: relative;
  background-color: var(--theme--light-bg-color) !important;
  border-radius: 20px !important;
  overflow: hidden;
  width: 70%;
  min-width: 30px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.waiting-item span.wBar::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 100px;
  margin-left: -100px;
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.5) 100%);
  animation: waiting_span 1.3s cubic-bezier(0.1, 0, 0.4, 1) infinite;
}
.waiting-item span.wBar.center {
  margin-left: auto;
  margin-right: auto;
}
.waiting-item span.wBar.wBar__whole {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  min-width: auto;
}
.waiting-item span.wBar.wBar__h2 {
  height: 20px;
  width: 56%;
}
.waiting-item span.wBar.wBar__metadata {
  height: 12px;
  width: 60%;
}
.waiting-item span.wBar.wBar__metadata::after {
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.15) 100%);
}
.waiting-item span.wBar.wBar__kpi {
  height: 25px;
  width: 20%;
}
.waiting-item span.wBar:nth-of-type(2) {
  width: 82%;
}
.waiting-item span.wBar:nth-of-type(3) {
  width: 44%;
}
.waiting-item .wIcon {
  opacity: 0.5;
}
.waiting-item .wIcon.empty_icon {
  background-color: var(--theme-light-blue);
}
.waiting-item .wIcon.empty_icon.icon12 {
  width: 12px;
  height: 12px;
}
.waiting-item .wIcon.empty_icon.icon20 {
  width: 20px;
  height: 20px;
}
.waiting-item .wRoundedbutton {
  padding: 10px;
  box-shadow: inset 0 0 0 2px var(--theme--light-bg-color);
  border-radius: 20px;
  max-width: 130px;
}
.waiting-item .wRoundedbutton span.wBar {
  width: 100%;
  margin: 0;
}
.waiting-item .wRoundedbutton.center {
  margin-left: auto;
  margin-right: auto;
}

.buttonszone {
  display: flex;
  gap: 10px;
}
.buttonszone.row {
  flex-direction: row;
  align-items: center;
}
.buttonszone.row.center {
  justify-content: center;
}
.buttonszone.column {
  flex-direction: column;
}

.primary-btn, a.primary-btn, .roundedbutton, a.roundedbutton {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  box-shadow: inset 0 0 0 2px var(--theme--light-bg-color);
  border-radius: 20px;
  color: var(--theme--txt-color);
  text-decoration: none;
  transition: box-shadow ease-in-out 0.2s, color ease-in-out 0.2s, transform ease-in-out 0.2s;
  text-align: center;
  display: inline-block;
  align-self: center;
  position: relative;
  background-color: transparent;
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  outline: none;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border: 0;
}
.primary-btn.disabled, .primary-btn:disabled, a.primary-btn.disabled, a.primary-btn:disabled, .roundedbutton.disabled, .roundedbutton:disabled, a.roundedbutton.disabled, a.roundedbutton:disabled {
  opacity: 0.5;
}
.primary-btn:not(.disabled):hover, .primary-btn:not(:disabled):hover, a.primary-btn:not(.disabled):hover, a.primary-btn:not(:disabled):hover, .roundedbutton:not(.disabled):hover, .roundedbutton:not(:disabled):hover, a.roundedbutton:not(.disabled):hover, a.roundedbutton:not(:disabled):hover {
  box-shadow: inset 0 0 0 30px var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
  transform: scale(1.05);
}
.primary-btn.waitanim.active, a.primary-btn.waitanim.active, .roundedbutton.waitanim.active, a.roundedbutton.waitanim.active {
  font-size: 0;
  background: transparent;
  padding: 18px;
}
.primary-btn.waitanim.loader, a.primary-btn.waitanim.loader, .roundedbutton.waitanim.loader, a.roundedbutton.waitanim.loader {
  border-right: 2px solid rgb(251, 249, 237);
  animation: rotate360 0.4s linear infinite;
}
.primary-btn.waitanim.success, a.primary-btn.waitanim.success, .roundedbutton.waitanim.success, a.roundedbutton.waitanim.success {
  background: rgb(102, 204, 80);
  border-color: rgb(102, 204, 80);
  color: rgb(251, 249, 237);
}

.secondarybutton, a.secondarybutton, .secdary-btn, a.secdary-btn {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  box-shadow: inset 0 0 0 0px var(--theme--light-bg-color);
  border-radius: 20px;
  color: var(--theme--txt-color);
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  text-align: center;
  display: inline-block;
  align-self: center;
  position: relative;
  background-color: transparent;
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  outline: none;
}
.secondarybutton.disabled, a.secondarybutton.disabled, .secdary-btn.disabled, a.secdary-btn.disabled {
  color: rgba(110, 103, 184, 0.2);
  border-color: rgba(110, 103, 184, 0);
}
.secondarybutton:not(.disabled):hover, a.secondarybutton:not(.disabled):hover, .secdary-btn:not(.disabled):hover, a.secdary-btn:not(.disabled):hover {
  box-shadow: inset 0 0 0 30px var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
  transform: scale(1.05);
}

.big-icon-btn, a.big-icon-btn {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  box-shadow: inset 0 0 0 0px var(--theme--light-bg-color);
  border-radius: 20px;
  color: var(--theme--txt-color);
  text-decoration: none;
  transition: box-shadow ease-in-out 0.2s, color ease-in-out 0.2s, transform ease-in-out 0.2s;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-self: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  outline: none;
  flex: 1;
}
.big-icon-btn span, a.big-icon-btn span {
  margin-top: 5px;
}
.big-icon-btn.disabled, a.big-icon-btn.disabled {
  color: rgba(110, 103, 184, 0.2);
  border-color: rgba(110, 103, 184, 0);
}
.big-icon-btn:not(.disabled):hover, a.big-icon-btn:not(.disabled):hover {
  box-shadow: inset 0 0 0 120px var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
  transform: scale(1.05);
}
.big-icon-btn:not(.disabled):hover svg, a.big-icon-btn:not(.disabled):hover svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}

.action-btn {
  color: var(--theme--txt-color);
  padding: 8px;
  transition: background-color var(--transition-classic);
  font-size: 0px;
  padding: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  border-radius: 18px;
}
.action-btn div.icon {
  height: 20px;
  width: 20px;
  position: relative;
}
.action-btn div.icon svg {
  transition: stroke var(--transition-classic), fill var(--transition-classic);
}
.action-btn div.icon .d, .action-btn div.icon .w {
  position: absolute;
  height: 20px;
  width: 20px;
}
.action-btn div.icon .d {
  transition: transform var(--transition-classic), opacity var(--transition-classic);
}
.action-btn div.icon .w {
  transition: transform var(--transition-classic), opacity var(--transition-classic);
  opacity: 0;
  transform: scale(0);
}
.action-btn div.label {
  transition: color var(--transition-classic);
  font-weight: 700;
  font-size: 14px;
}
.action-btn .sub-btn {
  display: none;
  margin: -8px;
  padding: 8px;
  flex: 1;
  gap: 10px;
  align-items: center;
}
.action-btn[data-state="0"] .sub-btn[data-state="0"] {
  display: flex;
}
.action-btn[data-state="1"] .sub-btn[data-state="1"] {
  display: flex;
}
.action-btn a {
  margin: -8px;
  padding: 8px;
  font-size: 0;
}
.action-btn.disabled {
  opacity: 0.4;
  cursor: default;
}
.action-btn.active {
  background-color: rgb(var(--pink));
}
.action-btn.active svg {
  stroke: rgb(var(--extrem-light-blue));
  fill: rgb(var(--extrem-light-blue));
}
.action-btn.hidden {
  display: none;
}
.action-btn.red {
  background-color: transparent;
}
.action-btn.red:not(.waiting):not(.disabled):hover {
  background-color: rgba(var(--red), 0.2);
}
.action-btn.red:not(.waiting):not(.disabled):hover .icon svg {
  fill: rgb(var(--red));
  stroke: rgb(var(--red));
}
.action-btn.red:not(.waiting):not(.disabled):hover .label {
  color: rgb(var(--red));
}
.action-btn.waiting .icon .d {
  transition: transform ease-in 0.2s, opacity ease-in 0.2s;
  opacity: 0;
  transform: scale(0);
}
.action-btn.waiting .icon .w {
  transition: transform ease-out 0.2s, opacity ease-out 0.2s;
  opacity: 1;
  transform: scale(1);
}
.action-btn:not(.waiting):not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
.action-btn:not(.waiting):not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}

.menu-actions {
  position: relative;
  width: 16px;
}
.menu-actions .menu-actions__call {
  display: inline-block;
  width: 10px;
  height: 20px;
  padding: 3px;
  font-size: 0;
  transition: opacity var(--transition-classic);
  overflow: hidden;
}
.menu-actions .menu-actions__call svg {
  transition: stroke var(--transition-classic), fill var(--transition-classic);
  margin-left: -5px;
}
.menu-actions .menu-actions__call.disabled {
  opacity: 0.2;
}
.menu-actions .menu-actions__call:not(.disabled):hover {
  cursor: pointer;
}
.menu-actions .menu-actions__call:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.menu-actions .menu-actions__wrap {
  position: absolute;
  right: 6px;
  top: 24px;
  padding: 0;
  overflow: hidden;
  background-color: var(--theme--box-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 9px;
  border-top-right-radius: 2px;
  z-index: 1;
  display: none;
  margin: 0;
}
.menu-actions .menu-actions__wrap .action-btn {
  padding: 10px;
  border-radius: 0;
}
.menu-actions .menu-actions__wrap .action-btn div.label {
  display: block;
}
.menu-actions .menu-actions__wrap:empty ~ .menu-actions__call {
  opacity: 0.2;
}
.menu-actions .menu-actions__wrap:empty ~ .menu-actions__call:hover {
  cursor: default;
}
.menu-actions.active .menu-actions__call svg {
  stroke: rgb(var(--pink));
  fill: rgb(var(--pink));
}
.menu-actions.active .menu-actions__wrap {
  display: block;
}

.form-btn input, .form-btn a, .form-btn span {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 2px solid rgb(110, 103, 184);
  border-radius: 20px;
  color: rgb(110, 103, 184);
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  text-align: center;
  display: inline-block;
  align-self: center;
  position: relative;
  background: rgba(110, 103, 184, 0);
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  outline: none;
}
.form-btn input:hover, .form-btn a:hover, .form-btn span:hover {
  background-color: rgb(110, 103, 184);
  color: rgb(251, 249, 237);
  cursor: pointer;
}

.form-inp {
  display: flex;
  position: relative;
  transition: opacity ease-in-out 0.2s;
}
.form-inp input {
  width: 100%;
  flex: 1;
  padding: 3px 0px 3px 0px;
  background: transparent;
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  color: var(--theme--txt-color);
  display: block;
  margin: 0;
  border-bottom: 2px solid var(--theme--light-bg-color);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  transition: border-color var(--transition-classic);
  box-sizing: border-box;
  font-weight: 700;
  font-size: 16px;
  resize: none;
  position: relative;
  outline: none;
  order: 2;
}
.form-inp input::-moz-placeholder {
  opacity: 0.8;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  color: var(--theme--txt-color);
}
.form-inp input::placeholder {
  opacity: 0.8;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  color: var(--theme--txt-color);
}
.form-inp input:-moz-placeholder + label {
  opacity: 0;
  top: -5px;
}
.form-inp input:placeholder-shown + label {
  opacity: 0;
  top: -5px;
}
.form-inp input[required]::after {
  content: "*";
  display: block;
  font-weight: 300;
  margin-right: 5px;
  color: rgb(222, 48, 51);
  font-size: 1.8em;
  float: right;
  height: 20px;
  overflow: hidden;
}
.form-inp input:focus {
  border-color: var(--theme--txt-color);
}
.form-inp input:focus ~ .form-inp__l-widgets, .form-inp input:focus ~ .form-inp__r-widgets, .form-inp input:focus ~ .form-widgets--l, .form-inp input:focus ~ .form-widgets--r {
  border-color: var(--theme--txt-color);
}
.form-inp input:-webkit-autofill, .form-inp input:-webkit-autofill:hover, .form-inp input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--theme--box-bg-color) inset !important;
  -webkit-text-fill-color: var(--theme--txt-highlight-color) !important;
  -webkit-transition: border-color var(--transition-classic), background-color 2147483647s ease-in-out 0s;
  transition: border-color var(--transition-classic), background-color 2147483647s ease-in-out 0s;
}
.form-inp input:autofill, .form-inp input:autofill:hover, .form-inp input:autofill:focus {
  box-shadow: 0 0 0px 1000px var(--theme--box-bg-color) inset !important;
  -webkit-text-fill-color: var(--theme--txt-highlight-color) !important;
  transition: border-color var(--transition-classic), background-color 2147483647s ease-in-out 0s;
}
.form-inp input:has(+ label) {
  padding-top: 15px;
}
.form-inp label {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
  font-weight: 700;
  color: var(--theme--txt-highlight-color);
  font-size: 10px;
}
.form-inp .form-widgets--l, .form-inp .form-inp__l-widgets {
  border-bottom: 2px solid var(--theme--light-bg-color);
  transition: all ease-in-out 0.2s;
  padding: 15px 5px 3px 0px;
  order: 1;
}
.form-inp .form-widgets--r, .form-inp .form-inp__r-widgets {
  border-bottom: 2px solid var(--theme--light-bg-color);
  transition: all ease-in-out 0.2s;
  padding: 15px 0px 3px 5px;
  order: 3;
}
.form-inp.form-inp--center input {
  text-align: center;
}
.form-inp.form-inp--center label {
  right: 0;
  text-align: center;
}
.form-inp.form-inp--medium input {
  font-weight: 400;
  font-size: 24px;
}
.form-inp.form-inp--medium .form-widgets .asterisk::after {
  bottom: 10px;
}
.form-inp.form-inp--medium .form-widgets .pre-inp {
  font-size: 24px;
}
.form-inp.form-inp--big input {
  font-weight: 400;
  font-size: 32px;
}
.form-inp.form-inp--big .form-widgets .asterisk::after {
  bottom: 10px;
}
.form-inp.form-inp--big .form-widgets .pre-inp {
  font-size: 32px;
}
.form-inp:has(input[disabled]), .form-inp:has(input[readonly]) {
  opacity: 0.5;
}
.form-inp.form-inp:has(input:-moz-ui-invalid) input, .form-inp.form-inp:has(input:-moz-ui-invalid) .form-widgets--l, .form-inp.form-inp:has(input:-moz-ui-invalid) .form-widgets--r, .form-inp.form-inp:has(input[data-error=true]) input, .form-inp.form-inp:has(input[data-error=true]) .form-widgets--l, .form-inp.form-inp:has(input[data-error=true]) .form-widgets--r {
  box-shadow: none;
  border-color: rgb(var(--red));
}

.form-txt {
  display: flex;
  position: relative;
}
.form-txt textarea {
  width: 100%;
  background: transparent;
  font-family: "Readex Pro", Verdana, Helvetica, sans-serif;
  color: var(--theme--txt-color);
  display: block;
  margin: 0;
  border-bottom: 2px solid var(--theme--light-bg-color);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  transition: all ease-in-out 0.2s;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 16px;
  padding: 15px 0px 3px 0px;
  resize: none;
  position: relative;
  outline: none;
  min-height: 60px;
}
.form-txt textarea::-moz-placeholder {
  opacity: 0.8;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  color: var(--theme--txt-color);
}
.form-txt textarea::placeholder {
  opacity: 0.8;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  color: var(--theme--txt-color);
}
.form-txt textarea:-moz-placeholder + label {
  opacity: 0;
  top: -5px;
}
.form-txt textarea:placeholder-shown + label {
  opacity: 0;
  top: -5px;
}
.form-txt textarea[required]::after {
  content: "*";
  display: block;
  font-weight: 300;
  margin-right: 5px;
  color: rgb(222, 48, 51);
  font-size: 1.8em;
  float: right;
  height: 20px;
  overflow: hidden;
}
.form-txt textarea:focus {
  border-color: var(--theme--txt-color);
}
.form-txt textarea:focus ~ .form-txt__l-widgets, .form-txt textarea:focus ~ .form-txt__r-widgets, .form-txt textarea:focus ~ .form-widgets--l, .form-txt textarea:focus ~ .form-widgets--r {
  border-color: var(--theme--txt-color);
}
.form-txt label {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
  font-weight: 700;
  color: var(--theme--txt-highlight-color);
  font-size: 10px;
}
.form-txt .form-widgets--l, .form-txt .form-txt__l-widgets {
  border-bottom: 2px solid var(--theme--light-bg-color);
  transition: all ease-in-out 0.2s;
  padding: 15px 5px 3px 0px;
  order: 1;
}
.form-txt .form-widgets--r, .form-txt .form-txt__r-widgets {
  border-bottom: 2px solid var(--theme--light-bg-color);
  transition: all ease-in-out 0.2s;
  padding: 15px 0px 3px 5px;
  order: 3;
}
.form-txt.form-txt--center textarea {
  text-align: center;
}
.form-txt.form-txt--center label {
  right: 0;
  text-align: center;
}
.form-txt.form-txt--big textarea {
  font-weight: 400;
  font-size: 32px;
}
.form-txt.form-txt--big .asterisk::after {
  top: -17px;
}
.form-txt:has(textarea[disabled]), .form-txt:has(textarea[readonly]) {
  opacity: 0.5;
}

.form-rdo {
  position: relative;
  border-bottom: 2px solid var(--theme--light-bg-color);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.form-rdo span.label {
  position: relative;
  line-height: 20px;
  padding: 2px 0;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  opacity: 0.8;
  color: var(--theme--txt-color);
}
.form-rdo input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
.form-rdo input:checked + label::before {
  background: rgba(var(--theme--txt-color), 0.2);
}
.form-rdo input:checked + label::after {
  background-color: rgba(151, 142, 230, 0.8);
}
.form-rdo input:disabled + label {
  opacity: 0.5;
}
.form-rdo input:disabled + label::before {
  opacity: 0.5;
}
.form-rdo input:disabled + label::after {
  opacity: 0.5;
}
.form-rdo label {
  position: relative;
  padding: 2px 0 2px 25px;
  line-height: 20px;
  cursor: pointer;
  display: block;
  font-size: 16px;
  color: var(--theme--txt-color);
}
.form-rdo label::before {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 2px;
  border: 2px solid var(--theme--txt-color);
  transition: all ease-in-out 0.2s;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
}
.form-rdo label::after {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: 6px;
  border: 2px solid rgba(var(--theme--txt-color), 0.2);
  transition: all ease-in-out 0.2s;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  padding: 2px;
  box-sizing: border-box;
}
.form-rdo label:hover::after {
  background: rgba(var(--theme--txt-color), 0.3);
}
.form-rdo .form-widgets--l, .form-rdo .form-rdo__l-widgets {
  border-bottom: 2px solid var(--theme--light-bg-color);
  transition: all ease-in-out 0.2s;
  padding: 15px 5px 3px 0px;
  order: 1;
}
.form-rdo .form-widgets--r, .form-rdo .form-rdo__r-widgets {
  transition: all ease-in-out 0.2s;
  padding: 15px 0px 3px 5px;
  order: 3;
  position: relative;
  margin-left: auto;
}
.form-rdo .form-widgets .asterisk {
  top: 3px;
}
.form-rdo.form-rdo--column {
  flex-flow: column;
}
.form-rdo .form-rdo-wide input:required::before {
  border-color: #669;
}
.form-rdo .form-rdo-wide input:required:valid + label::before, .form-rdo .form-rdo-wide input:required:-moz-ui-valid + label::before {
  border-color: #66CC50;
}
.form-rdo .form-rdo-wide input:-moz-ui-invalid + label::before, .form-rdo .form-rdo-wide input:invalid + label::before,
.form-rdo .form-rdo-wide input[data-error=true] + label::before, .form-rdo .form-rdo-wide input[data-error=true] + label::before {
  border-color: #DE3033;
}

.form-rbx input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
.form-rbx input:checked + label {
  border: 2px solid rgba(var(--pink), 1);
}
.form-rbx input:required + label {
  border: 2px solid var(--theme--light-bg-color);
}
.form-rbx input:required:valid + label, .form-rbx input:required:-moz-ui-valid + label {
  border: 2px solid rgba(102, 204, 80, 0.2);
}
.form-rbx input:required:valid:checked + label, .form-rbx input:required:-moz-ui-valid:checked + label {
  border: 2px solid rgb(102, 204, 80);
}
.form-rbx input:invalid + label, .form-rbx input:-moz-ui-invalid + label, .form-rbx input[data-error=true] + label, .form-rbx input[data-error=true] + label {
  border: 2px solid rgba(222, 48, 51, 0.2);
}
.form-rbx input:invalid:checked + label, .form-rbx input:-moz-ui-invalid:checked + label, .form-rbx input[data-error=true]:checked + label, .form-rbx input[data-error=true]:checked + label {
  border: 2px solid rgb(222, 48, 51);
}
.form-rbx label {
  position: relative;
  padding: 2px;
  cursor: pointer;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid rgba(102, 102, 153, 0.2);
  border-radius: 3px;
}

.form-swh input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
.form-swh input[type=checkbox]:not(:disabled) + label:hover {
  cursor: pointer;
}
.form-swh input[type=checkbox]:not(:disabled) + label:hover::after {
  cursor: pointer;
  background: var(--theme--txt-highlight-color);
  left: 6px;
}
.form-swh input[type=checkbox]:checked + label::before {
  background: var(--theme--selected-box-bg-color);
}
.form-swh input[type=checkbox]:checked + label::after {
  background-color: var(--theme--txt-color);
  left: 19px;
}
.form-swh input[type=checkbox]:checked:not(:disabled) + label:hover::after {
  cursor: pointer;
  background: var(--theme--txt-highlight-color);
  left: 17px;
}
.form-swh input[type=checkbox]:disabled + label {
  opacity: 0.5;
}
.form-swh input[type=checkbox]:disabled + label::before {
  opacity: 0.5;
}
.form-swh input[type=checkbox]:disabled + label::after {
  opacity: 0.5;
}
.form-swh input[type=checkbox]:required::before {
  border-color: rgb(110, 103, 184);
}
.form-swh input[type=checkbox]:required:valid + label::before, .form-swh input[type=checkbox]:required:-moz-ui-valid + label::before {
  border-color: rgb(102, 204, 80);
}
.form-swh input[type=checkbox]:-moz-ui-invalid + label::before, .form-swh input[type=checkbox][data-error=true] + label::before {
  border-color: rgb(222, 48, 51);
}
.form-swh input[type=checkbox] + label {
  position: relative;
  padding: 2px 0 0 40px;
  line-height: 16px;
  display: block;
  font-size: 16px;
  min-height: 20px;
}
.form-swh input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  border: 2px solid var(--theme--txt-color);
  transition: all 0.3s 0s;
  width: 31px;
  height: 16px;
  border-radius: 10px;
}
.form-swh input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: 4px;
  border: 2px solid var(--theme--txt-color);
  transition: all 0.3s 0s;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  padding: 2px;
  box-sizing: border-box;
}
.form-swh .asterisk {
  top: 1px;
  right: 0;
}
.form-swh .asterisk::after {
  content: "·";
  color: rgb(110, 103, 184);
}
.form-swh.form-swh--center input[type=checkbox] + label {
  margin: auto;
}
.form-swh.form-swh--no-label input[type=checkbox] + label {
  width: 35px;
  padding: 0;
}

.form-ico {
  position: relative;
}
.form-ico input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
.form-ico input:checked ~ label svg {
  stroke: rgb(var(--pink));
  fill: rgb(var(--pink));
}
.form-ico label {
  overflow: hidden;
  display: block;
  transition: color ease-in-out 0.2s;
  position: relative;
}
.form-ico label:hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
}
.form-ico label:hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}

.form-slt {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  margin: auto;
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 10px;
}
.form-slt > i.toggle {
  position: absolute;
  z-index: 4;
  right: 1.5em;
  top: 1.6em;
  color: #ccc;
}
.form-slt > span.label {
  display: block;
  padding: 5px 10px;
  position: relative;
  z-index: 0;
  color: var(--theme--txt-color);
  font-weight: 400;
  font-size: 16px;
  transition: background ease-in-out 0.2s, color ease-in-out 0.2s, font-size ease-in-out 0.2s, padding ease-in-out 0.2s;
  order: 1;
}
.form-slt > span.label:has(+ span.placeholder) {
  padding-bottom: 0;
}
.form-slt > span.placeholder {
  position: relative;
  z-index: 0;
  color: var(--theme--txt-highlight-color);
  font-weight: 400;
  font-size: 16px;
  transition: background ease-in-out 0.2s, color ease-in-out 0.2s, max-height ease-in-out 0.2s;
  display: block;
  padding: 0 10px 5px 10px;
  max-height: 100%;
  overflow: hidden;
  order: 2;
}
.form-slt > input:first-of-type {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  margin: 0;
}
.form-slt > input:first-of-type:checked ~ i.toggle.icon-arrow-down {
  display: none;
}
.form-slt > input:first-of-type:checked ~ i.toggle.icon-arrow-up {
  display: block;
}
.form-slt > input:first-of-type:checked div.options label.option .title {
  display: none !important;
}
.form-slt > input:first-of-type:checked ~ span.placeholder {
  max-height: 100%;
}
.form-slt > input:first-of-type:not(:checked) {
  cursor: pointer;
  z-index: 4;
}
.form-slt > input:first-of-type:not(:checked) ~ label.option, .form-slt > input:first-of-type:not(:checked) ~ span.optgroup {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.form-slt > input:first-of-type:not(:checked) ~ i.toggle.icon-arrow-up {
  display: none;
}
.form-slt > input:first-of-type:not(:checked) ~ i.toggle.icon-arrow-down {
  display: block;
}
.form-slt > input:first-of-type:not(:checked):not(:disabled):hover ~ span.label, .form-slt > input:first-of-type:not(:checked):not(:disabled):hover ~ span.placeholder {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
}
.form-slt > input:first-of-type:not(:checked):not(:disabled):hover ~ input:not(:first-of-type) {
  cursor: pointer;
}
.form-slt > input:first-of-type:not(:checked):not(:disabled):hover ~ input:not(:first-of-type):checked + label.option {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
}
.form-slt > input:first-of-type:not(:checked):not(:disabled):hover ~ input:not(:first-of-type):checked + label.option svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
.form-slt input:not(:first-of-type) {
  display: none;
}
.form-slt input:not(:first-of-type):checked ~ span.label {
  padding: 5px 10px 0 10px;
  color: var(--theme--txt-highlight-color);
  font-size: 10px;
}
.form-slt input:not(:first-of-type):checked ~ span.placeholder {
  max-height: 0;
  padding-bottom: 0;
}
.form-slt input:not(:first-of-type):checked + label.option {
  max-height: 100%;
  z-index: 3;
  top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
}
.form-slt input:not(:first-of-type):disabled + label.option {
  opacity: 0.2;
}
.form-slt input:not(:first-of-type):disabled + label.option:hover {
  color: #aaa;
  background: none;
  cursor: no-drop;
}
.form-slt label.option {
  display: block;
  overflow: hidden;
  font-weight: 700;
  font-size: 16px;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
  transition: background ease-in-out 0.2s, color ease-in-out 0.2s, max-height ease-in-out 0.2s, padding ease-in-out 0.2s;
  order: 3;
}
.form-slt label.option svg {
  transition: fill ease-in-out 0.2s, stroke ease-in-out 0.2s;
}
.form-slt label.option:hover {
  color: var(--theme--txt-highlight-color);
  background: var(--theme--light-bg-color);
  cursor: pointer;
}
.form-slt label.option:hover svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
.form-slt span.optgroup {
  overflow: hidden;
  display: block;
  font-size: 18px;
  font-weight: 400px;
  padding: 20px 10px 5px 10px;
  order: 3;
}
.form-slt .form-widgets--r, .form-slt .form-slt__r-widgets {
  position: absolute;
  top: 0px;
  right: 5px;
  transition: all ease-in-out 0.2s;
}
.form-slt:has(> input:first-of-type:disabled) {
  opacity: 0.5;
}
.form-slt:has(> input:first-of-type:disabled) > input:first-of-type {
  cursor: default;
}

.form-bla {
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
}
.form-bla.form-bla--inline {
  display: inline-block;
}

.form-grp {
  display: flex;
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
}
.form-grp > *:not(span), .form-grp > div:not(.user-widget) {
  margin-top: 0 !important;
}
.form-grp.form-grp--wide > *:not(span), .form-grp.form-grp--wide > div:not(.user-widget) {
  flex: 1;
}
.form-grp .form-bla {
  margin: 0 5px;
  padding: 15px 0px 5px 0px;
}
.form-grp .user-widget {
  margin-top: 10px;
}
.form-grp *:first-child {
  margin-left: 0;
}
.form-grp.gap, .form-grp.form-grp--gap {
  gap: 20px;
}

.form-cbx {
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  transition: background-color ease-in-out 0.2s;
}
.form-cbx .label {
  display: block;
  color: var(--theme--txt-highlight-color);
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  text-align: center;
  margin: 5px 0 0 0;
  transition: color ease-in-out 0.2s;
}
.form-cbx .form-cbx__item-selected .form-cbx__item-selected__value {
  text-align: center;
  padding: 5px 0px;
  transition: color ease-in-out 0.2s;
}
.form-cbx .form-cbx__item-selected .form-cbx__item-selected__value span.ident {
  display: inline-block;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  margin-right: 10px;
}
.form-cbx .form-cbx__item-selected .form-cbx__item-selected__value span.title {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all ease-in-out 0.2s;
}
.form-cbx .form-cbx__item-selected .form-cbx__item-selected__value .profilimg {
  height: 32px;
  width: 32px;
  margin: -10px 10px -10px 0;
  border-radius: 50%;
  background-size: cover;
  border: 2px solid rgb(151, 142, 230);
  display: inline-block;
}
.form-cbx .form-cbx__item-selected .item-search_button {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  transition: all ease-in-out 0.2s;
}
.form-cbx .form-cbx__item-search {
  padding: 0 20px;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  display: grid;
  grid-template-areas: "a b";
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result {
  transition: all ease-in-out 0.2s;
  padding: 10px;
  line-height: 20px;
  font-weight: 700;
  font-size: 16px;
  color: var(--theme--txt-color);
  display: contents;
  position: relative;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result span {
  display: inline-block;
  padding: 10px;
  transition: border-radius ease-in-out 0.2s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  border-radius: 0px;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result span.ident {
  font-size: 12px;
  font-weight: 700;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result span.title {
  font-size: 16px;
  font-weight: 700;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result:hover {
  cursor: pointer;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result:hover span {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result:hover span:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__results .result:hover span:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__controls {
  display: flex;
  margin: 0 -20px;
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__controls .item_eraseresult_button, .form-cbx .form-cbx__item-search .form-cbx__item-search__controls .item_quitsearch_button {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  transition: all ease-in-out 0.2s;
  background-color: var(--theme--box-bg-color);
}
.form-cbx .form-cbx__item-search .form-cbx__item-search__controls .item_eraseresult_button:not(.disabled):hover, .form-cbx .form-cbx__item-search .form-cbx__item-search__controls .item_quitsearch_button:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
.form-cbx[data-statut=chosen] .form-cbx__item-search {
  display: none;
}
.form-cbx[data-statut=nochoose] .form-cbx__item-selected {
  display: none;
}
.form-cbx[data-statut=nochoose] .form-cbx__item-search {
  /*display: none;*/
}
.form-cbx[data-open=none]:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.form-cbx[data-open=none]:not(.disabled):hover .label, .form-cbx[data-open=none]:not(.disabled):hover .form-cbx__item-selected__value, .form-cbx[data-open=none]:not(.disabled):hover .item-search_button {
  color: var(--theme--txt-highlight-color);
}

.form-pgx {
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  transition: background-color ease-in-out 0.2s;
}
.form-pgx .label {
  display: block;
  color: var(--theme--txt-highlight-color);
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  text-align: center;
  margin: 5px 0 0 0;
  transition: color ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-selected {
  transition: max-height ease-in-out 0.2s;
  overflow: hidden;
}
.form-pgx .form-pgx__item-selected .form-pgx__item-selected__value {
  text-align: center;
  padding: 5px 0px;
  transition: color ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-selected .form-pgx__item-selected__value span.ident {
  display: inline-block;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  margin-right: 10px;
}
.form-pgx .form-pgx__item-selected .form-pgx__item-selected__value span.title {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-selected .form-pgx__item-selected__value .profilimg {
  height: 32px;
  width: 32px;
  margin: -10px 10px -10px 0;
  border-radius: 50%;
  background-size: cover;
  border: 2px solid rgb(151, 142, 230);
  display: inline-block;
}
.form-pgx .form-pgx__item-selected .item-search_button {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  transition: all ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-search {
  padding: 0 20px;
  transition: max-height ease-in-out 0.2s;
  overflow: hidden;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav {
  border-radius: 14px;
  background-color: var(--theme--box-bg-color);
  display: flex;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action {
  padding: 8px;
  transition: background-color ease-in-out 0.2s;
  border-radius: 20px;
  font-size: 0;
  margin-bottom: auto;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action + .form-pgx__item-search__nav__action {
  margin-left: 5px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action.disabled {
  opacity: 0.3;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__action:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__nav .form-pgx__item-search__nav__title {
  margin-right: 28px;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 5px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item-wrap {
  margin: 10px 0;
  padding: 0;
  display: none;
  max-height: 0;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  transition: max-height ease-in-out 0.2s;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item-wrap.visible {
  display: grid;
  max-height: 1000px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__waiting-item {
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 5px;
  padding: 10px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__waiting-item div span {
  display: block;
  height: 16px;
  position: relative;
  background-color: var(--theme--light-bg-color);
  border-radius: 10px;
  overflow: hidden;
  width: 70%;
  margin: 5px auto;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__waiting-item div span::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 100px;
  margin-left: -100px;
  background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 0.5) 100%);
  animation: waiting_span 1.3s cubic-bezier(0.1, 0, 0.4, 1) infinite;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__waiting-item div.form-pgx__item-search__item__waiting-element span {
  width: 50px;
  height: 10px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__waiting-item div.form-pgx__item-search__item__waiting-name span:nth-child(2) {
  width: 60%;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item {
  transition: all ease-in-out 0.2s;
  padding: 10px;
  line-height: 20px;
  font-weight: 700;
  font-size: 16px;
  color: var(--theme--txt-color);
  position: relative;
  border: 2px solid var(--theme--light-bg-color);
  border-radius: 5px;
  transition: border-radius ease-in-out 0.2s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  display: flex;
  flex-flow: column;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item .form-pgx__item-search__item__element {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: var(--theme--txt-highlight-color);
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item .form-pgx__item-search__item__name {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item .form-pgx__item-search__item__select-btn-wrap {
  display: none;
  text-align: center;
  margin-top: auto;
  padding-top: 10px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item .form-pgx__item-search__item__select-btn-wrap .form-pgx__item-search__item__selected-label {
  display: none;
  font-size: 12px;
  color: var(--theme--txt-highlight-color);
  padding: 10px 15px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item .form-pgx__item-search__item__select-btn-wrap.visible {
  display: block;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item.selected {
  background-color: var(--theme--light-bg-color);
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item.selected .form-pgx__item-search__item__select-btn-wrap .form-pgx__item-search__item__selected-label {
  display: block;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item.selected .form-pgx__item-search__item__select-btn-wrap .form-pgx__item-search__item__select-btn {
  display: none;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__results .form-pgx__item-search__item.hoverable:hover {
  cursor: pointer;
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__controls {
  display: flex;
  margin: 0 -20px;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__controls .item_eraseresult_button, .form-pgx .form-pgx__item-search .form-pgx__item-search__controls .item_quitsearch_button {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  transition: all ease-in-out 0.2s;
  background-color: var(--theme--box-bg-color);
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__controls .item_eraseresult_button:not(.disabled):hover, .form-pgx .form-pgx__item-search .form-pgx__item-search__controls .item_quitsearch_button:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
.form-pgx .form-pgx__item-search .form-pgx__item-search__waiting-templates {
  display: none;
}
.form-pgx[data-statut=chosen] .form-pgx__item-selected .item-search_button {
  display: none;
}
.form-pgx[data-statut=nochoose] .form-pgx__item-selected .form-pgx__item-selected__value {
  display: none;
}
.form-pgx[data-statut=nochoose] .form-pgx__item-search {
  /*display: none;*/
}
.form-pgx[data-statut=nochoose] .form-pgx__item-search .form-pgx__item-search__controls .item_eraseresult_button {
  display: none;
}
.form-pgx[data-open=none] .form-pgx__item-selected {
  max-height: 1000px;
}
.form-pgx[data-open=none] .form-pgx__item-search {
  max-height: 0;
}
.form-pgx[data-open=none]:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.form-pgx[data-open=none]:not(.disabled):hover .label, .form-pgx[data-open=none]:not(.disabled):hover .form-pgx__item-selected__value, .form-pgx[data-open=none]:not(.disabled):hover .item-search_button {
  color: var(--theme--txt-highlight-color);
}
.form-pgx[data-open=open] .form-pgx__item-selected {
  max-height: 0;
}
.form-pgx[data-open=open] .form-pgx__item-search {
  max-height: 1000px;
}

.form-fil {
  border: var(--theme-border);
  border-radius: 10px;
  overflow: hidden;
  transition: background-color ease-in-out 0.2s;
}
.form-fil > .label {
  display: block;
  color: var(--theme--txt-highlight-color);
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  text-align: center;
  margin: 5px 0 0 0;
  transition: color ease-in-out 0.2s;
}
.form-fil .form-fil__wrapper {
  padding: 0 20px 20px 20px;
}
.form-fil .form-fil__wrapper .form-fil__files {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__side {
  flex: 0 0 100px;
  min-height: 100px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-color: var(--theme--box-bg-color);
  display: flex;
  flex-flow: column;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__side .form-fil__files__item__side__thumb {
  margin: auto;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__side .form-fil__files__item__side__progress-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  display: none;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__side .form-fil__files__item__side__progress-wrapper .progress__bar {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(var(--pink), 1);
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__side .form-fil__files__item__side__progress-wrapper .progress__txt {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 100px;
  text-align: center;
  font-size: 32px;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__desc__name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools {
  display: flex;
  gap: 10px;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__actions {
  margin: 0;
  display: flex;
  list-style: none;
  font-size: 0;
  padding: 2px;
  border-radius: 22px;
  background-color: var(--theme--light-bg-color);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  align-self: flex-start;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__actions .action-btn {
  padding: 6px;
  transition: background-color ease-in-out 0.2s;
  border-radius: 20px;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__actions .action-btn svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__actions .action-btn:not(.disabled):hover {
  background-color: var(--theme--main-bg-color);
  cursor: pointer;
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__actions .action-btn:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.form-fil .form-fil__wrapper .form-fil__files .form-fil__files__item .form-fil__files__item__desc .form-fil__files__item__tools .form-fil__files__item__labels {
  flex: 1;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn {
  display: flex;
  gap: 10px;
  transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s, transform ease-in-out 0.2s;
  margin: 0 -10px;
  padding: 10px;
  border-radius: 10px;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__status-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-color: var(--theme--box-bg-color);
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__status-wrapper .form-fil__new-file-btn__icon {
  width: 100%;
  height: 100%;
  display: flex;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__status-wrapper .form-fil__new-file-btn__icon svg {
  margin: auto;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__desc {
  flex: 1;
  color: var(--theme--txt-highlight-color);
  align-self: center;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__desc .form-fil__new-file-btn__desc__cta {
  font-size: 16px;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn .form-fil__new-file-btn__desc .form-fil__new-file-btn__desc__details {
  font-size: 12px;
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn:hover {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
  transform: scale(1.05);
}
.form-fil .form-fil__wrapper .form-fil__new-file-btn:hover svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
.form-fil .form-fil__tpl {
  display: none;
}

:is(.form-btn, .form-inp, .form-txt, .form-rdo, .form-swh, .form-slt, .form-bla, .form-grp, .form-cbx, .form-pgx.form-fil) + :is(.form-btn, .form-inp, .form-txt, .form-rdo, .form-swh, .form-slt, .form-bla, .form-grp, .form-cbx, .form-pgx, .form-fil) {
  margin-top: 10px;
}

.form-widgets {
  display: flex;
  gap: 10px;
}
.form-widgets .pre-inp {
  color: var(--theme--txt-highlight-color);
}
.form-widgets .btn {
  transition: background-color ease-in-out 0.2s;
  margin: -2px 0;
  padding: 2px;
  border-radius: 20px;
  height: 20px;
  width: 20px;
}
.form-widgets .btn svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.form-widgets .btn:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.form-widgets .btn:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.form-widgets .asterisk {
  width: 5px;
  position: relative;
}
.form-widgets .asterisk::after {
  display: block;
  content: "•";
  color: rgb(var(--pink));
  position: absolute;
  right: 0;
}
.form-widgets .helper {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 12px;
  right: 0px;
  z-index: 1;
  opacity: 0.7;
  transition: all ease-in-out 0.2s;
}
.form-widgets .helper:hover {
  opacity: 1;
  cursor: pointer;
}
.form-widgets .securitychecker {
  position: absolute;
  width: 70px;
  top: 20px;
  right: 20px;
}
.form-widgets .securitychecker .securityled {
  height: 10px;
  border-radius: 5px;
  /*border: 2px solid rgba(102, 102, 153, 0.2);*/
  background-color: rgba(102, 102, 153, 0.2);
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.form-widgets .securitychecker .securityled::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  height: 10px;
  width: 0%;
}
.form-widgets .securitychecker .securityled[data-result=none]::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  height: 10px;
  width: 5%;
  background-color: rgb(43, 43, 54);
}
.form-widgets .securitychecker .securityled[data-result=bad]::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  height: 10px;
  width: 20%;
  background-color: #DE3033;
}
.form-widgets .securitychecker .securityled[data-result=medium]::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  height: 10px;
  width: 60%;
  background-color: #F98639;
}
.form-widgets .securitychecker .securityled[data-result=strong]::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  height: 10px;
  width: 100%;
  background-color: #66CC50;
}
.form-widgets .securitychecker .securitytext {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  top: -10px;
  position: relative;
}
.form-widgets .asterisk ~ .helper {
  right: 20px;
}

.xpendbox-caller {
  position: relative;
}
.xpendbox-caller input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}
.xpendbox-caller input:checked ~ .arrowhead {
  transform: rotate(90deg);
}
.xpendbox-caller .arrowhead {
  position: absolute;
  top: 4px;
  left: 4px;
  transition: transform ease-in-out 0.2s, stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.xpendbox-caller label {
  overflow: hidden;
  display: block;
  padding-left: 22px;
  transition: color ease-in-out 0.2s;
  position: relative;
}
.xpendbox-caller label::after {
  background-color: var(--theme--light-bg-color);
  content: "";
  display: inline-block;
  height: 2px;
  border-radius: 1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.xpendbox-caller label::after {
  left: 0.5em;
  margin-right: -100%;
}
.xpendbox-caller label:hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
}
.xpendbox-caller label:hover + .arrowhead {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}

.alert {
  padding: 10px;
  border-radius: 10px;
  font-weight: 500;
  background-color: var(--theme--box-bg-color);
  margin: 20px 0;
}
.alert .buttons {
  display: flex;
  margin-top: 20px;
}
.alert .buttons .roundedbutton {
  margin-top: 0;
}
.alert .buttons .roundedbutton + .roundedbutton {
  margin-left: 20px;
}
.alert .buttons.center {
  justify-content: center;
}
.alert.alert-success {
  color: #66cc50;
  background-color: rgba(102, 204, 80, 0.2);
}
.alert.alert-success svg {
  stroke: #66cc50;
  fill: #66cc50;
}
.alert.alert-warning {
  color: #f98639;
  background-color: rgba(249, 134, 57, 0.2);
}
.alert.alert-warning svg {
  stroke: #f98639;
  fill: #f98639;
}
.alert.alert-danger {
  color: #de3033;
  background-color: rgba(222, 48, 51, 0.2);
}
.alert.alert-danger svg {
  stroke: #de3033;
  fill: #de3033;
}

.message-box {
  border-radius: 15px;
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  background-color: var(--theme--box-bg-color);
  z-index: 0;
}
.message-box.classic {
  display: flex;
  align-items: center;
}
.message-box.classic .illustration {
  width: 150px;
  height: 150px;
  margin: -40px 10px -40px -40px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  flex: 0 0 150px;
}
.message-box.classic[max-width~="350px"] {
  flex-flow: column;
}
.message-box.classic[max-width~="350px"] .illustration {
  margin: -40px 0 10px 0;
}
.message-box.gridlayout {
  display: grid;
  padding: 30px;
  border-radius: 20px;
  grid-template-areas: "a b";
  grid-template-columns: 1fr 400px;
  grid-gap: 20px;
}
.message-box.gridlayout .textwrap {
  grid-area: a;
}
.message-box.gridlayout .bgshape {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}
.message-box.gridlayout .bgshape svg {
  fill: var(--theme--light-bg-color);
  width: 100%;
  height: 100%;
}
.message-box.gridlayout .title {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  color: rgba(var(--pink), 1);
}
.message-box.gridlayout .message {
  position: relative;
  max-width: 1000px;
  font-size: 18px;
  font-weight: 300;
}
.message-box.gridlayout .message svg {
  stroke: rgb(110, 103, 184);
}
.message-box.gridlayout .message strong {
  font-weight: 400;
  display: inline-block;
}
.message-box.gridlayout .illustration {
  margin: -30px -30px 0 -30px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  grid-area: b;
}
.message-box.gridlayout .illustration.oversize {
  margin: -50px -80px -50px 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-size: contain;
}
.message-box.gridlayout .illustration img {
  width: 100%;
  height: 100%;
}
.message-box.gridlayout[max-width~="1000px"] {
  grid-template-columns: 1fr 300px;
}
.message-box.gridlayout[max-width~="700px"], .message-box.gridlayout.gridlayout--vertical {
  grid-template-areas: "b" "a";
  grid-template-columns: 1fr;
  grid-gap: 0;
}
.message-box.gridlayout[max-width~="700px"] .bgshape, .message-box.gridlayout.gridlayout--vertical .bgshape {
  height: 45%;
  border-radius: 20px 20px 0 0;
}
.message-box.gridlayout[max-width~="700px"] .bgshape svg, .message-box.gridlayout.gridlayout--vertical .bgshape svg {
  transform: rotate(180deg);
}
.message-box.gridlayout[max-width~="700px"] .illustration, .message-box.gridlayout.gridlayout--vertical .illustration {
  background-position: bottom center;
  height: 200px;
}
.message-box.gridlayout[max-width~="700px"] .illustration.oversize, .message-box.gridlayout.gridlayout--vertical .illustration.oversize {
  margin: -60px -50px 0 -50px;
}
.message-box.gridlayout .buttons {
  flex-flow: column wrap;
}
.message-box.gridlayout .buttons .roundedbutton:not(:only-child) {
  align-self: stretch;
}
.message-box.gridlayout .buttons .roundedbutton + .roundedbutton {
  margin-left: 0;
  margin-top: 20px;
}
.message-box .buttons {
  display: flex;
  margin-top: 20px;
}
.message-box .buttons .roundedbutton {
  margin-top: 0;
}
.message-box .buttons .roundedbutton + .roundedbutton {
  margin-left: 20px;
}
.message-box .buttons.center {
  justify-content: center;
}
* + .message-box {
  margin-top: 50px;
}

.user-widget {
  display: inline-grid;
  align-items: center;
  font-size: 14px;
  position: relative;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "photo ident ident" "photo name  badges";
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
}
.user-widget .user-img {
  grid-area: photo;
}
.user-widget .user-name {
  overflow: hidden;
  grid-area: name;
  font-weight: 400;
  text-overflow: ellipsis;
}
.user-widget .user-ident {
  grid-area: ident;
}
.user-widget .user-badges {
  grid-area: badges;
}
.user-widget.user-widget--line {
  grid-template-columns: min-content min-content 1fr min-content;
  grid-template-rows: 1fr;
  grid-template-areas: "photo ident name  badges";
}
.user-widget.user-widget--photo-only {
  -moz-column-gap: 0;
       column-gap: 0;
}
.user-widget.backgrndStatus {
  --color-status: var(--theme--light-bg-color);
}
.user-widget.backgrndStatus .user-img {
  background-color: var(--color-status);
}
.user-widget.backgrndStatus .user-img span {
  color: rgb(var(--dark-blue));
}
.user-widget.borderStatus {
  --color-status: var(--theme--light-bg-color);
}
.user-widget.borderStatus .user-img {
  border: 2px solid var(--color-status);
  box-sizing: border-box;
}

.user-img {
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: var(--theme--light-bg-color);
  overflow: hidden;
  display: inline-block;
  line-height: inherit;
  vertical-align: middle;
  transition: all ease-in-out 0.2s;
  position: relative;
}
.user-img .icon {
  stroke: rgb(251, 249, 237);
  transition: all ease-in-out 0.2s;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.user-img.selectable::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  transition: inherit;
}
.user-img.selectable:hover {
  cursor: pointer;
}
.user-img.selectable:hover .pict_icon {
  opacity: 1;
  transform: translateY(-50%) translateX(-50%) scale(1.5);
}
.user-img.selectable:hover::before {
  transform: scale(1.1);
}
.user-img.connected {
  box-shadow: 0px 0px 30px 1px rgba(10, 251, 104, 0.8);
}
.user-img.user-img--10--solo {
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
}
.user-img.user-img--20--solo {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}
.user-img.user-img--30--solo {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
.user-img.user-img--40--solo {
  width: 40px;
  height: 40px;
}
.user-img.user-img--60--solo {
  width: 60px;
  height: 60px;
}
.user-img.user-img--80--solo {
  width: 80px;
  height: 80px;
}
.user-img.user-img--80--solo + .user-img.user-img--80--solo {
  margin-left: 20px;
}
.user-img.user-img--80--duo {
  width: 80px;
  height: 80px;
  position: relative;
}
.user-img.user-img--80--duo .user-img:nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
  width: 55px;
  z-index: 1;
  margin: 0;
}
.user-img.user-img--80--duo .user-img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 55px;
  width: 55px;
  z-index: 2;
  margin: 0;
}
.user-img.user-img--80--duo .user-img__count {
  position: absolute;
  bottom: 5px;
  right: 3px;
  font-size: 14px;
  font-weight: 700;
}
.user-img.user-img--80--duo + .user-img.user-img--80--duo {
  margin-left: 20px;
}
.user-img.user-img--160--solo {
  width: 160px;
  height: 160px;
}
.user-img.user-init {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  display: flex;
}
.user-img.user-init span {
  color: var(--theme--txt-highlight-color);
  margin: auto;
  text-transform: uppercase;
  font-weight: 500;
}
.user-img.user-ctr--30--solo {
  color: var(--theme--txt-highlight-color);
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  display: flex;
}
.user-img.user-ctr--30--solo span {
  margin: auto;
}

.user-img--80--solo__watermark {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.user-img--80--solo__watermark.watermark_formation_terminee {
  background-image: url(https://static.polyphonies.eu/img/interface/sonata.v3/watermark_formation_terminee_80.svg);
}

.user-img--160--solo__watermark {
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.user-img--160--solo__watermark.watermark_formation_terminee {
  background-image: url(https://static.polyphonies.eu/img/interface/sonata.v3/watermark_formation_terminee_80.svg);
}

.user-tooltip {
  display: grid;
  grid-template-columns: 80px 250px;
  grid-template-areas: "photo header" "kpi kpi" "details details" "actionsbar actionsbar";
  grid-gap: 10px;
}
.user-tooltip > .photo {
  grid-area: photo;
}
.user-tooltip > .header {
  grid-area: header;
  align-content: center;
}
.user-tooltip > .header .title {
  font-size: 16px;
  font-weight: 600;
  color: rgb(var(--pink));
  display: flex;
  gap: 5px;
}
.user-tooltip > .header .title .badges__holder {
  display: inline-flex;
}
.user-tooltip > .kpi {
  grid-area: kpi;
}
.user-tooltip > .kpi .kpi-wrapper .kpi {
  padding: 5px;
}
.user-tooltip > .kpi .kpi-wrapper .kpi .content {
  font-size: 24px;
  font-weight: 400;
}
.user-tooltip > .details {
  grid-area: details;
}
.user-tooltip > .details .h5-list .h5-item > span {
  font-size: 14px;
}
.user-tooltip > .actionsbar {
  grid-area: actionsbar;
  font-size: 0;
  overflow: visible;
  padding: 0;
  line-height: 0;
  display: flex;
  gap: 5px;
  justify-self: left;
}
.user-tooltip > .actionsbar .action-btn {
  padding: 8px;
  border-radius: 20px;
  transition: background-color ease-in-out 0.2s;
}
.user-tooltip > .actionsbar .action-btn svg {
  transition: stroke ease-in-out 0.2s, fill ease-in-out 0.2s;
}
.user-tooltip > .actionsbar .action-btn.principal {
  background-color: var(--theme--light-bg-color);
}
.user-tooltip > .actionsbar .action-btn.hidden {
  display: none;
}
.user-tooltip > .actionsbar .action-btn.disabled {
  opacity: 0.2;
}
.user-tooltip > .actionsbar .action-btn:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  cursor: pointer;
}
.user-tooltip > .actionsbar .action-btn:not(.disabled):hover svg {
  stroke: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
}
.user-tooltip > .actionsbar:not(:empty) {
  padding: 4px;
  border-radius: 22px;
  background-color: var(--theme--light-bg-color);
}

.labels-list, .table-data__c-labels-list {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 5px;
}
.labels-list .label, .table-data__c-labels-list .label {
  padding: 2px 5px;
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-color);
  font-size: 12px;
  font-weight: 500;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}
.labels-list .label svg, .table-data__c-labels-list .label svg {
  top: 2px;
  position: relative;
  margin-right: 2px;
}
.labels-list .label.green, .table-data__c-labels-list .label.green {
  background-color: rgba(var(--green), 0.3);
}
.labels-list .label.orange, .table-data__c-labels-list .label.orange {
  background-color: rgba(var(--orange), 0.3);
}
.labels-list .label.pink, .table-data__c-labels-list .label.pink {
  background-color: rgba(var(--pink), 0.3);
}
.labels-list .label.pink.label--icon-only svg, .table-data__c-labels-list .label.pink.label--icon-only svg {
  stroke: rgb(var(--pink));
  fill: rgb(var(--pink));
}
.labels-list .label.red, .table-data__c-labels-list .label.red {
  background-color: rgba(var(--red), 0.3);
}
.labels-list .label.label--icon-only, .table-data__c-labels-list .label.label--icon-only {
  line-height: normal;
  font-size: 0;
  padding: 0;
  background: transparent;
}
.labels-list .label.label--icon-only svg, .table-data__c-labels-list .label.label--icon-only svg {
  top: 0;
  margin: 0;
}
.labels-list.multiline, .table-data__c-labels-list.multiline {
  flex-wrap: wrap;
}

.counter-label {
  padding: 1px 4px;
  margin: 0 5px;
  border: 1px solid var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.counter-label .icon12 {
  top: 2px;
  position: relative;
  margin-right: 2px;
}
.counter-label.orange {
  border-color: rgba(var(--orange), 0.3);
  background-color: rgba(var(--orange), 0.3);
}

.progress-bar {
  display: flex;
  gap: 10px;
}
.progress-bar .progress-bar__item {
  --progress: 0%;
  overflow: hidden;
  flex: 1;
}
.progress-bar .progress-bar__item .progress-bar__item__gauge {
  background-color: var(--theme--light-bg-color);
  height: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.progress-bar .progress-bar__item .progress-bar__item__gauge span {
  height: 100%;
  width: var(--progress);
  border-radius: 5px;
  background-color: rgb(var(--blue));
  display: block;
}
.progress-bar .progress-bar__item .progress-bar__item__gauge.current span {
  background-color: rgb(var(--pink));
}

.nano-body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano-body > .nano-content {
  position: absolute;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  scroll-behavior: smooth;
}
.nano-body > .nano-content:focus {
  outline: thin dotted;
}
.nano-body > .nano-content::-webkit-scrollbar {
  display: none;
}
.nano-body.has-scrollbar > .nano-content {
  overflow-y: scroll;
}
.nano-body.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano-body > .nano-pane {
  position: absolute;
  width: 3px;
  right: 0px;
  top: 5px;
  bottom: 5px;
  transition: ease-in-out 0.2s;
  z-index: 101;
  padding: 0 5px;
}
.nano-body > .nano-pane > .nano-slider {
  background-color: rgba(151, 142, 230, 0.5);
  position: relative;
  margin: 0px;
  z-index: 1;
  transition: background-color ease-in-out 0.2s, opacity ease-in-out 0.2s, border-radius ease-in-out 0.2s;
}
.nano-body > .nano-pane::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 5px;
  bottom: 0px;
  left: 5px;
  background-color: rgba(151, 142, 230, 0.2);
  transition: background-color ease-in-out 0.2s, opacity ease-in-out 0.2s, border-radius ease-in-out 0.2s;
}
.nano-body > .nano-pane:hover, .nano-body > .nano-pane.active {
  width: 8px;
}
.nano-body > .nano-pane:hover > .nano-slider, .nano-body > .nano-pane.active > .nano-slider {
  border-radius: 5px;
}
.nano-body > .nano-pane:hover::after, .nano-body > .nano-pane.active::after {
  border-radius: 5px;
}
.nano-body > .nano-pane.active > .nano-slider {
  background-color: #978ee6;
}
.nano-body > .nano-pane.active::after {
  background-color: rgba(151, 142, 230, 0.5);
}

.nano-search {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano-search > .nano-content {
  position: absolute;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 20px;
}
.nano-search > .nano-content:focus {
  outline: thin dotted;
}
.nano-search > .nano-content::-webkit-scrollbar {
  display: none;
}
.nano-search.has-scrollbar > .nano-content {
  overflow-y: scroll;
}
.nano-search.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano-search > .nano-pane {
  position: absolute;
  width: 3px;
  right: 4px;
  top: 5px;
  bottom: 5px;
  transition: ease-in-out 0.2s;
  z-index: 101;
  padding: 0 5px;
}
.nano-search > .nano-pane > .nano-slider {
  background-color: rgba(151, 142, 230, 0.5);
  position: relative;
  margin: 0px;
  z-index: 1;
  transition: background-color ease-in-out 0.2s, opacity ease-in-out 0.2s, border-radius ease-in-out 0.2s;
}
.nano-search > .nano-pane::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 5px;
  bottom: 0px;
  left: 5px;
  background-color: rgba(151, 142, 230, 0.2);
  transition: background-color ease-in-out 0.2s, opacity ease-in-out 0.2s, border-radius ease-in-out 0.2s;
}
.nano-search > .nano-pane:hover, .nano-search > .nano-pane.active {
  width: 8px;
  right: 1px;
}
.nano-search > .nano-pane:hover > .nano-slider, .nano-search > .nano-pane.active > .nano-slider {
  border-radius: 5px;
}
.nano-search > .nano-pane:hover::after, .nano-search > .nano-pane.active::after {
  border-radius: 5px;
}
.nano-search > .nano-pane.active > .nano-slider {
  background-color: #978ee6;
}
.nano-search > .nano-pane.active::after {
  background-color: rgba(151, 142, 230, 0.5);
}

#polpup-wrapper {
  display: none;
  position: fixed;
  background-color: var(--theme--light-bg-color);
  z-index: 200;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 30px;
}
#polpup-wrapper .polPup {
  display: none;
  max-width: 600px;
  flex: 1;
  margin: auto;
  background: var(--theme--body-bg-gradient);
  border-radius: 20px;
  box-shadow: 0 10px 70px 0 rgba(var(--pink), 0.4);
}
#polpup-wrapper .polPup .message-box.gridlayout {
  grid-template-areas: "b" "a";
  grid-template-columns: 1fr;
}
#polpup-wrapper .polPup .message-box.gridlayout .bgshape {
  height: 45%;
  border-radius: 20px 20px 0 0;
}
#polpup-wrapper .polPup .message-box.gridlayout .bgshape svg {
  transform: rotate(180deg);
}
#polpup-wrapper .polPup .message-box.gridlayout .illustration {
  background-position: bottom center;
  height: 200px;
}
#polpup-wrapper .polPup .message-box.gridlayout .illustration.oversize {
  margin: -60px -60px 0 -60px;
}
#polpup-wrapper .polPup a.roundedbutton, #polpup-wrapper .polPup .roundedbutton {
  text-decoration: none;
}
#polpup-wrapper .polPup .ptabs--menu {
  border-bottom: 2px solid rgba(151, 142, 230, 0.2);
  display: flex;
  padding: 0;
  margin: 0 0 30px 0;
  position: sticky;
}
#polpup-wrapper .polPup .ptabs--menu li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  z-index: 0;
  transition: color ease-in-out 0.2s, border-color ease-in-out 0.2s;
  border-bottom: 2px solid rgba(151, 142, 230, 0);
  margin-bottom: -2px;
  color: var(--theme--txt-highlight-color);
}
#polpup-wrapper .polPup .ptabs--menu li svg, #polpup-wrapper .polPup .ptabs--menu li a {
  color: var(--theme--txt-highlight-color);
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
  transition: fill ease-in-out 0.2s, stroke ease-in-out 0.2s;
}
#polpup-wrapper .polPup .ptabs--menu li .labels-list {
  margin-left: 5px;
}
#polpup-wrapper .polPup .ptabs--menu li.active {
  color: var(--theme--txt-color);
  border-bottom: 2px solid var(--theme--txt-color);
}
#polpup-wrapper .polPup .ptabs--menu li.active svg {
  fill: var(--theme--txt-color);
  stroke: var(--theme--txt-color);
}
#polpup-wrapper .polPup .ptabs--menu li:not(.active):hover {
  cursor: pointer;
  color: var(--theme--txt-highlight-color);
  border-bottom: 2px solid var(--theme--txt-highlight-color);
}
#polpup-wrapper .polPup .ptab {
  display: none;
}
#polpup-wrapper .polPup .ptab.active {
  display: block;
}
#polpup-wrapper .polPup.compact {
  max-width: 450px;
}
#polpup-wrapper .polPup.wide {
  max-width: 800px;
}
#polpup-wrapper .polPup .polPupHeader {
  font-size: 24px;
  padding: 20px 30px 5px 30px;
  font-weight: 400;
  text-align: center;
  color: rgb(var(--pink));
}
#polpup-wrapper .polPup .polPupFloatZone {
  padding: 35px 30px 30px 30px;
  overflow: auto;
  scrollbar-color: rgba(110, 103, 184, 0.5) rgba(110, 103, 184, 0);
  scrollbar-width: thin;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-a {
  grid-area: a;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-b {
  grid-area: b;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-c {
  grid-area: c;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-d {
  grid-area: d;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-e {
  grid-area: e;
}
#polpup-wrapper .polPup .polPupFloatZone .polpup-grid .polpup-grid__area-f {
  grid-area: f;
}
#polpup-wrapper .polPup .polPupFloatZone::-webkit-scrollbar {
  width: 7px;
  padding-left: 1px;
  background-color: rgba(110, 103, 184, 0);
}
#polpup-wrapper .polPup .polPupFloatZone::-webkit-scrollbar-thumb {
  background-color: rgb(110, 103, 184);
  width: 7px;
}
#polpup-wrapper .polPup .polPupFloatZone:hover::-webkit-scrollbar {
  width: 7px;
  padding-left: 1px;
  background-color: rgba(110, 103, 184, 0.2);
}
#polpup-wrapper .polPup .polPupFloatZone:hover::-webkit-scrollbar-thumb {
  background-color: rgb(110, 103, 184);
  width: 7px;
}
#polpup-wrapper .polPup .polPupFloatZone:hover {
  scrollbar-color: rgb(110, 103, 184) rgba(110, 103, 184, 0.2);
  scrollbar-width: thin;
}
#polpup-wrapper .polPup .polPupTitle {
  margin: 0px 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  padding: 0px 0px 5px 0px;
}
#polpup-wrapper .polPup .polPupTitle:not(:first-child) {
  margin-top: 30px;
}
#polpup-wrapper .polPup .polPup__box {
  position: relative;
  background-color: var(--theme--light-bg-color);
  padding: 10px;
  border-radius: 10px;
}
#polpup-wrapper .polPup .polPup__box img, #polpup-wrapper .polPup .polPup__box video {
  width: 100%;
}
#polpup-wrapper .polPup .polPupFooter {
  padding: 0px;
  display: flex;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
#polpup-wrapper .polPup .polPupFooter .polpup_action {
  padding: 20px;
  text-align: center;
  flex: 1;
  font-size: 16px;
  transition: all ease-in-out 0.2s;
  background-color: var(--theme--box-bg-color);
}
#polpup-wrapper .polPup .polPupFooter .polpup_action:not(.disabled):hover {
  background-color: var(--theme--light-bg-color);
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
#polpup-wrapper .polPup .polPupFooter .polpup_action.principal {
  font-weight: 700;
}
#polpup-wrapper .polPup .polPupFooter .polpup_action.principal:not(.disabled):hover {
  color: var(--theme--txt-highlight-color);
}
#polpup-wrapper .polPup .polPupFooter .polpup_action.red:not(.disabled):hover {
  background-color: rgba(222, 48, 51, 0.2);
  color: rgb(222, 48, 51);
}

#whats-new__wrapper {
  display: flex;
  position: fixed;
  background-color: var(--theme--light-bg-color);
  z-index: 1001;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 30px;
}
#whats-new__wrapper #whats-new {
  flex: 1;
  margin: auto;
  max-width: 1000px;
}
#whats-new__wrapper #whats-new #whats-new__content {
  display: grid;
  grid-template-columns: 250px auto;
  grid-template-rows: 90px auto min-content;
  grid-template-areas: "title   pages" "menu    pages" "actions actions";
  grid-gap: 20px;
  background: var(--theme--body-bg-gradient);
  border-radius: 20px;
  box-shadow: 0 10px 70px 0 rgba(var(--pink), 0.4);
  min-height: 600px;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__title {
  grid-area: title;
  font-size: 24px;
  margin: 0;
  padding: 50px 0 0 30px;
  color: rgba(var(--pink), 1);
  font-weight: 500;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu {
  grid-area: menu;
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li {
  list-style: none;
  padding: 10px 10px 10px 20px;
  position: relative;
  transition: color ease-in-out 0.2s;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 5px;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li svg {
  transition: fill ease-in-out 0.2s, stroke ease-in-out 0.2s;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li::after {
  content: "";
  display: block;
  position: absolute;
  max-height: 0;
  width: 2px;
  border-radius: 1px;
  background-color: var(--theme--txt-color);
  top: 0;
  left: 0;
  height: 100%;
  transition: max-height ease-in-out 0.2s, background-color ease-in-out 0.2s;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li:hover {
  color: var(--theme--txt-highlight-color);
  cursor: pointer;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li:hover svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li.active {
  color: rgb(var(--pink));
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li.active svg {
  fill: rgb(var(--pink));
  stroke: rgb(var(--pink));
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li.active::after {
  background-color: rgb(var(--pink));
  max-height: 100%;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li.active:hover {
  cursor: default;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages {
  grid-area: pages;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-top-right-radius: 20px;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li {
  list-style: none;
  display: none;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__cover {
  aspect-ratio: 16/9;
  background-color: var(--theme--box-bg-color);
  font-size: 0;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__cover + .whats-new__page__explainer {
  padding-top: 20px;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer {
  display: flex;
  flex-flow: column;
  padding: 50px 30px 0 0;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer .whats-new__page__title {
  font-size: 20px;
  color: rgba(var(--pink), 1);
  font-weight: 500;
  margin: 0 0 10px 0;
  display: flex;
  gap: 5px;
  align-items: center;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer .whats-new__page__explain, #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer p {
  font-size: 16px;
  font-weight: 300;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li.active {
  display: block;
}
#whats-new__wrapper #whats-new #whats-new__content #whats-new__actions-bar {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 30px 30px 30px;
}

.pagination {
  margin: 20px 0 0 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
.pagination li {
  list-style: none;
  font-size: 12px;
  padding: 0px;
}
.pagination li a {
  padding: 5px 10px;
}
.pagination li.disabled {
  opacity: 0.5;
}
.pagination li.active a {
  color: rgb(var(--pink));
  font-weight: 700;
}

.badges__holder {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  justify-content: center;
  line-height: initial;
}
.badges__holder.badges__holder--medium {
  gap: 20px;
}
.badges__holder.badges__holder--medium .badge {
  flex: 1 0 100px;
  max-width: 150px;
}
.badges__holder.badges__holder--medium .badge img {
  width: 60px;
  height: 60px;
}
.badges__holder.badges__holder--medium.badges__holder--with-description .badge {
  flex: 1 0 200px;
}
.badges__holder.badges__holder--small {
  gap: 5px;
  flex-flow: row;
}
.badges__holder.badges__holder--small .badge {
  flex: 0 0 30px;
}
.badges__holder.badges__holder--small .badge img {
  width: 30px;
  height: 30px;
}
.badges__holder.badges__holder--tiny {
  gap: 2px;
  flex-flow: row;
}
.badges__holder.badges__holder--tiny .badge {
  flex: 0 0 20px;
}
.badges__holder.badges__holder--tiny .badge img {
  width: 20px;
  height: 20px;
}
.badges__holder.badges__holder--inline {
  display: inline-block;
  vertical-align: center;
}

.badge {
  text-align: center;
}
.badge .badge__name {
  font-weight: 700;
  font-size: 16px;
}
.badge .badge__description {
  font-size: 14px;
}

.kpi-wrapper {
  border-radius: 10px;
  border: 2px solid var(--theme--light-bg-color);
  display: flex;
}
.kpi-wrapper .kpi {
  padding: 10px;
  flex: 1;
  line-height: normal;
}
.kpi-wrapper .kpi .content {
  font-size: 30px;
  font-weight: 300;
}
.kpi-wrapper .kpi .label {
  font-size: 12px;
  font-weight: 700;
  color: var(--theme--txt-highlight-color);
}
.kpi-wrapper .kpi .label svg {
  fill: var(--theme--txt-highlight-color);
  stroke: var(--theme--txt-highlight-color);
}

@keyframes pleaseWaitLoading {
  from {
    left: -100%;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
#pleaseWait {
  height: 60px;
  width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 300;
  display: none;
}
#pleaseWait:before {
  display: block;
  position: absolute;
  content: "";
  left: -100%;
  width: 100%;
  height: 4px;
  opacity: 0;
  top: -2px;
  background-color: rgba(var(--pink), 1);
  box-shadow: 0 0px 60px 6px rgba(var(--pink), 1);
  transition: opacity ease-out 0.5s;
}
#pleaseWait[data-active=active] {
  display: block;
}
#pleaseWait[data-active=active]:before {
  animation: pleaseWaitLoading 0.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.center {
  text-align: center;
}
p.center, .center p {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}

.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}

.no-clamp {
  white-space: normal !important;
}

.sticky {
  position: sticky;
  top: calc(var(--navigation-bar-offset) + 50px);
}

.sidebar {
  will-change: min-height;
}

.sidebar__inner {
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

.sz {
  display: inline-block;
  transition: background-color ease-in-out 0.2s;
  border-radius: 3px;
  padding: 1px 3px;
  margin: -1px -3px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  line-height: initial;
}
.sz:hover {
  cursor: text;
  background-color: rgba(208, 204, 255, 0.5);
}
.sz.sz--all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.sz.sz--all:hover {
  cursor: alias;
}
.sz::-moz-selection {
  color: rgb(var(--extrem-light-blue)) !important;
  background-color: rgb(var(--pink)) !important;
}
.sz::selection {
  color: rgb(var(--extrem-light-blue)) !important;
  background-color: rgb(var(--pink)) !important;
}

#help-footer {
  font-size: 12px;
}
#help-footer .logo svg {
  height: 50px;
  fill: rgb(var(--pink));
}

@media (hover: hover) and (pointer: fine) {
  .touch-only {
    display: none !important;
  }
}

body[data-theme=dark] {
  --theme--main-bg-color: rgba(var(--very-dark-blue),1);
  --theme--txt-color: rgba(var(--extrem-light-blue),1);
  --theme--txt-highlight-color: rgba(var(--very-light-blue),1);
  --theme--light-bg-color: rgba(var(--dark-blue),.5);
  --theme--box-bg-color: rgba(var(--dark-blue),.1);
  --theme--selected-box-bg-color: rgba(var(--dark-blue),.3);
  --theme--body-bg-gradient:
  	linear-gradient(45deg, rgb(var(--dark-blue)) -20%, rgb(var(--very-dark-blue)) 30%, rgb(var(--very-dark-blue)) 70%, rgb(var(--dark-blue)) 110%);
  --theme--box-bg-gradient:
  	linear-gradient(45deg, rgba(var(--blue),.05) -20%, rgba(var(--very-dark-blue),.5) 30%, rgb(var(--very-dark-blue),.5) 70%, rgba(var(--blue),.05) 120%) padding-box,
  	linear-gradient(0deg, rgba(var(--blue),.1) 0%, rgba(var(--blue),.4) 100%) border-box;
  --theme--highlight-bg-gradient:
  	linear-gradient(45deg, rgba(var(--blue),.05) 0%, rgba(var(--very-dark-blue),.5) 20%, rgb(var(--blue),.2) 80%, rgba(var(--very-light-blue),.05) 100%) padding-box,
  	linear-gradient(0deg, rgba(var(--blue),.3) 0%, rgba(var(--blue),.5) 100%) border-box;
  --theme-box-shadow:
  	rgba(var(--dark-blue),0.05) -5px -23px 25px 0px inset,
  	rgba(var(--dark-blue),0.05) -4px -36px 30px 0px inset,
  	rgba(var(--dark-blue),0.05) 0px 8px 4px,
  	rgba(var(--dark-blue),0.05) 0px 16px 8px;
  --theme-border: 2px solid var(--theme--light-bg-color);
}

@media (prefers-color-scheme: dark) {
  :root {
    --theme--main-bg-color: rgba(var(--very-dark-blue),1);
    --theme--txt-color: rgba(var(--extrem-light-blue),1);
    --theme--txt-highlight-color: rgba(var(--very-light-blue),1);
    --theme--light-bg-color: rgba(var(--dark-blue),.5);
    --theme--box-bg-color: rgba(var(--dark-blue),.1);
    --theme--selected-box-bg-color: rgba(var(--dark-blue),.3);
    --theme--body-bg-gradient:
    	linear-gradient(45deg, rgb(var(--dark-blue)) -20%, rgb(var(--very-dark-blue)) 30%, rgb(var(--very-dark-blue)) 70%, rgb(var(--dark-blue)) 110%);
    --theme--box-bg-gradient:
    	linear-gradient(45deg, rgba(var(--blue),.05) -20%, rgba(var(--very-dark-blue),.5) 30%, rgb(var(--very-dark-blue),.5) 70%, rgba(var(--blue),.05) 120%) padding-box,
    	linear-gradient(0deg, rgba(var(--blue),.1) 0%, rgba(var(--blue),.4) 100%) border-box;
    --theme--highlight-bg-gradient:
    	linear-gradient(45deg, rgba(var(--blue),.05) 0%, rgba(var(--very-dark-blue),.5) 20%, rgb(var(--blue),.3) 80%, rgba(var(--blue),.05) 100%) padding-box,
    	linear-gradient(0deg, rgba(var(--blue),.5) 0%, rgba(var(--blue),.7) 100%) border-box;
    --theme-box-shadow:
    	rgba(var(--dark-blue),0.05) -5px -23px 25px 0px inset,
    	rgba(var(--dark-blue),0.05) -4px -36px 30px 0px inset,
    	rgba(var(--dark-blue),0.05) 0px 8px 4px,
    	rgba(var(--dark-blue),0.05) 0px 16px 8px;
  }
  body[data-theme=light] {
    --theme--main-bg-color: rgba(var(--extrem-light-blue),1);
    --theme--txt-color: rgba(var(--dark-blue),1);
    --theme--txt-highlight-color: rgba(var(--light-blue),1);
    --theme--light-bg-color: rgba(var(--very-light-blue),.5);
    --theme--box-bg-color: rgba(var(--very-light-blue),.1);
    --theme--selected-box-bg-color: rgba(var(--very-light-blue),.3);
    --theme--body-bg-gradient:
    	linear-gradient(45deg, rgb(var(--very-light-blue)) -20%, rgb(var(--extrem-light-blue)) 30%, rgb(var(--extrem-light-blue),1) 70%, rgb(var(--very-light-blue)) 110%);
    --theme--box-bg-gradient:
    	linear-gradient(45deg, rgba(var(--very-light-blue),.05) -20%, rgba(var(--extrem-light-blue),.5) 30%, rgb(var(--extrem-light-blue),.6) 70%, rgba(var(--very-light-blue),.05) 120%) padding-box,
    	linear-gradient(0deg, rgba(var(--very-light-blue),.5) 0%, rgba(var(--very-light-blue),.2) 100%) border-box;
    --theme--highlight-bg-gradient:
    	linear-gradient(45deg, rgba(var(--light-blue),.05) 0%, rgba(var(--very-light-blue),.3) 20%, rgb(var(--extrem-light-blue),.5) 80%, rgba(var(--very-light-blue),.1) 100%) padding-box,
    	linear-gradient(0deg, rgba(var(--very-light-blue),.5) 0%, rgba(var(--very-light-blue),.2) 100%) border-box;
    --theme-box-shadow:
    	rgba(var(--very-light-blue),0.08) -5px -23px 25px 0px inset,
    	rgba(var(--very-light-blue),0.05) -4px -36px 30px 0px inset,
    	rgba(var(--very-light-blue),0.05) 0px 8px 4px,
    	rgba(var(--very-light-blue),0.05) 0px 16px 8px;
    --theme-border: 2px solid var(--theme--light-bg-color);
  }
}
.strokeBLE4 {
  stroke: rgb(251, 249, 237) !important;
}

@media only screen and (max-width: 1400px) {
  :root {
    --main-margin--w: 30px;
  }
  .box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .table-data {
    --table-data--g1: 15px;
    --table-data--g2: 20px;
    --table-data-menu: 19px;
  }
  .table-data .table-data__row.selectable, .table-data .table-data__row[data-selectable=true], .table-data .table-data__row.selected, .table-data .table-data__row:has(.table-data__c-menu-wrap.contextmenu) {
    padding: var(--tdata-padding-separation) 3px;
    margin: 0 -3px;
  }
  .table-data .table-data__header, .table-data .table-data__row, .table-data .table-data__waiting-row {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .card {
    padding-left: 20px;
    padding-right: 20px;
  }
  .card .card__bg-shape, .card .card__photo {
    margin-left: -20px;
    margin-right: -20px;
  }
  .message-box.gridlayout {
    padding: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  :root {
    --main-margin--w: 20px;
  }
  #menu-header .menu-header__content {
    flex-wrap: wrap;
  }
  #menu-header .menu-header__content .menu-header__content__right #menu-header__search-bar:not([data-active=true]) {
    max-width: 40px;
  }
  .box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card {
    padding-left: 15px;
    padding-right: 15px;
  }
  .card .card__bg-shape, .card .card__photo {
    margin-left: -15px;
    margin-right: -15px;
  }
  .message-box.gridlayout {
    padding: 15px;
  }
}
@media only screen and (max-width: 600px) {
  :root {
    --navigation-bar-offset: 90px;
    --main-header--height: 100px;
    --main-margin--w: 10px;
  }
  #menu-header .menu-header__content {
    padding-left: var(--main-margin--w);
    padding-right: var(--main-margin--w);
  }
  #menu-header .menu-header__content .menu-header__content__right {
    gap: var(--main-margin--w);
  }
  #menu-left {
    padding: 5px;
    width: auto;
    display: flex;
    justify-content: center;
    flex-flow: row;
    box-sizing: border-box;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow: inset 0 0 0 1px var(--theme--light-bg-color);
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #menu-left #menu-left__content {
    display: flex;
    flex-flow: row;
    flex: 1;
  }
  #menu-left #menu-left__content .menu-left__item {
    flex: 20%;
    display: flex;
    flex-flow: column;
    align-items: center;
    transition: background-color ease-in-out 0.2s;
    border-radius: 10px;
    padding: 5px;
  }
  #menu-left #menu-left__content .menu-left__item .menu-left__item__icon {
    transform: scale(1);
  }
  #menu-left #menu-left__content .menu-left__item span {
    opacity: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
  }
  #menu-left #menu-left__content .menu-left__item + .menu-left__item {
    margin-top: 0px !important;
  }
  #menu-left #menu-left__content .menu-left__item:hover span {
    margin-left: 0px;
  }
  #main-header {
    padding-left: var(--main-margin--w);
    padding-right: var(--main-margin--w);
  }
  #main-header .main-header__content .main-header__content__inner .main-header__logo {
    height: 50px;
  }
  #main-header .main-header__content .main-header__content__inner .main-header__baseline {
    font-size: 12px;
    font-weight: 400;
  }
  #main-header .main-header__content + #tab-wrapper {
    margin-top: 30px;
  }
  #tab-wrapper {
    margin-left: var(--main-margin--w);
  }
  footer {
    padding-left: 0;
    padding-bottom: 100px;
  }
  footer .footer__bg-shape {
    margin: 0;
  }
  footer .footer__content {
    padding: 0 20px;
  }
  footer .footer__content nav.footer__nav {
    flex-flow: column;
  }
  footer .footer__content nav.footer__nav .footer__nav__menu {
    flex-flow: column;
  }
  footer .footer__content nav.footer__nav .footer__nav__menu .footer__nav__menu__col {
    padding-top: 30px;
    padding-left: 0;
  }
  .grid-tpl {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-tpl.grid-tpl--default {
    grid-template-areas: "a" "b";
  }
  .box {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
  }
  .table-data .table-data__header.mob-no {
    display: none;
  }
  .table-data .table-data__row {
    align-items: start;
  }
  .table-data .table-data__row > span .mob-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--theme--txt-highlight-color);
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .card {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
  }
  .card .card__bg-shape, .card .card__photo {
    margin-left: -10px;
    margin-right: -10px;
  }
  .message-box.gridlayout {
    padding: 10px;
    border-radius: 10px;
  }
  #polpup-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  #polpup-wrapper .polPup .polPupHeader, #polpup-wrapper .polPup .polPupFloatZone {
    padding-left: 10px;
    padding-right: 10px;
  }
  #whats-new__wrapper #whats-new #whats-new__content {
    grid-template-columns: 1fr;
    grid-template-rows: min-content auto min-content min-content;
    grid-template-areas: "title" "pages" "menu" "actions";
    min-height: unset;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__title {
    padding: 20px 10px 0 10px;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__menu {
    display: flex;
    justify-content: center;
    padding: 0 10px;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li {
    flex: 0 1 25px;
    font-size: 0;
    height: 2px;
    padding: 5px;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__menu > li::after {
    top: auto;
    left: auto;
    background-color: var(--theme--light-bg-color);
    max-height: none;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages {
    border-radius: 0;
    overflow: auto;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li {
    max-height: calc(100vh - 300px);
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__cover + .whats-new__page__explainer {
    padding-top: 10px;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer {
    padding: 10px 10px 0 10px;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__pages > li .whats-new__page__explainer p {
    font-size: 14px;
    font-weight: 400;
  }
  #whats-new__wrapper #whats-new #whats-new__content #whats-new__actions-bar {
    padding: 0 10px 20px 10px;
  }
}
@media screen and (max-height: 1000px) {
  :root {
    --tdata-border-radius: 5px;
    --tdata-padding-separation: 5px;
    --main-margin--h: 30px;
  }
  #menu-left #menu-left__content .menu-left__item + .menu-left__item {
    margin-top: 10px;
  }
  .box {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .table-data .table-data__row > span.clamp-3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .table-data .table-data__row > span.table-data__c-user-profils-list {
    margin: -3px 0;
  }
  .table-data .table-data__row > span.table-data__c-xpend {
    padding: 3px 0 !important;
  }
  .table-data .table-data__row > span.table-data__c-actions-bar {
    margin: -3px 0;
  }
  .table-data .table-data__row > span.table-data__c-menu {
    margin: -3px 0;
  }
  .table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .table-data .table-data__row > span.table-data__c-menu ul.table-data__c-menu-wrap li {
    padding: 7px 9px;
  }
  .table-data .table-data__row > span.table-data__xpendcontent {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .table-data .table-data__row > span.table-data__c-user {
    margin: -3px 0;
  }
  .table-data .table-data__row.selectable:not(.disabled):hover span:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .table-data .table-data__row.selectable:not(.disabled):hover span:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .table-data .table-data__waiting-row > span.table-data__c-user {
    margin: -3px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-user-profils-list {
    margin: -3px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-xpend {
    padding: 3px 0 !important;
  }
  .table-data .table-data__waiting-row > span.table-data__c-actions-bar {
    margin: -3px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-menu {
    margin: -3px 0;
  }
  .table-data .table-data__header, .table-data .table-data__row, .table-data .table-data__waiting-row {
    row-gap: 3px;
  }
  .card {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .card .card__bg-shape, .card .card__photo {
    margin-top: -15px;
  }
  .card .card__block-top + .card__block-bottom {
    padding-top: 5px;
  }
  .alert {
    margin: 10px 0;
  }
}
@media screen and (max-height: 800px) {
  :root {
    --tdata-padding-separation: 3px;
    --main-margin--h: 20px;
  }
  #menu-left #menu-left__content .menu-left__item + .menu-left__item {
    margin-top: 5px;
  }
  .table-data .table-data__row > span.table-data__c-user-profils-list {
    margin: -1px 0;
  }
  .table-data .table-data__row > span.table-data__c-xpend {
    padding: 3px 0 !important;
  }
  .table-data .table-data__row > span.table-data__c-actions-bar {
    margin: -1px 0;
  }
  .table-data .table-data__row > span.table-data__c-menu {
    margin: -1px 0;
  }
  .table-data .table-data__row > span.table-data__c-menu .table-data__c-call-menu {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .table-data .table-data__row > span.table-data__xpendcontent {
    margin-top: -3px;
    margin-bottom: -3px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .table-data .table-data__row > span.table-data__c-user {
    margin: -1px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-user {
    margin: -1px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-user-profils-list {
    margin: -1px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-xpend {
    padding: 3px 0 !important;
  }
  .table-data .table-data__waiting-row > span.table-data__c-actions-bar {
    margin: -1px 0;
  }
  .table-data .table-data__waiting-row > span.table-data__c-menu {
    margin: -1px 0;
  }
  .table-data .table-data__header, .table-data .table-data__row, .table-data .table-data__waiting-row {
    row-gap: 1px;
  }
}/*# sourceMappingURL=sonata.v3.3.css.map */