@charset "UTF-8";@keyframes fade-up-cc971575 {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.inside[data-v-cc971575] {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  min-width: 60px;
}
.inside svg[data-v-cc971575] {
  position: absolute;
  left: -30%;
  bottom: 0;
  width: 300%;
  height: 200%;
  animation-name: move-left-cc971575;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes move-left-cc971575 {
0% {
    left: 0px;
    bottom: 0px;
}
50% {
    left: -200%;
    bottom: 0px;
}
100% {
    left: 0px;
    bottom: 0px;
}
}
ul[data-v-cc971575] {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  background: var(--white-500);
}
ul[data-v-cc971575]:after {
  position: absolute;
  background-image: linear-gradient(222deg, var(--dark-500) 17px, transparent 18px), linear-gradient(45deg, var(--dark-500) 17px, transparent 18px);
  background-size: 50px 50px;
  background-repeat: repeat;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: bilbo-loader-cc971575 infinite 20s;
}
@keyframes bilbo-loader-cc971575 {
0% {
    background-position-x: 0%;
    background-position-y: 0%;
}
100% {
    background-position-x: 100%;
    background-position-y: 100%;
}
}
ul li[data-v-cc971575] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  animation: svg-cc971575 24s infinite;
}
ul li svg[data-v-cc971575] {
  width: 120px;
  height: auto;
  fill: none;
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  image-rendering: optimizeQuality;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
ul li:nth-child(1) svg[data-v-cc971575] {
  fill: var(--dark-20);
  stroke: var(--dark-80);
  animation: line-3-svg-cc971575 4s infinite;
}
ul li:nth-child(2) svg[data-v-cc971575] {
  fill: var(--dark-10);
  stroke: var(--dark-20);
  animation: line-2-svg-cc971575 4s infinite;
}
ul li:nth-child(3) svg[data-v-cc971575] {
  fill: var(--dark-10);
  stroke: var(--dark-10);
  animation: line-1-svg-cc971575 4s infinite;
}
ul li:nth-child(4) svg[data-v-cc971575] {
  stroke-width: 1px;
  fill: var(--dark-80);
  animation: base-svg-cc971575 4s infinite;
}
ul.light[data-v-cc971575] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
}
ul.light[data-v-cc971575]:after {
  background-image: linear-gradient(222deg, var(--light-20) 37px, transparent 38px), linear-gradient(145deg, var(--light-10) 37px, transparent 38px);
  animation: bilbo-loader-cc971575 infinite 8s;
}
ul.light li svg[data-v-cc971575] {
  width: 60px;
}
ul.lightest[data-v-cc971575] {
  background: none;
  animation: none;
}
ul.lightest[data-v-cc971575]:after {
  display: none;
}
ul.lightest li svg[data-v-cc971575] {
  width: 40px;
}
ul.opacity-mode[data-v-cc971575] {
  background: none;
  animation: none;
}
ul.opacity-mode[data-v-cc971575]:after {
  display: none;
}
ul.opacity-mode li[data-v-cc971575] {
  top: 50%;
  height: 50%;
}
ul.opacity-mode li svg[data-v-cc971575] {
  width: 80px;
}
@keyframes base-svg-cc971575 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
@keyframes line-1-svg-cc971575 {
0% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.6);
    opacity: 0.6;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes line-2-svg-cc971575 {
0% {
    transform: scale(1);
    opacity: 0.8;
}
50% {
    transform: scale(2);
    opacity: 0.4;
}
100% {
    transform: scale(1);
    opacity: 0.8;
}
}
@keyframes line-3-svg-cc971575 {
0% {
    transform: scale(1);
    opacity: 0.6;
}
50% {
    transform: scale(2.4);
    opacity: 0.2;
}
100% {
    transform: scale(1);
    opacity: 0.6;
}
}
@keyframes svg-cc971575 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}@keyframes fade-up-862161d4 {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
button[data-v-862161d4] {
  outline: none;
  height: 56px;
  width: 56px;
  gap: 0;
  display: flex;
  font-variant: unset;
  transition: all 0.4s;
  align-items: center;
  justify-content: center;
  background: var(--gradient-1);
  border: none;
  padding: 0;
  border-radius: 10px;
  cursor: pointer;
}
button svg[data-v-862161d4] {
  fill: var(--white-500);
  stroke: var(--white-80);
  width: 14px;
  height: 14px;
}
button[data-v-862161d4]:hover {
  opacity: 0.8;
}
button[disabled][data-v-862161d4] {
  cursor: default;
  filter: grayscale(1);
  opacity: 0.8;
}
button.round[data-v-862161d4] {
  border-radius: 50%;
}
button.size-xl[data-v-862161d4] {
  width: 70px;
  height: 70px;
}
button.size-xl svg[data-v-862161d4] {
  width: 30px;
  height: 30px;
}
button.size-l[data-v-862161d4] {
  width: 50px;
  height: 50px;
}
button.size-l svg[data-v-862161d4] {
  width: 22px;
  height: 22px;
}
button.size-m[data-v-862161d4] {
  width: 38px;
  height: 38px;
}
button.size-m svg[data-v-862161d4] {
  width: 14px;
  height: 14px;
}
button.size-s[data-v-862161d4] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  flex-shrink: 0;
}
button.size-s svg[data-v-862161d4] {
  width: 14px;
  height: 14px;
}
button.active[data-v-862161d4] {
  opacity: 0.8;
  backdrop-filter: blur(2px);
}
button.secondary[data-v-862161d4] {
  background-color: transparent;
  color: var(--dark-500);
  position: relative;
  background: var(--gradient-1) border-box;
  font-weight: 500;
}
button.secondary[data-v-862161d4]:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  background: var(--white-500);
  bottom: 1px;
  border-radius: 10px;
}
button.secondary svg[data-v-862161d4] {
  z-index: 1;
  fill: var(--primary-200);
  stroke: var(--primary-500);
}
button.secondary.active[data-v-862161d4] {
  background: var(--light-10);
  backdrop-filter: blur(2px);
}
button.secondary.active svg[data-v-862161d4] {
  fill: var(--primary-300);
  stroke: var(--tertiary-500);
}
button.tertiary[data-v-862161d4] {
  background: transparent;
}
button.tertiary svg[data-v-862161d4] {
  fill: var(--dark-500);
  stroke: var(--dark-80);
}
button.tertiary.invert svg[data-v-862161d4] {
  fill: var(--white-500);
  stroke: var(--white-80);
}
button.tertiary:hover svg[data-v-862161d4] {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
button.tertiary.active[data-v-862161d4] {
  background: var(--light-10);
  backdrop-filter: blur(2px);
}
button.tertiary.active svg[data-v-862161d4] {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
button.loader[data-v-862161d4] {
  position: relative;
  overflow: hidden;
}
button.loader[data-v-862161d4] > * {
  opacity: 0;
}
button.loader > .inside[data-v-862161d4] {
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  bottom: 0;
  opacity: 1;
}
button.animate-1[data-v-862161d4] {
  animation: animate-1-862161d4 0.8s ease-in-out forwards;
  position: ease-in-out;
}
button.animate-1 img[data-v-862161d4],
button.animate-1 svg[data-v-862161d4] {
  z-index: 1;
}
button.animate-1[data-v-862161d4]:before, button.animate-1[data-v-862161d4]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: var(--light-20);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 50%;
  display: block;
  animation: animate-1-pseudo-862161d4 0.8s ease-in-out forwards;
}
button.animate-1[data-v-862161d4]:after {
  background: var(--light-10);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
}
@keyframes animate-1-pseudo-862161d4 {
0% {
    transform: translateX(-50%) translateY(-50%) scale(0.6);
    opacity: 0;
}
40% {
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    opacity: 1;
}
60% {
    transform: translateX(-50%) translateY(-50%) scale(0.9);
}
80% {
    transform: translateX(-50%) translateY(-50%) scale(1.05);
}
100% {
    transform: translateX(-50%) translateY(-50%) scale(1);
}
}
@keyframes animate-1-862161d4 {
0% {
    transform: scale(0.6);
    opacity: 0;
}
40% {
    transform: scale(1.1);
    opacity: 1;
}
60% {
    transform: scale(0.9);
}
80% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}@keyframes fade-up-702b1db3 {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
button[data-v-702b1db3] {
  cursor: pointer;
  border: none;
  outline: none;
  gap: 12px;
  height: 56px;
  display: flex;
  font-variant: unset;
  transition: all 0.4s;
  align-items: center;
  justify-content: center;
  background: var(--gradient-1);
  padding: 0 24px;
  border-radius: 10px;
  font: var(--font-body-1);
  color: var(--white-500);
  transition: all 0.2s;
}
button svg[data-v-702b1db3] {
  fill: var(--white-500);
  stroke: var(--white-80);
  width: 18px;
  height: 18px;
}
button[data-v-702b1db3]:before {
  border-radius: 10px;
}
button[data-v-702b1db3]:hover {
  opacity: 0.8;
}
button[disabled][data-v-702b1db3] {
  cursor: default;
  filter: grayscale(1);
  opacity: 0.8;
}
button.size-l[data-v-702b1db3] {
  height: 44px;
}
button.size-l svg[data-v-702b1db3] {
  width: 16px;
  height: 16px;
}
button.size-m[data-v-702b1db3] {
  height: 38px;
}
button.size-m svg[data-v-702b1db3] {
  width: 14px;
  height: 14px;
}
button.size-s[data-v-702b1db3] {
  padding: 0 16px;
  height: 32px;
  min-width: 54px;
  border-radius: 16px;
  font: var(--font-caption);
  flex-shrink: 0;
}
button.size-s[data-v-702b1db3]:before {
  border-radius: 16px;
}
button.size-s svg[data-v-702b1db3] {
  width: 12px;
  height: 12px;
}
button.secondary[data-v-702b1db3] {
  background-color: transparent;
  color: var(--dark-500);
  position: relative;
  background: var(--gradient-1) border-box;
  font-weight: 500;
}
button.secondary[data-v-702b1db3]:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  background: var(--white-500);
  bottom: 1px;
}
button.secondary svg[data-v-702b1db3] {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
  z-index: 1;
}
button.secondary span[data-v-702b1db3] {
  z-index: 1;
  background: var(--dark-500);
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
button.tertiary[data-v-702b1db3] {
  background: transparent;
}
button.tertiary svg[data-v-702b1db3] {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
button.tertiary span[data-v-702b1db3] {
  color: var(--primary-500);
}
button.tertiary.active[data-v-702b1db3] {
  background: var(--light-10);
  backdrop-filter: blur(2px);
}
button.tertiary.active svg[data-v-702b1db3] {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
button.tap[data-v-702b1db3] {
  padding: 0 8px 0 0;
  background: transparent;
  position: relative;
  justify-content: start;
}
button.tap svg[data-v-702b1db3] {
  fill: var(--dark-500);
  stroke: var(--dark-80);
  height: 30px;
  width: 30px;
  z-index: 1;
  margin: 0 13px;
  flex-shrink: 0;
}
button.tap[data-v-702b1db3]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  width: 56px;
  background: var(--light-80);
}
button.tap span[data-v-702b1db3] {
  font: var(--font-body-2);
  font-weight: bold;
  color: var(--dark-500);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
button.loader[data-v-702b1db3] {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  min-width: 60px;
}
button.loader[data-v-702b1db3] > * {
  opacity: 0;
}
button.loader > .inside[data-v-702b1db3] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
}
button.icon-mode[data-v-702b1db3] {
  padding: 0;
  width: 56px;
}
button.icon-mode.size-l[data-v-702b1db3] {
  width: 50px;
  height: 50px;
}
button.icon-mode.size-m[data-v-702b1db3] {
  width: 38px;
  height: 38px;
}
button.icon-mode.size-s[data-v-702b1db3] {
  width: 32px;
  height: 32px;
}@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.modal-box {
  display: flex;
  flex-direction: column;
  max-height: 40vh;
  z-index: 400;
  background: var(--white-80);
  backdrop-filter: blur(8px);
  box-shadow: 0px 0px 6px -3px var(--dark-500);
  position: fixed;
  border-radius: 10px;
  padding: 8px 0;
  transition: transform 0.3s ease-out;
  min-width: 192px;
}
.modal-box.size-l {
  max-height: 80vh;
}
.modal-box > ul {
  list-style: none;
  padding: 0;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 8px;
  margin: 2px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 100%;
  height: 1%;
}
.modal-box > ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--white-10);
  border-radius: 20px;
}
.modal-box > ul::-webkit-scrollbar-track, .modal-box > ul::-webkit-scrollbar-corner {
  background-color: var(--white-10);
  width: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-box > ul::-webkit-scrollbar-thumb {
  background-color: var(--dark-20);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-box > ul::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-500);
}
.modal-box > ul::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.modal-box > ul::-webkit-scrollbar-thumb:vertical {
  min-height: 40px;
}
.modal-box > ul > li {
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  align-items: center;
  justify-content: space-between;
  font: var(--font-body-2);
  color: var(--dark-500);
  cursor: pointer;
  gap: 20px;
  min-width: 192px;
  flex-shrink: 0;
}
.modal-box > ul > li .skeleton-wrapper {
  width: 30px;
  height: 30px;
  margin: -7px;
  border-radius: 8px;
  overflow: hidden;
}
.modal-box > ul > li svg {
  fill: var(--dark-20);
  stroke: var(--dark-80);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.modal-box > ul > li span {
  margin-right: auto;
}
.modal-box > ul > li.box-input {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}
.modal-box > ul > li.box-input .field {
  width: 100%;
}
.modal-box > ul > li.selected {
  color: var(--primary-500);
}
.modal-box > ul > li.selected svg.check {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
.modal-box > ul > li a {
  font: var(--font-body-2);
  color: var(--dark-500);
}
.modal-box > ul > li:hover {
  color: var(--primary-500);
}
.modal-box > ul > li:hover > svg {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
.modal-box > ul > li:hover > span {
  color: var(--primary-500);
}
.modal-box > ul > li.disabled {
  color: var(--dark-20);
  cursor: default;
}
.modal-box > ul > li.disabled > svg {
  fill: var(--dark-20);
  stroke: var(--dark-20);
}
.modal-box > ul > li.disabled > span {
  color: var(--dark-20);
}
.modal-box > ul > li.range-box {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: default;
  min-width: 260px;
}
.modal-box > ul > li.range-box > label {
  width: 48px;
  height: 28px;
  border-radius: 10px;
  font: var(--font-caption);
  background: var(--light-20);
  color: var(--dark-500);
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8px;
  user-select: none;
  flex-shrink: 0;
}
.modal-box > ul > li.range-box > div {
  flex: 1 1 100%;
  width: 1%;
}
.modal-box > ul > li.submenu {
  cursor: default;
}
.modal-box > ul > li.submenu:hover {
  background: transparent;
}
.modal-box > .loader {
  background-color: var(--white-500);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 10px;
}
.modal-box > .loader > div {
  margin: auto;
  width: 120px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.modal-box > .header {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  min-height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 1;
  padding: 0;
}
.modal-box > .header h3 {
  margin: 0 auto;
  padding: 0 40px;
  font: var(--font-h5);
  font-weight: bold;
  color: var(--dark-500);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-box > .header button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-box > .content {
  padding: 0 20px 20px;
  overflow: auto;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1;
}
.modal-box > .content::-webkit-scrollbar {
  width: var(--scroll-width);
  height: var(--scroll-width);
  background-color: transparent;
  border-radius: 20px;
}
.modal-box > .content::-webkit-scrollbar-track, .modal-box > .content::-webkit-scrollbar-corner {
  background-color: transparent;
  width: var(--scroll-width);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-box > .content::-webkit-scrollbar-thumb {
  background-color: var(--dark-500);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-box > .content::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-500);
}
.modal-box > .content::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.modal-box > .content::-webkit-scrollbar-thumb:vertical {
  min-height: 40px;
}
.modal-box.mobile {
  bottom: 0px;
  left: 0;
  right: 0;
  max-height: 360px;
  animation: fade-up 0.2s forwards;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  padding-bottom: 10px;
}
.modal-box.mobile:before {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background: var(--dark-20);
  flex-shrink: 0;
  margin: 0 auto 10px;
}
.modal-box.mobile li {
  font: var(--font-body-1);
  min-height: 54px;
  position: relative;
}
.modal-box.mobile li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, var(--primary-10) 0%, var(--primary-20) 50%, var(--primary-10) 100%);
  opacity: 0;
}
@media only screen and (orientation: portrait) {
.modal-box.mobile li:hover:before {
    animation: hightlight-fade-out 0.3s forwards;
}
}
.modal-box.mobile li:active:before {
  animation: hightlight-fade-in 0.6s forwards;
}
@keyframes hightlight-fade-in {
0% {
    opacity: 0;
    width: 0%;
}
100% {
    opacity: 0.3;
    width: 100%;
}
}
@keyframes hightlight-fade-out {
0% {
    opacity: 0.3;
    width: 100%;
}
100% {
    opacity: 0;
    width: 0%;
}
}
.modal-box.mobile li > svg {
  width: 24px;
  height: 24px;
}
.modal-box.mobile > ul > li.box-input {
  position: sticky;
}
.modal-box.full {
  max-height: 100%;
  height: 250px;
  width: 100%;
  border-radius: 0;
  padding-top: 30px;
  animation: fade-height 0.2s forwards;
}
@keyframes fade-height {
0% {
    height: 250px;
    transform: translateY(50px);
}
100% {
    height: 2500px;
    transform: translateY(0);
}
}
.direction-rtl .modal-box > ul > li span {
  margin-right: 0;
  margin-left: auto;
}
@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.select-field {
  display: flex;
  flex-direction: column;
}
.select-field > div {
  margin: 0 0 8px;
  display: flex;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.select-field > div:first-child {
  max-width: var(--input-max-width);
}
.select-field > div .placeholder {
  font: var(--font-body-1);
  color: var(--dark-80);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  background-color: transparent;
  transition: all 0.4s;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 30px);
}
.select-field > div .actions-block {
  position: absolute;
  top: 0;
  height: 100%;
  right: 8px;
  display: flex;
  align-items: center;
}
.select-field > div .actions-block > svg {
  fill: var(--dark-80);
  stroke: var(--dark-80);
  height: 20px;
  width: 20px;
  margin: 0 0 0 8px;
}
.select-field > div .actions-block > svg.arrow-down {
  fill: var(--dark-80);
  transition: all 0.4s;
}
.select-field > div > svg:not(.arrow-down) {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  fill: var(--dark-80);
  stroke: var(--dark-80);
}
.select-field > div input {
  width: 100%;
  padding: 9px 20px;
  height: 54px;
  font: var(--font-body-1);
  color: var(--dark-500);
  background: var(--white-500);
  border: 1px solid var(--gray-20);
  border-radius: 10px;
  outline: none;
  color-scheme: var(--сolor-scheme);
  padding-right: 44px;
  pointer-events: none;
}
.select-field > div input::placeholder {
  color: transparent;
}
.select-field > div input:focus, .select-field > div input:hover, .select-field > div input:not(:placeholder-shown) {
  padding-top: 20px;
  padding-bottom: 8px;
  border-color: var(--primary-500);
}
.select-field > div input:focus:not(:placeholder-shown) + .placeholder, .select-field > div input:focus:focus + .placeholder, .select-field > div input:hover:not(:placeholder-shown) + .placeholder, .select-field > div input:hover:focus + .placeholder, .select-field > div input:not(:placeholder-shown):not(:placeholder-shown) + .placeholder, .select-field > div input:not(:placeholder-shown):focus + .placeholder {
  color: var(--primary-80);
}
.select-field > div input:focus:not(:placeholder-shown) + .placeholder + svg:not(.icon-info), .select-field > div input:focus:focus + .placeholder + svg:not(.icon-info), .select-field > div input:hover:not(:placeholder-shown) + .placeholder + svg:not(.icon-info), .select-field > div input:hover:focus + .placeholder + svg:not(.icon-info), .select-field > div input:not(:placeholder-shown):not(:placeholder-shown) + .placeholder + svg:not(.icon-info), .select-field > div input:not(:placeholder-shown):focus + .placeholder + svg:not(.icon-info) {
  fill: var(--primary-80);
  stroke: var(--tertiary-80);
}
.select-field > div input:disabled {
  background-color: var(--light-10);
  color: var(--dark-20);
  border-color: var(--light-20);
}
.select-field > div input:disabled:not(:placeholder-shown) + .placeholder {
  color: var(--dark-20);
}
.select-field > div input:disabled + .placeholder {
  color: var(--dark-20);
}
.select-field > div input:disabled + .placeholder + svg:not(.icon-info) {
  fill: var(--dark-20);
  stroke: var(--dark-80);
}
.select-field > div input:disabled ~ .actions-block {
  display: none;
}
.select-field > div input.without-placeholder {
  padding-top: 0;
  padding-bottom: 0;
}
.select-field > div input:not(:placeholder-shown) + .placeholder, .select-field > div input:focus + .placeholder {
  font: var(--font-body-2);
  top: 8px;
  transform: none;
  background: transparent;
}
.select-field > div input ~ .actions-block .clean {
  opacity: 0;
}
.select-field > div input:not(:placeholder-shown) ~ .actions-block .clean {
  opacity: 1;
}
.select-field > div input:-webkit-autofill, .select-field > div input:-webkit-autofill:hover, .select-field > div input:-webkit-autofill:focus, .select-field > div input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.select-field > div input::-webkit-outer-spin-button, .select-field > div input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.select-field > div input.clearable {
  padding-right: 80px;
}
.select-field > div:hover input:not([disabled]) {
  border-color: var(--primary-500);
}
.select-field.disabled > div {
  cursor: default;
}
.select-field.opened > div .arrow-down {
  transform: rotate(180deg);
}
.select-field.opened > div input {
  border-color: var(--primary-500);
}
.select-field > .error {
  font: var(--font-label);
  color: var(--secondary-500) !important;
  display: flex;
  min-height: 11px;
}
.select-field.with-error > div input {
  border-color: var(--secondary-500) !important;
}
.select-field.with-error > div svg,
.select-field.with-error > div input:not(:placeholder-shown) + .placeholder + svg,
.select-field.with-error > div input:focus + .placeholder + svg {
  fill: var(--secondary-500) !important;
  stroke: var(--secondary-80) !important;
}
.select-field.with-error > div input:not(:placeholder-shown) + .placeholder + svg,
.select-field.with-error > div svg {
  color: var(--secondary-500) !important;
}
.select-field.with-icon > div input {
  padding-left: 52px;
}
.select-field.with-icon > div .placeholder {
  left: 53px;
}
.select-field.light > div input {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  height: 38px;
}
.select-field.light > div svg {
  height: 18px;
  width: 18px;
}
.select-field.light > div input:not(:placeholder-shown) + .placeholder,
.select-field.light > div input:focus + .placeholder {
  display: none;
}
.select-field.with-placeholder > div input:not(:placeholder-shown) + .placeholder,
.select-field.with-placeholder > div input:focus + .placeholder {
  display: flex;
  top: -6px;
  background: var(--white-500);
}
.select-field.noerror > div {
  margin: 0;
}
.select-field.noerror > .error {
  display: none;
}
.select-field.inline > div input {
  border-color: transparent !important;
  background: transparent;
  backdrop-filter: blur(8px);
  border-radius: 0;
}
.select-field.inline > div .actions-block {
  right: 16px;
}
.select-field.inline > div > svg:not(.arrow-down) {
  fill: var(--dark-80) !important;
  stroke: var(--dark-80) !important;
}
.select-field.icon-only > div {
  width: 44px;
  height: 44px;
}
.select-field.icon-only > div .placeholder,
.select-field.icon-only > div input {
  width: 44px;
  opacity: 0;
  padding: 0;
}
.select-field.icon-only > div > svg {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.select-field.icon-only > div .actions-block {
  display: none;
}
.direction-rtl .select-field > div .placeholder {
  padding-right: 0;
  padding-left: 80px;
  left: auto;
  right: 20px;
}
.direction-rtl .select-field > div .actions-block {
  right: auto;
  left: 8px;
}
.direction-rtl .select-field > div > svg:not(.arrow-down) {
  left: auto;
  right: 16px;
}
.direction-rtl .select-field > div input {
  padding-right: 20px;
  padding-left: 44px;
}
.direction-rtl .select-field > div input.clearable {
  padding-left: 80px;
  padding-right: 20px;
}
.direction-rtl .select-field.with-icon > div input {
  padding-right: 52px;
}
.direction-rtl .select-field.with-icon > div input:not(.clearable) {
  padding-left: 20px;
}
.direction-rtl .select-field.with-icon > div .placeholder {
  left: auto;
  right: 53px;
}
.direction-rtl .select-field.inline > div .actions-block {
  right: auto;
  left: 16px;
}
.direction-rtl .select-field.icon-only > div > svg {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(-50%);
}@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.options-list {
  display: flex;
  flex-direction: column;
  max-height: 250px;
  z-index: 400;
  background: var(--white-80);
  backdrop-filter: blur(8px);
  box-shadow: 0px 0px 6px -3px var(--dark-500);
  position: fixed;
  border-radius: 10px;
  padding: 8px 0;
  transition: transform 0.3s ease-out;
  min-width: 192px;
}
.options-list > ul {
  list-style: none;
  padding: 0;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 8px;
  margin: 2px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 100%;
  height: 1%;
}
.options-list > ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--white-10);
  border-radius: 20px;
}
.options-list > ul::-webkit-scrollbar-track, .options-list > ul::-webkit-scrollbar-corner {
  background-color: var(--white-10);
  width: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.options-list > ul::-webkit-scrollbar-thumb {
  background-color: var(--dark-20);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.options-list > ul::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-500);
}
.options-list > ul::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.options-list > ul::-webkit-scrollbar-thumb:vertical {
  min-height: 40px;
}
.options-list > ul > li {
  display: flex;
  flex-direction: row;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  font: var(--font-body-2);
  color: var(--dark-500);
  cursor: pointer;
  gap: 20px;
  min-width: 192px;
}
.options-list > ul > li svg {
  fill: var(--dark-20);
  stroke: var(--dark-80);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.options-list > ul > li span {
  margin-right: auto;
}
.options-list > ul > li.selected {
  color: var(--primary-500);
}
.options-list > ul > li.selected svg.check {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
.options-list > ul > li a {
  font: var(--font-body-2);
  color: var(--dark-500);
  padding: 20px;
  width: 100%;
  min-height: 54px;
}
.options-list > ul > li:hover {
  color: var(--primary-500);
}
.options-list > ul > li:hover > svg {
  fill: var(--primary-500);
  stroke: var(--tertiary-500);
}
.options-list > ul > li:hover > span {
  color: var(--primary-500);
}
.options-list > ul > li.disabled {
  color: var(--dark-20);
  cursor: default;
}
.options-list > ul > li.disabled > svg {
  fill: var(--dark-20);
  stroke: var(--dark-20);
}
.options-list > ul > li.disabled > span {
  color: var(--dark-20);
}
.options-list > ul > li.range-box {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: default;
  min-width: 260px;
}
.options-list > ul > li.range-box > label {
  width: 48px;
  height: 28px;
  border-radius: 10px;
  font: var(--font-caption);
  background: var(--light-20);
  color: var(--dark-500);
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8px;
  user-select: none;
  flex-shrink: 0;
}
.options-list > ul > li.range-box > div {
  flex: 1 1 100%;
  width: 1%;
}
.options-list > ul > li.submenu {
  cursor: default;
}
.options-list > ul > li.submenu:hover {
  background: transparent;
}
.options-list.mobile {
  bottom: 0px;
  left: 0;
  right: 0;
  max-height: 360px;
  animation: fade-up 0.2s forwards;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  padding-bottom: 10px;
}
.options-list.mobile:before {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background: var(--dark-20);
  flex-shrink: 0;
  margin: 0 auto 10px;
}
.options-list.mobile li {
  font: var(--font-body-1);
  min-height: 54px;
  position: relative;
}
.options-list.mobile li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, var(--primary-10) 0%, var(--primary-20) 50%, var(--primary-10) 100%);
  opacity: 0;
}
@media only screen and (orientation: portrait) {
.options-list.mobile li:hover:before {
    animation: hightlight-fade-out 0.3s forwards;
}
}
.options-list.mobile li:active:before {
  animation: hightlight-fade-in 0.6s forwards;
}
@keyframes hightlight-fade-in {
0% {
    opacity: 0;
    width: 0%;
}
100% {
    opacity: 0.3;
    width: 100%;
}
}
@keyframes hightlight-fade-out {
0% {
    opacity: 0.3;
    width: 100%;
}
100% {
    opacity: 0;
    width: 0%;
}
}
.options-list.mobile li > svg {
  width: 24px;
  height: 24px;
}
.options-list.full {
  max-height: 100%;
  height: 250px;
  width: 100%;
  border-radius: 0;
  padding-top: 30px;
  animation: fade-height 0.2s forwards;
}
@keyframes fade-height {
0% {
    height: 250px;
    transform: translateY(50px);
}
100% {
    height: 2500px;
    transform: translateY(0);
}
}@keyframes fade-up-2e031dc1 {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
div.header[data-v-2e031dc1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--primary-5);
  backdrop-filter: blur(8px);
  border-bottom: solid 1px var(--primary-20);
  min-height: var(--header-height);
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  transition: transform 0.4s;
}
div.header > div[data-v-2e031dc1] {
  max-width: var(--page-width);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sub-blocks-gap);
}
div.header > div > a[data-v-2e031dc1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
div.header > div > a img[data-v-2e031dc1] {
  max-height: 33px;
  width: 140px;
}
div.header > div > a span[data-v-2e031dc1] {
  font: var(--font-h5);
  font-weight: bold;
  color: var(--dark-500);
}
div.header > div ul[data-v-2e031dc1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  flex-shrink: 0;
  z-index: 1;
  gap: var(--sub-blocks-gap);
}
div.header > div ul li[data-v-2e031dc1] {
  display: flex;
  flex: 1 1;
}
div.header > div ul li a[data-v-2e031dc1],
div.header > div ul li button[data-v-2e031dc1] {
  flex: 1 1;
  text-decoration: none;
  font: var(--font-h5);
  color: var(--primary-200);
  transition: color 0.4s;
}
div.header > div ul li a[data-v-2e031dc1]:hover,
div.header > div ul li button[data-v-2e031dc1]:hover {
  color: var(--dark-500);
}
div.header > div ul li a[disabled=true][data-v-2e031dc1],
div.header > div ul li button[disabled=true][data-v-2e031dc1] {
  cursor: default;
  color: var(--dark-10);
}
div.header > div ul li.active a[data-v-2e031dc1],
div.header > div ul li.active button[data-v-2e031dc1] {
  color: var(--dark-500);
  font-weight: bold;
}
@media (max-width: 768px) {
div.header > div > a[data-v-2e031dc1]:first-child {
    margin-right: auto;
}
div.header > div > a:first-child img[data-v-2e031dc1] {
    max-width: 100px;
}
}
@media (max-width: 768px) {
.direction-rtl div.header > div > a[data-v-2e031dc1]:first-child {
    margin-right: 0;
    margin-left: auto;
}
}@keyframes fade-up-6c9aa71b {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
div.footer[data-v-6c9aa71b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--primary-5);
  backdrop-filter: blur(8px);
  border-bottom: solid 1px var(--primary-20);
  min-height: var(--footer-height);
  padding: 0 20px;
  z-index: 2;
  position: relative;
}
div.footer > div[data-v-6c9aa71b] {
  max-width: var(--page-width);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sub-blocks-gap);
}
div.footer > div > a[data-v-6c9aa71b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
div.footer > div > a img[data-v-6c9aa71b] {
  max-height: 33px;
}
div.footer > div > a span[data-v-6c9aa71b] {
  font: var(--font-h5);
  font-weight: bold;
  color: var(--dark-500);
}
div.footer > div ul[data-v-6c9aa71b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  flex-shrink: 0;
  z-index: 1;
  gap: 56px;
}
div.footer > div ul li[data-v-6c9aa71b] {
  display: flex;
  flex: 1 1;
}
div.footer > div ul li .kebab-menu[data-v-6c9aa71b] {
  text-decoration: none;
  font: var(--font-h5);
  color: var(--primary-200);
  cursor: pointer;
  transition: all 0.4s;
}
div.footer > div ul li .kebab-menu[data-v-6c9aa71b]:hover {
  color: var(--dark-500);
}
div.footer > div .social-links[data-v-6c9aa71b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
div.footer > div .social-links a[data-v-6c9aa71b] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--dark-10);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4;
  cursor: pointer;
}
div.footer > div .social-links a svg[data-v-6c9aa71b] {
  width: 24px;
  height: 24px;
  fill: var(--dark-500);
}
div.footer > div .social-links a[data-v-6c9aa71b]:hover {
  opacity: 0.8;
}
@media (min-width: 768px) and (max-width: 1024px) {
div.footer > div > a[data-v-6c9aa71b] {
    gap: 10px;
}
div.footer > div > a img[data-v-6c9aa71b] {
    max-height: 28px;
}
div.footer > div > ul[data-v-6c9aa71b] {
    gap: 36px;
}
div.footer > div .social-links[data-v-6c9aa71b] {
    gap: 12px;
}
div.footer > div .social-links a[data-v-6c9aa71b] {
    width: 44px;
    height: 44px;
}
}
@media (max-width: 768px) {
div.footer > div[data-v-6c9aa71b] {
    flex-direction: column;
    gap: 32px;
}
div.footer > div > a[data-v-6c9aa71b] {
    gap: 10px;
}
div.footer > div > a img[data-v-6c9aa71b] {
    max-height: 21px;
}
div.footer > div > ul[data-v-6c9aa71b] {
    gap: 40px;
}
div.footer > div .social-links[data-v-6c9aa71b] {
    gap: 12px;
}
div.footer > div .social-links a[data-v-6c9aa71b] {
    width: 40px;
    height: 40px;
}
}@keyframes fade-up-ee7f456b {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
div[data-v-ee7f456b] {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
}
div.move-1[data-v-ee7f456b] {
  animation: move-1-ee7f456b 200s linear infinite;
}
div.move-2[data-v-ee7f456b] {
  animation: move-2-ee7f456b 200s linear infinite;
}
@keyframes move-1-ee7f456b {
0% {
    transform: translateX(0px) translateY(0px);
}
20% {
    transform: translateX(400px) translateY(14px);
}
40% {
    transform: translateX(250px) translateY(30px);
}
60% {
    transform: translateX(-150px) translateY(-200px);
}
80% {
    transform: translateX(-100px) translateY(40px);
}
100% {
    transform: translateX(0) translateY(0);
}
}
@keyframes move-2-ee7f456b {
0% {
    transform: translateX(0px) translateY(0px);
}
20% {
    transform: translateX(-400px) translateY(400px);
}
40% {
    transform: translateX(-250px) translateY(200px);
}
60% {
    transform: translateX(150px) translateY(120px);
}
80% {
    transform: translateX(100px) translateY(-20px);
}
100% {
    transform: translateX(0) translateY(0);
}
}
div[data-v-ee7f456b]:before {
  border-radius: 50%;
  content: "";
  border: 2px solid var(--dark-10);
  height: 600px;
  width: 600px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div[data-v-ee7f456b]:after {
  content: "";
  background: radial-gradient(circle, var(--primary-900) 0, var(--white-5) 74%);
  height: 650px;
  width: 650px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0.6;
}@keyframes fade-up-2c35b512 {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.messages[data-v-2c35b512] {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}
.messages .messages-container[data-v-2c35b512] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding-top: 8px;
}
.messages .messages-container .message[data-v-2c35b512] {
  padding: 16px 24px;
  width: 100%;
  font: var(--font-caption);
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background-color: var(--dark-500);
  color: var(--white-500);
  position: relative;
  max-width: 80%;
  width: auto;
  backdrop-filter: blur(6px);
}
.messages .messages-container .message svg[data-v-2c35b512] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.messages .messages-container .message span[data-v-2c35b512] {
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  text-align: left;
  padding-top: 1px;
  line-height: 1;
}
.messages .messages-container .message.info[data-v-2c35b512] {
  background-color: var(--primary-10);
  color: var(--primary-80);
}
.messages .messages-container .message.info svg[data-v-2c35b512] {
  fill: var(--primary-500);
}
.messages .messages-container .message.info span.devider[data-v-2c35b512] {
  border-right-color: var(--primary-20);
}
.messages .messages-container .message.attention[data-v-2c35b512] {
  background-color: var(--secondary-10);
  color: var(--secondary-80);
}
.messages .messages-container .message.attention svg[data-v-2c35b512] {
  fill: var(--secondary-500);
}
.messages .messages-container .message.attention span.devider[data-v-2c35b512] {
  border-right-color: var(--secondary-20);
}
.messages .messages-container .message.success[data-v-2c35b512] {
  background-color: var(--color--option-1-10);
  color: var(--color--option-1-80);
}
.messages .messages-container .message.success svg[data-v-2c35b512] {
  fill: var(--color--option-1);
}
.messages .messages-container .message.success span.devider[data-v-2c35b512] {
  border-right-color: var(--color--option-1-20);
}@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
#pixi-box {
  z-index: auto;
  opacity: 0.5;
}
#pixi-recursion-logo,
#pixi-redeem,
#pixi-bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  filter: blur(8px);
  animation: fadeIn 5s forwards;
}
@keyframes fadeIn {
to {
    opacity: 0.8;
}
}
#pixi-recursion-logo {
  opacity: 0.4;
  filter: brightness(0.5);
  animation: recoursion-scale linear infinite 40s;
}
@keyframes recoursion-scale {
0% {
    transform: scale(1);
    opacity: 0.4;
}
50% {
    transform: scale(2);
    opacity: 0;
}
100% {
    transform: scale(1);
    opacity: 0.4;
}
}
#pixi-redeem {
  opacity: 1;
  filter: none;
}@keyframes fade-up-5bc2d25e {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.modal-container[data-v-5bc2d25e] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-height: var(--tg-viewport-height);
  background: var(--white-80);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 999;
  padding: 20px;
  animation: modal-bg ease-out 0.2s;
}
.modal-container .modal[data-v-5bc2d25e] {
  width: 100%;
  background-color: var(--white-500);
  border-radius: 10px;
  padding: 20px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
  animation: modal-in-5bc2d25e ease-out 0.1s;
  box-shadow: 0px 0px 8px -4px var(--dark-500);
  gap: 20px;
}
.modal-container .modal .loader[data-v-5bc2d25e] {
  background-color: var(--white-500);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 10px;
}
.modal-container .modal .loader > div[data-v-5bc2d25e] {
  margin: auto;
  width: 120px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.modal-container .modal .header[data-v-5bc2d25e] {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  min-height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 1;
  padding: 0;
}
.modal-container .modal .header h3[data-v-5bc2d25e] {
  margin: 0 auto;
  padding: 0 40px;
  font: var(--font-h5);
  font-weight: bold;
  color: var(--dark-500);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-container .modal .header button[data-v-5bc2d25e] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-container .modal .content[data-v-5bc2d25e] {
  padding: 0 20px 20px;
  overflow: auto;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1;
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar {
  width: var(--scroll-width);
  height: var(--scroll-width);
  background-color: transparent;
  border-radius: 20px;
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-track, .modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-corner {
  background-color: transparent;
  width: var(--scroll-width);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-thumb {
  background-color: var(--dark-500);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-500);
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
.modal-container .modal .content[data-v-5bc2d25e]::-webkit-scrollbar-thumb:vertical {
  min-height: 40px;
}
.modal-container.full-size[data-v-5bc2d25e] {
  background: transparent;
  background-color: transparent;
  padding: 0;
  animation: modal-full-bg-5bc2d25e ease-out 0.2s;
}
.modal-container.full-size .modal[data-v-5bc2d25e] {
  height: 100%;
  border-radius: 0;
  animation: none;
  box-shadow: none;
}
.modal-container.full-size.light .modal .content[data-v-5bc2d25e] {
  padding: 0;
}
.modal-container.full-size.light .modal[data-v-5bc2d25e]:before {
  content: none;
}
@keyframes modal-full-bg-5bc2d25e {
0% {
    background: var(--white-5);
    backdrop-filter: blur(0px);
}
100% {
    background: var(--white-80);
    backdrop-filter: blur(8px);
}
}
@keyframes modal-full-bg-5bc2d25e {
0% {
    background: rgba(34, 34, 34, 0.01);
}
100% {
    background: rgba(34, 34, 34, 0.72);
}
}
@keyframes modal-in-5bc2d25e {
0% {
    transform: scale(0.8);
    opacity: 0;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes modal-bg-2-5bc2d25e {
0% {
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: 82%;
}
50% {
    background-position-x: 50%;
    background-size: 152%;
}
100% {
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: 82%;
}
}@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.modal-confirm {
  max-width: 420px;
}@keyframes fade-up-db94b51c {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
.title[data-v-db94b51c] {
  font: var(--font-h5);
  text-align: start;
  font-weight: bold;
  color: var(--dark-500);
}
.modal-confirm-body[data-v-db94b51c] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-confirm-body .question[data-v-db94b51c] {
  font: var(--font-body-1);
  color: var(--dark-500);
  text-align: start;
  word-wrap: break-word;
  gap: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}
.modal-confirm-body .question b[data-v-db94b51c] {
  font-weight: bold;
}
.modal-confirm-body .confirmations[data-v-db94b51c] {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}
.modal-confirm-body .confirmations li input[type=checkbox][data-v-db94b51c] {
  opacity: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  top: 0px;
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  z-index: -2;
}
.modal-confirm-body .confirmations li input[type=checkbox][data-v-db94b51c]:focus, .modal-confirm-body .confirmations li input[type=checkbox][data-v-db94b51c]:active {
  box-shadow: none;
  border-color: transparent;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c] {
  min-height: 22px;
  display: flex;
  cursor: pointer;
  background: 0 0;
  position: relative;
  font: var(--font-body-2);
  color: var(--dark-500);
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c]:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background: var(--light-20);
  backdrop-filter: blur(2px);
  border: solid 1px var(--dark-20);
  flex-shrink: 0;
  border-radius: 3px;
  transition: all 0.2s;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c]:after {
  content: "";
  position: absolute;
  top: auto;
  width: 22px;
  height: 22px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='-3 -3 13 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99898 0.875286C8.34398 1.15129 8.39992 1.65473 8.12391 1.99974L4.12391 6.99974C3.98176 7.17743 3.77066 7.28617 3.54346 7.29876C3.31625 7.31134 3.09444 7.22657 2.93353 7.06566L0.433533 4.56566C0.121114 4.25325 0.121114 3.74671 0.433533 3.43429C0.745953 3.12187 1.25248 3.12187 1.5649 3.43429L3.43288 5.30227L6.87452 1.00022C7.15053 0.655215 7.65397 0.599278 7.99898 0.875286Z' fill='black'/%3E%3C/svg%3E");
  background: var(--white-500);
  background-repeat: no-repeat;
  display: flex;
  opacity: 0;
  transition: all 0.2s;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c]:hover {
  opacity: 0.9;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c]:focus {
  outline: none;
}
.modal-confirm-body .confirmations li input[type=checkbox] + label[data-v-db94b51c]:active:before {
  box-shadow: none;
  border-color: transparent;
}
.modal-confirm-body .confirmations li input[type=checkbox]:checked + label[data-v-db94b51c]:before {
  border: none;
  background: var(--gradient-1);
}
.modal-confirm-body .confirmations li input[type=checkbox]:checked + label[data-v-db94b51c]:after {
  opacity: 1;
}
.modal-confirm-body .confirmations li input[type=checkbox][disabled] + label[data-v-db94b51c] {
  color: var(--dark-20);
  cursor: default;
}
.modal-confirm-body .confirmations li input[type=checkbox][disabled] + label[data-v-db94b51c]:before {
  border-color: var(--light-20);
  background: var(--light-10);
}
.modal-confirm-body .confirmations li input[type=checkbox][disabled]:checked + label[data-v-db94b51c]:before {
  background: var(--light-80);
}
.buttons[data-v-db94b51c] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: end;
}:root {
    --сolor-scheme: dark;

    --light-500: rgba(50, 50, 50, 1); /* Тёмно-серый */
    --light-90: rgba(50, 50, 50, 0.9);
    --light-80: rgba(50, 50, 50, 0.8);
    --light-20: rgba(50, 50, 50, 0.2);
    --light-10: rgba(50, 50, 50, 0.1);
    --light-5: rgba(50, 50, 50, 0.05);

    --gray-500: rgba(80, 77, 84, 1); /* Темный графит */
    --gray-90: rgba(80, 77, 84, 0.9);
    --gray-80: rgba(80, 77, 84, 0.8);
    --gray-20: rgba(80, 77, 84, 0.2);
    --gray-10: rgba(80, 77, 84, 0.1);
    --gray-5: rgba(80, 77, 84, 0.05);

    --white-500: rgba(18, 18, 18, 1); /* Темно-серый вместо белого */
    --white-90: rgba(18, 18, 18, 0.9);
    --white-80: rgba(18, 18, 18, 0.8);
    --white-20: rgba(18, 18, 18, 0.2);
    --white-10: rgba(18, 18, 18, 0.1);
    --white-5: rgba(18, 18, 18, 0.05);
    --white-0: rgba(18, 18, 18, 0);

    --dark-500: rgba(255, 255, 255, 1);
    --dark-90: rgba(255, 255, 255, 0.9);
    --dark-80: rgba(255, 255, 255, 0.8);
    --dark-20: rgba(255, 255, 255, 0.2);
    --dark-10: rgba(255, 255, 255, 0.1);
    --dark-5: rgba(255, 255, 255, 0.05);

    --primary-100: rgba(209, 227, 245, 1);
    --primary-200: rgba(178, 207, 238, 1);
    --primary-300: rgba(132, 174, 217, 1);
    --primary-400: rgba(71, 144, 220, 1);
    --primary-500: rgba(16,134,255, 1);
    --primary-600: rgba(14, 113, 215, 1);
    --primary-700: rgba(16, 93, 172, 1);
    --primary-800: rgba(21, 79, 138, 1);
    --primary-900: rgba(11, 53, 96, 1);
    --primary-90: rgba(16,134,255, 0.9);
    --primary-80: rgba(16,134,255, 0.8);
    --primary-20: rgba(16,134,255, 0.2);
    --primary-10: rgba(16,134,255, 0.1);
    --primary-5: rgba(16,134,255, 0.05);

    --secondary-5: rgba(179, 48, 190, 0.05); /* Светлые оттенки вторичных цветов */
    --secondary-10: rgba(179, 48, 190, 0.1);
    --secondary-20: rgba(179, 48, 190, 0.2);
    --secondary-80: rgba(179, 48, 190, 0.8);
    --secondary-90: rgba(179, 48, 190, 0.9);
    --secondary-100: rgba(179, 48, 190, 1);
    --secondary-200: rgba(179, 48, 190, 1);
    --secondary-300: rgba(215, 86, 226, 1);
    --secondary-400: rgba(225, 122, 234, 1);
    --secondary-500: rgba(235, 154, 242, 1);
    --secondary-600: rgba(245, 208, 248, 1);
    --secondary-700: rgba(151, 24, 161, 1);
    --secondary-800: rgba(133, 23, 142, 1);
    --secondary-900: rgba(94, 13, 101, 1);
    
    --tertiary-5: rgba(4, 120, 239, 0.05); /* Темные оттенки третичных цветов */
    --tertiary-10: rgba(4, 120, 239, 0.1);
    --tertiary-20: rgba(4, 120, 239, 0.2);
    --tertiary-80: rgba(4, 120, 239, 0.8);
    --tertiary-90: rgba(4, 120, 239, 0.9);
    --tertiary-100: rgba(8, 79, 153, 1);
    --tertiary-200: rgba(14, 92, 172, 1);
    --tertiary-300: rgba(55, 147, 242, 1);
    --tertiary-400: rgba(109, 163, 219, 1);
    --tertiary-500: rgba(172, 200, 228, 1);
    --tertiary-600: rgba(206, 223, 241, 1);
    --tertiary-700: rgba(12, 110, 210, 1);
    --tertiary-800: rgba(4, 120, 239, 1);
    --tertiary-900: rgba(0, 60, 121, 1);

    --input-max-width: 400px;
    --textarea-max-width: 600px;

    --color--option-1-10: rgba(48, 190, 130, 0.1); /* Цвета опций */
    --color--option-1-20: rgba(48, 190, 130, 0.2);
    --color--option-1-80: rgba(48, 190, 130, 0.8);
    --color--option-1: rgba(48, 190, 130, 1);
    --color--option-2: #FFB4D3;
    --color--option-3: #FFC24C;
    --color--option-4: #D387F7;
    --color--option-5: #77E6FF;
    --color--option-6: #23C9DE;
    --color--option-7: #FF9E9E;

    --gradient-1: linear-gradient(90deg, var(--primary-500) 0%, var(--secondary-500) 100%);

    --font-h1: normal 26px/38px 'Brockmann', 'Montserrat', sans-serif;
    --font-h2: normal 60px/72px 'Brockmann', 'Montserrat', sans-serif;
    --font-h3: normal 54px/80px 'Brockmann', 'Montserrat', sans-serif;
    --font-h4: normal 34px/1 'Brockmann', 'Montserrat', sans-serif;
    --font-h5: normal 18px/24px 'Brockmann', 'Montserrat', sans-serif;
    --font-body: normal 26px/46px 'Brockmann', 'Montserrat', sans-serif;
    --font-body-1: normal 16px/20px 'Brockmann', 'Montserrat', sans-serif;
    --font-body-2: normal 14px/1 'Brockmann', 'Montserrat', sans-serif;
    --font-caption: normal 12px/14px 'Brockmann', 'Montserrat', sans-serif;

    --header-height: 106px;
    --footer-height: 168px;
    --blocks-gap: 200px;
    --sub-blocks-gap: 44px;
    --page-width: 1140px;
    --scroll-width: 12px;
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --header-height: 86px;
        --footer-height: 116px;
        --page-width: 736px;
        --blocks-gap: 100px;
        --sub-blocks-gap: 28px;
        --scroll-width: 8px;

        --font-h2: normal 52px/60px 'Brockmann', 'Montserrat', sans-serif;
        --font-h3: normal 36px/1.2 'Brockmann', 'Montserrat', sans-serif;
        --font-h4: normal 32px/1 'Brockmann', 'Montserrat', sans-serif;
        --font-h5: normal 14px/1.2 'Brockmann', 'Montserrat', sans-serif;
        --font-body: normal 20px/34px 'Brockmann', 'Montserrat', sans-serif;
        --font-body-1: normal 16px/20px 'Brockmann', 'Montserrat', sans-serif;
        --font-body-2: normal 12px/1.2 'Brockmann', 'Montserrat', sans-serif;
    }
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 768px) {
    :root {
        --header-height: 56px;
        --footer-height: 206px;
        --page-width: 328px;
        --blocks-gap: 80px;
        --sub-blocks-gap: 24px;
        --scroll-width: 4px;

        --font-h2: normal 36px/44px 'Brockmann', 'Montserrat', sans-serif;
        --font-h3: normal 28px/36px 'Brockmann', 'Montserrat', sans-serif;
        --font-h4: normal 18px/1 'Brockmann', 'Montserrat', sans-serif;
        --font-h5: normal 14px/1.2 'Brockmann', 'Montserrat', sans-serif;
        --font-body: normal 18px/28px 'Brockmann', 'Montserrat', sans-serif;
        --font-body-1: normal 15px/18px 'Brockmann', 'Montserrat', sans-serif;
    }
    .desktop-only {
        display: none !important;
    }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Light.604bbe85.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("/assets/Montserrat-Light.604bbe85.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Light.e8699324.woff") format("woff"), url("/assets/Montserrat-Light.89bda4b5.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-MediumItalic.3196029e.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/assets/Montserrat-MediumItalic.3196029e.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-MediumItalic.c28f8a03.woff") format("woff"), url("/assets/Montserrat-MediumItalic.7f26a011.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Thin.08f6fc78.eot");
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/assets/Montserrat-Thin.08f6fc78.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Thin.bac12db3.woff") format("woff"), url("/assets/Montserrat-Thin.18d071df.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-ExtraLightItalic.bfbdbca8.eot");
  src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/assets/Montserrat-ExtraLightItalic.bfbdbca8.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-ExtraLightItalic.be53b5e3.woff") format("woff"), url("/assets/Montserrat-ExtraLightItalic.f0c611f3.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-BoldItalic.6e5b0120.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/assets/Montserrat-BoldItalic.6e5b0120.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-BoldItalic.11c69fbf.woff") format("woff"), url("/assets/Montserrat-BoldItalic.ae636ebe.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-SemiBold.bea44ae8.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/assets/Montserrat-SemiBold.bea44ae8.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-SemiBold.e4787999.woff") format("woff"), url("/assets/Montserrat-SemiBold.a2bfd410.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-ExtraLight.b97a366e.eot");
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/assets/Montserrat-ExtraLight.b97a366e.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-ExtraLight.54cfcbd4.woff") format("woff"), url("/assets/Montserrat-ExtraLight.1b723214.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-ExtraBoldItalic.bf22f0c6.eot");
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/assets/Montserrat-ExtraBoldItalic.bf22f0c6.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-ExtraBoldItalic.19ba90df.woff") format("woff"), url("/assets/Montserrat-ExtraBoldItalic.712aedad.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Italic.aefcdeab.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/assets/Montserrat-Italic.aefcdeab.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Italic.952ad5f3.woff") format("woff"), url("/assets/Montserrat-Italic.93a433b2.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Bold.fbc57b68.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/assets/Montserrat-Bold.fbc57b68.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Bold.e1632dc3.woff") format("woff"), url("/assets/Montserrat-Bold.3353dbad.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-LightItalic.cc8f84f9.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/assets/Montserrat-LightItalic.cc8f84f9.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-LightItalic.409bb3c4.woff") format("woff"), url("/assets/Montserrat-LightItalic.866751b1.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-BlackItalic.8827a9fa.eot");
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/assets/Montserrat-BlackItalic.8827a9fa.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-BlackItalic.69e5bc3f.woff") format("woff"), url("/assets/Montserrat-BlackItalic.b5c1ab0d.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-SemiBoldItalic.93bf8e7d.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/assets/Montserrat-SemiBoldItalic.93bf8e7d.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-SemiBoldItalic.e291795b.woff") format("woff"), url("/assets/Montserrat-SemiBoldItalic.fe6197e5.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Regular.057bc6c4.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/assets/Montserrat-Regular.057bc6c4.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Regular.215a175c.woff") format("woff"), url("/assets/Montserrat-Regular.e422c9e7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Medium.11ca7bc6.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/assets/Montserrat-Medium.11ca7bc6.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Medium.f16f0ba0.woff") format("woff"), url("/assets/Montserrat-Medium.6a7b9d34.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-ExtraBold.0da4991e.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/assets/Montserrat-ExtraBold.0da4991e.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-ExtraBold.5ba170e9.woff") format("woff"), url("/assets/Montserrat-ExtraBold.12e4f7c0.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Black.3260f91e.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("/assets/Montserrat-Black.3260f91e.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-Black.4d5c4f23.woff") format("woff"), url("/assets/Montserrat-Black.9e011622.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-ThinItalic.25816cc9.eot");
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/assets/Montserrat-ThinItalic.25816cc9.eot?#iefix") format("embedded-opentype"), url("/assets/Montserrat-ThinItalic.cc3bcd88.woff") format("woff"), url("/assets/Montserrat-ThinItalic.da81cc51.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Brockmann";
  font-style: normal;
  font-weight: 500;
  src: local("Brockmann"), url("/assets/brockmann-medium.340c1b9c.woff") format("woff");
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
a {
  text-decoration: none;
}
html {
  height: 100%;
  width: 100%;
  display: flex;
  flex: 1 1 100%;
  overflow: hidden;
  background-color: #030303;
  color: var(--dark-500);
  overflow: auto;
}
html::-webkit-scrollbar {
  width: var(--scroll-width);
  height: var(--scroll-width);
  background-color: transparent;
  border-radius: 20px;
}
html::-webkit-scrollbar-track, html::-webkit-scrollbar-corner {
  background-color: transparent;
  width: var(--scroll-width);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
html::-webkit-scrollbar-thumb {
  background-color: var(--dark-500);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}
html::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-500);
}
html::-webkit-scrollbar-thumb:horizontal {
  min-width: 40px;
}
html::-webkit-scrollbar-thumb:vertical {
  min-height: 40px;
}
body {
  margin: 0;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--blocks-gap);
  width: 100%;
  padding-top: var(--header-height);
}
body input[type=checkbox] {
  opacity: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  top: 0px;
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  z-index: -2;
}
body input[type=checkbox]:focus, body input[type=checkbox]:active {
  box-shadow: none;
  border-color: transparent;
}
body input[type=checkbox] + label {
  min-height: 22px;
  display: flex;
  cursor: pointer;
  background: 0 0;
  position: relative;
  font: var(--font-body-2);
  color: var(--dark-500);
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
body input[type=checkbox] + label:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background: var(--light-20);
  backdrop-filter: blur(2px);
  border: solid 1px var(--dark-20);
  flex-shrink: 0;
  border-radius: 3px;
  transition: all 0.2s;
}
body input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: auto;
  width: 22px;
  height: 22px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='-3 -3 13 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99898 0.875286C8.34398 1.15129 8.39992 1.65473 8.12391 1.99974L4.12391 6.99974C3.98176 7.17743 3.77066 7.28617 3.54346 7.29876C3.31625 7.31134 3.09444 7.22657 2.93353 7.06566L0.433533 4.56566C0.121114 4.25325 0.121114 3.74671 0.433533 3.43429C0.745953 3.12187 1.25248 3.12187 1.5649 3.43429L3.43288 5.30227L6.87452 1.00022C7.15053 0.655215 7.65397 0.599278 7.99898 0.875286Z' fill='black'/%3E%3C/svg%3E");
  background: var(--white-500);
  background-repeat: no-repeat;
  display: flex;
  opacity: 0;
  transition: all 0.2s;
}
body input[type=checkbox] + label:hover {
  opacity: 0.9;
}
body input[type=checkbox] + label:focus {
  outline: none;
}
body input[type=checkbox] + label:active:before {
  box-shadow: none;
  border-color: transparent;
}
body input[type=checkbox]:checked + label:before {
  border: none;
  background: var(--gradient-1);
}
body input[type=checkbox]:checked + label:after {
  opacity: 1;
}
body input[type=checkbox][disabled] + label {
  color: var(--dark-20);
  cursor: default;
}
body input[type=checkbox][disabled] + label:before {
  border-color: var(--light-20);
  background: var(--light-10);
}
body input[type=checkbox][disabled]:checked + label:before {
  background: var(--light-80);
}
body input[type=radio] {
  opacity: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  top: 0px;
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  z-index: -2;
}
body input[type=radio]:focus, body input[type=radio]:active {
  box-shadow: none;
  border-color: transparent;
}
body input[type=radio] + label {
  min-height: 22px;
  display: flex;
  cursor: pointer;
  background: 0 0;
  position: relative;
  font: var(--font-body-2);
  color: var(--dark-500);
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
body input[type=radio] + label:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-color: var(--light-20);
  border: solid 1px var(--dark-20);
  backdrop-filter: blur(2px);
  flex-shrink: 0;
  border-radius: 50%;
  transition: all 0.2s;
}
body input[type=radio] + label:after {
  content: "";
  width: 16px;
  height: 16px;
  display: flex;
  background: var(--gradient-1);
  flex-shrink: 0;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  opacity: 0;
  transition: all 0.2s;
}
body input[type=radio] + label:hover {
  opacity: 0.9;
}
body input[type=radio] + label:focus {
  outline: none;
}
body input[type=radio] + label:active:before {
  box-shadow: none;
  border-color: transparent;
}
body input[type=radio]:checked + label:before {
  border-color: var(--primary-500);
  background-color: var(--white-500);
}
body input[type=radio]:checked + label:after {
  opacity: 1;
}
body input[type=radio][disabled] + label {
  color: var(--dark-20);
  cursor: default;
}
body input[type=radio][disabled] + label:before {
  border-color: var(--light-20);
  background: var(--light-10);
  transition: none;
}
body input[type=radio][disabled] + label:after {
  transition: none;
}
body input[type=radio][disabled]:checked + label:before {
  border-color: var(--light-80);
}
body input[type=radio][disabled]:checked + label:after {
  background: var(--light-80);
}
body input[type=radio][disabled]:checked + label:hover:before {
  border-color: var(--light-80);
}
body input[type=radio][disabled]:checked + label:hover:after {
  background-color: var(--light-80);
}
body.direction-rtl {
  direction: rtl;
}
body > div[id] {
  z-index: 1;
}
.options-background {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.01);
  z-index: 400;
}
.options-background.mobile {
  background-color: rgba(0, 0, 0, 0.4);
  animation: options-fade-up 0.1s forwards;
}
@keyframes options-fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.g-c {
  background: var(--dark-500);
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
