@charset "UTF-8";
/* Utils */
/**
 * Breakpoints
 */
/**
 * Colors
 */
/**
 * Fonts
 */
/**
 * Heading styles
 */
/**
 * Paragraph styles
 */
.mbc-0 {
  margin-bottom: 0rem;
}

.pbc-0 {
  padding-bottom: 0rem;
}

.mbc-1 {
  margin-bottom: 1rem;
}

.pbc-1 {
  padding-bottom: 1rem;
}

.mbc-2 {
  margin-bottom: 2rem;
}

.pbc-2 {
  padding-bottom: 2rem;
}

.mbc-3 {
  margin-bottom: 3rem;
}

.pbc-3 {
  padding-bottom: 3rem;
}

.mbc-4 {
  margin-bottom: 4rem;
}

.pbc-4 {
  padding-bottom: 4rem;
}

.mbc-5 {
  margin-bottom: 5rem;
}

.pbc-5 {
  padding-bottom: 5rem;
}

.mbc-6 {
  margin-bottom: 6rem;
}

.pbc-6 {
  padding-bottom: 6rem;
}

.mbc-7 {
  margin-bottom: 7rem;
}

.pbc-7 {
  padding-bottom: 7rem;
}

.mbc-8 {
  margin-bottom: 8rem;
}

.pbc-8 {
  padding-bottom: 8rem;
}

.mbc-9 {
  margin-bottom: 9rem;
}

.pbc-9 {
  padding-bottom: 9rem;
}

.mbc-10 {
  margin-bottom: 10rem;
}

.pbc-10 {
  padding-bottom: 10rem;
}

.mbc-11 {
  margin-bottom: 11rem;
}

.pbc-11 {
  padding-bottom: 11rem;
}

.mbc-12 {
  margin-bottom: 12rem;
}

.pbc-12 {
  padding-bottom: 12rem;
}

.mbc-13 {
  margin-bottom: 13rem;
}

.pbc-13 {
  padding-bottom: 13rem;
}

.mbc-14 {
  margin-bottom: 14rem;
}

.pbc-14 {
  padding-bottom: 14rem;
}

.mbc-15 {
  margin-bottom: 15rem;
}

.pbc-15 {
  padding-bottom: 15rem;
}

.mbc-16 {
  margin-bottom: 16rem;
}

.pbc-16 {
  padding-bottom: 16rem;
}

.mbc-17 {
  margin-bottom: 17rem;
}

.pbc-17 {
  padding-bottom: 17rem;
}

.mbc-18 {
  margin-bottom: 18rem;
}

.pbc-18 {
  padding-bottom: 18rem;
}

.mbc-19 {
  margin-bottom: 19rem;
}

.pbc-19 {
  padding-bottom: 19rem;
}

.mbc-20 {
  margin-bottom: 20rem;
}

.pbc-20 {
  padding-bottom: 20rem;
}

.mtc-0 {
  margin-top: 0rem;
}

.ptc-0 {
  padding-top: 0rem;
}

.mtc-1 {
  margin-top: 1rem;
}

.ptc-1 {
  padding-top: 1rem;
}

.mtc-2 {
  margin-top: 2rem;
}

.ptc-2 {
  padding-top: 2rem;
}

.mtc-3 {
  margin-top: 3rem;
}

.ptc-3 {
  padding-top: 3rem;
}

.mtc-4 {
  margin-top: 4rem;
}

.ptc-4 {
  padding-top: 4rem;
}

.mtc-5 {
  margin-top: 5rem;
}

.ptc-5 {
  padding-top: 5rem;
}

.mtc-6 {
  margin-top: 6rem;
}

.ptc-6 {
  padding-top: 6rem;
}

.mtc-7 {
  margin-top: 7rem;
}

.ptc-7 {
  padding-top: 7rem;
}

.mtc-8 {
  margin-top: 8rem;
}

.ptc-8 {
  padding-top: 8rem;
}

.mtc-9 {
  margin-top: 9rem;
}

.ptc-9 {
  padding-top: 9rem;
}

.mtc-10 {
  margin-top: 10rem;
}

.ptc-10 {
  padding-top: 10rem;
}

.mtc-11 {
  margin-top: 11rem;
}

.ptc-11 {
  padding-top: 11rem;
}

.mtc-12 {
  margin-top: 12rem;
}

.ptc-12 {
  padding-top: 12rem;
}

.mtc-13 {
  margin-top: 13rem;
}

.ptc-13 {
  padding-top: 13rem;
}

.mtc-14 {
  margin-top: 14rem;
}

.ptc-14 {
  padding-top: 14rem;
}

.mtc-15 {
  margin-top: 15rem;
}

.ptc-15 {
  padding-top: 15rem;
}

.mtc-16 {
  margin-top: 16rem;
}

.ptc-16 {
  padding-top: 16rem;
}

.mtc-17 {
  margin-top: 17rem;
}

.ptc-17 {
  padding-top: 17rem;
}

.mtc-18 {
  margin-top: 18rem;
}

.ptc-18 {
  padding-top: 18rem;
}

.mtc-19 {
  margin-top: 19rem;
}

.ptc-19 {
  padding-top: 19rem;
}

.mtc-20 {
  margin-top: 20rem;
}

.ptc-20 {
  padding-top: 20rem;
}

.mlc-0 {
  margin-left: 0rem;
}

.plc-0 {
  padding-left: 0rem;
}

.mlc-1 {
  margin-left: 1rem;
}

.plc-1 {
  padding-left: 1rem;
}

.mlc-2 {
  margin-left: 2rem;
}

.plc-2 {
  padding-left: 2rem;
}

.mlc-3 {
  margin-left: 3rem;
}

.plc-3 {
  padding-left: 3rem;
}

.mlc-4 {
  margin-left: 4rem;
}

.plc-4 {
  padding-left: 4rem;
}

.mlc-5 {
  margin-left: 5rem;
}

.plc-5 {
  padding-left: 5rem;
}

.mlc-6 {
  margin-left: 6rem;
}

.plc-6 {
  padding-left: 6rem;
}

.mlc-7 {
  margin-left: 7rem;
}

.plc-7 {
  padding-left: 7rem;
}

.mlc-8 {
  margin-left: 8rem;
}

.plc-8 {
  padding-left: 8rem;
}

.mlc-9 {
  margin-left: 9rem;
}

.plc-9 {
  padding-left: 9rem;
}

.mlc-10 {
  margin-left: 10rem;
}

.plc-10 {
  padding-left: 10rem;
}

.mlc-11 {
  margin-left: 11rem;
}

.plc-11 {
  padding-left: 11rem;
}

.mlc-12 {
  margin-left: 12rem;
}

.plc-12 {
  padding-left: 12rem;
}

.mlc-13 {
  margin-left: 13rem;
}

.plc-13 {
  padding-left: 13rem;
}

.mlc-14 {
  margin-left: 14rem;
}

.plc-14 {
  padding-left: 14rem;
}

.mlc-15 {
  margin-left: 15rem;
}

.plc-15 {
  padding-left: 15rem;
}

.mlc-16 {
  margin-left: 16rem;
}

.plc-16 {
  padding-left: 16rem;
}

.mlc-17 {
  margin-left: 17rem;
}

.plc-17 {
  padding-left: 17rem;
}

.mlc-18 {
  margin-left: 18rem;
}

.plc-18 {
  padding-left: 18rem;
}

.mlc-19 {
  margin-left: 19rem;
}

.plc-19 {
  padding-left: 19rem;
}

.mlc-20 {
  margin-left: 20rem;
}

.plc-20 {
  padding-left: 20rem;
}

.mrc-0 {
  margin-right: 0rem;
}

.prc-0 {
  padding-right: 0rem;
}

.mrc-1 {
  margin-right: 1rem;
}

.prc-1 {
  padding-right: 1rem;
}

.mrc-2 {
  margin-right: 2rem;
}

.prc-2 {
  padding-right: 2rem;
}

.mrc-3 {
  margin-right: 3rem;
}

.prc-3 {
  padding-right: 3rem;
}

.mrc-4 {
  margin-right: 4rem;
}

.prc-4 {
  padding-right: 4rem;
}

.mrc-5 {
  margin-right: 5rem;
}

.prc-5 {
  padding-right: 5rem;
}

.mrc-6 {
  margin-right: 6rem;
}

.prc-6 {
  padding-right: 6rem;
}

.mrc-7 {
  margin-right: 7rem;
}

.prc-7 {
  padding-right: 7rem;
}

.mrc-8 {
  margin-right: 8rem;
}

.prc-8 {
  padding-right: 8rem;
}

.mrc-9 {
  margin-right: 9rem;
}

.prc-9 {
  padding-right: 9rem;
}

.mrc-10 {
  margin-right: 10rem;
}

.prc-10 {
  padding-right: 10rem;
}

.mrc-11 {
  margin-right: 11rem;
}

.prc-11 {
  padding-right: 11rem;
}

.mrc-12 {
  margin-right: 12rem;
}

.prc-12 {
  padding-right: 12rem;
}

.mrc-13 {
  margin-right: 13rem;
}

.prc-13 {
  padding-right: 13rem;
}

.mrc-14 {
  margin-right: 14rem;
}

.prc-14 {
  padding-right: 14rem;
}

.mrc-15 {
  margin-right: 15rem;
}

.prc-15 {
  padding-right: 15rem;
}

.mrc-16 {
  margin-right: 16rem;
}

.prc-16 {
  padding-right: 16rem;
}

.mrc-17 {
  margin-right: 17rem;
}

.prc-17 {
  padding-right: 17rem;
}

.mrc-18 {
  margin-right: 18rem;
}

.prc-18 {
  padding-right: 18rem;
}

.mrc-19 {
  margin-right: 19rem;
}

.prc-19 {
  padding-right: 19rem;
}

.mrc-20 {
  margin-right: 20rem;
}

.prc-20 {
  padding-right: 20rem;
}

/* Utils */
.gc-w100 {
  width: 100%;
}

.gc-fw-600 {
  font-weight: 600;
}

.gc-color-green {
  color: #024840;
}

.gc-text-black {
  color: #000;
}

.gc-text-dark {
  color: #011816;
}

.gc-text-nickel-grey {
  color: #919392;
}

.gc-text-center {
  text-align: center;
}

.gc-text-right {
  text-align: right;
}

.gc-text-middle {
  vertical-align: middle;
}

.gc-justify-content-between {
  justify-content: space-between;
}

.gc-justify-content-end {
  justify-content: end;
}

.gc-align-items-center {
  align-items: center;
}

.gc-align-items-end {
  align-items: end;
}

.gc-flex-direction-column {
  flex-direction: column;
}

.gc-d-flex {
  display: flex;
}

.gc-d-inline-block {
  display: inline-block;
}

.gc-d-none {
  display: none;
}

@media (min-width: 768px) {
  .gc-d-md-flex {
    display: flex;
  }
}

.mc-0_5 {
  margin: 0.5rem;
}

.mc-1_5 {
  margin: 1.5rem;
}

.mbc-0 {
  margin-bottom: 0;
}

.mlc-auto {
  margin-left: auto;
}

.mlc-0_25 {
  margin-left: 0.25rem;
}

.mlc-0_5 {
  margin-left: 0.5rem;
}

.mlc-1_75 {
  margin-left: 1.75rem;
}

.mrc-0_25 {
  margin-right: 0.25rem;
}

.mrc-0_5 {
  margin-right: 0.5rem;
}

.mbc-0_5 {
  margin-bottom: 0.5rem;
}

.mtc-0_5 {
  margin-top: 0.5rem;
}

.mrc-1 {
  margin-right: 1rem;
}

.mrc-2 {
  margin-right: 2rem;
}

.mrb-1 {
  margin-bottom: 1rem;
}

.mtc-1 {
  margin-top: 1rem;
}

.prc-0 {
  padding-right: 0;
}

.h-4 {
  height: 4rem;
}

.gc-mix.paragraph-sm {
  font-size: 14px;
  line-height: 160%;
}

.gc-mix.paragraph-md {
  font-size: 16px;
  line-height: 160%;
}

.gc-mix.heading-1 {
  font-family: "Hahmlet";
  font-weight: 400;
  font-size: 18px;
}

.gc-ul-1 li {
  margin-bottom: 8px;
}
.gc-ul-1 li::before {
  content: url(/build/assets/check-purple-2-D_q8XHnv.svg);
  margin-right: 4px;
}

.gc-bg-white {
  background: #fff;
}

.gc-bg-green-light {
  background: #E3EDE2;
}

.gc-text-underline {
  text-decoration: underline;
}

.gc-rounded {
  border-radius: 1rem;
}

.gc-overflow-hidden {
  overflow: hidden;
}

.gc-whitespace-nowrap {
  white-space: nowrap;
}

.pointer-events-auto {
  pointer-events: auto;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.gc-box-1 .gc-box-icon-container .gc-box-icon, .gc-pagination > ul, .gc-pagination .gc-pagination-link > a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Vendor */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover, .air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title, .air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons, .air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("/build/assets/flags-Cx4r8tdH.webp");
  --iti-path-flags-2x: url("/build/assets/flags@2x-CiSx7kJd.webp");
  --iti-path-globe-1x: url("/build/assets/globe-CKC-qWvL.webp");
  --iti-path-globe-2x: url("/build/assets/globe@2x-CEs4Xftd.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-dialcode-color);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
/* Base */
*,
::after,
::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

*:focus {
  outline: none;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  overflow: auto;
}

figure {
  margin: 0;
}

img {
  border-style: none;
}

svg {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin: 0;
}

button {
  border-radius: 0;
}

button:focus {
  outline: none;
}

button,
input,
optgroup,
select,
textarea {
  border-radius: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

ul,
ol {
  list-style: none;
}

ol,
ul,
li {
  margin: 0;
  padding: 0;
}

a {
  transition: all ease 0.2s;
}

a:hover {
  text-decoration: none;
}

input,
button,
textarea {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

input,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input:focus,
textarea:focus {
  outline: none;
}

button:focus {
  outline: none;
}

/* Utils */
html,
body {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 991px) {
  html,
  body {
    height: auto;
  }
}

body {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Kumbh Sans";
  color: #011816;
}

::-moz-placeholder {
  color: #919392;
}

::placeholder {
  color: #919392;
}

p {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  p {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
p:last-child {
  margin-bottom: 0;
}
p a {
  color: #AC8EFF;
  text-decoration: underline;
}
p a:hover {
  text-decoration: none;
}
@media (pointer: coarse) {
  p a:hover {
    text-decoration: underline;
  }
}

h1 {
  font-size: 64px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h1 {
    font-size: 52px;
  }
}

h2 {
  font-size: 50px;
  letter-spacing: -0.01em;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}

h3 {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 30px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h4 {
    font-size: 24px;
  }
}

h5 {
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h5 {
    font-size: 22px;
  }
}

h6 {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  h6 {
    font-size: 18px;
  }
}

.typ-block {
  background: #E3EDE2;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .typ-block {
    border-radius: 12px;
  }
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #06221E;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: #BDCCBB;
}

/* Components */
.hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 34px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 34px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Utils */
.form-block {
  display: flex;
  flex-direction: column;
}
.form-block.-locked {
  pointer-events: none;
}
.form-block.-locked .tooltip {
  pointer-events: auto;
}
.form-block.-locked > div {
  opacity: 0.3;
}
.form-block.-locked > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn) {
  position: relative;
}
.form-block.-locked > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn):after {
  display: block;
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 16px;
  background: url(/build/assets/lock-dark-GhcA-7F-.svg) no-repeat center center/100% auto;
}
@media (max-width: 767px) {
  .form-block.-locked > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn):after {
    right: 14px;
  }
}
.form-block.-locked > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn) input {
  margin-right: 36px;
}
@media (max-width: 767px) {
  .form-block.-locked > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn) input {
    margin-right: 30px;
  }
}
.form-block.-has-error > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn) {
  box-shadow: 0 0 0 1px #D61E1E !important;
}
@media (max-width: 575px) {
  .form-block.-has-maxlength > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength) {
    margin-bottom: 23px;
  }
}
.form-block > label {
  font-size: 14px;
  line-height: 160%;
  align-self: start;
  margin-bottom: 8px;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn) {
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  position: relative;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-focus {
  box-shadow: 0 0 0 1px #024840;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-filled .form-block-show-password {
  opacity: 1;
  pointer-events: inherit;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search {
  position: relative;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search.-focus {
  border-radius: 20px 20px 0 0;
  box-shadow: none;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search svg {
  --size: 17px;
  fill: #011816;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 16px;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search input {
  padding-left: 8px;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search ul {
  border-radius: 0 0 20px 20px;
  position: absolute;
  left: 0;
  bottom: 10px;
  transform: translateY(105%);
  width: 100%;
  background: #fff;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  border-top: 1px solid rgba(1, 24, 22, 0.3);
  padding-bottom: 8px;
  box-shadow: 0px 12px 50px rgba(1, 1, 66, 0.08);
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search ul.-active {
  transform: translateY(100%);
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search ul li {
  padding: 15px 40px 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 160%;
  transition: 0.2s;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search ul li:hover {
  color: #AC8EFF;
}
.form-block > div:not(.custom-select, .custom-users-select, .file-upload, .form-block-password-strength, .btn).-search ul li:not(:last-child) {
  border-bottom: 1px solid rgba(1, 24, 22, 0.3);
}
.form-block input,
.form-block .gc-textarea {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  padding: 16px;
  color: #011816;
}
.form-block .gc-textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 20px;
}
.form-block-show-password {
  --size: 21px;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  position: relative;
  margin: 16px;
  cursor: pointer;
  touch-action: manipulation;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .form-block-show-password {
    --size: 18px;
  }
}
.form-block-show-password.-active svg:nth-child(1) {
  display: none;
}
.form-block-show-password.-active svg:nth-child(2) {
  display: block;
}
.form-block-show-password svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  fill: #024840;
}
.form-block-show-password svg:nth-child(2) {
  display: none;
}
.form-block .custom-select {
  position: relative;
  width: 100%;
  color: #011816;
}
.form-block .custom-select select {
  display: none;
}
.form-block .custom-select-clear {
  display: none;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  margin-right: 8px;
  color: #011816;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.form-block .custom-select-clear:hover {
  opacity: 1;
}
.form-block .custom-select-clear svg {
  width: 12px;
  height: 12px;
}
.form-block .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
  padding: 16px;
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  border-radius: 100px;
  background: #fff;
  position: relative;
  color: #919392;
}
.form-block .custom-select-trigger-content {
  display: inline-flex;
  flex-wrap: wrap;
  min-height: 1.6em;
}
.form-block .custom-select-trigger-content span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #024840;
  color: #fff;
  border-radius: 9999px;
  padding: 3px 8px;
  margin: 2px;
}
.form-block .custom-select-trigger:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #011816;
  margin: 0px 6px -3px;
  transition: 0.2s;
}
.form-block .custom-select-trigger.-filled {
  color: #011816;
}
.form-block .custom-select-trigger.active {
  border-radius: 20px 20px 0 0;
  z-index: 300;
  box-shadow: inset 0 1px #024840, inset 1px 0 #024840, inset -1px 0 #024840;
}
.form-block .custom-select-trigger.active:after {
  transform: rotate(-180deg);
}
.form-block .custom-select-trigger svg {
  display: none;
}
.form-block .custom-select-clear svg {
  display: block;
}
.form-block .custom-select-dropdown {
  position: absolute;
  transition: 0.2s ease-in-out;
  transform: translateY(100%);
  left: 0;
  z-index: 100;
  bottom: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 0 0 20px 20px;
  pointer-events: none;
  overflow: hidden;
  box-shadow: 0px 10px 50px rgba(1, 1, 66, 0.08);
}
.form-block .custom-select-dropdown.active {
  pointer-events: inherit;
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
  box-shadow: inset 0 -1px 0 0 #024840, inset -1px 0 0 0 #024840, inset 1px 0 0 0 #024840;
}
.form-block .custom-select-dropdown ul {
  max-height: 170px;
  overflow: auto;
  padding: 0px 16px 8px;
}
.form-block .custom-select-dropdown ul li {
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-size: 14px;
  line-height: 160%;
  padding: 14px 0 8px;
  border-top: 1px solid rgba(1, 24, 22, 0.3);
}
@media (max-width: 767px) {
  .form-block .custom-select-dropdown ul li {
    padding: 12px 0 6px;
  }
}
.form-block .custom-select-dropdown ul li.-hidden + li {
  margin-top: 0;
}
.form-block .custom-select-dropdown ul li:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .form-block .custom-select-dropdown ul li:hover {
    color: currentColor;
  }
}
.form-block .custom-select-dropdown ul li.selected {
  font-weight: 600;
}
.form-block .custom-select .simplebar-content {
  min-height: auto !important;
}
.form-block .custom-select .simplebar-track.simplebar-vertical {
  background: rgba(1, 24, 22, 0.2);
  width: 4px;
  border-radius: 10px;
  bottom: 20px;
}
.form-block .custom-select .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 100%;
  background: #024840;
  border-radius: 10px;
}
.form-block .custom-select .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  display: none;
}
.form-block .file-upload.-is-dragover label {
  border: 1px solid #024840;
}
.form-block .file-upload input {
  display: none;
}
.form-block .file-upload label {
  background: #F7F9F3;
  border: 1px dashed #024840;
  border-radius: 20px;
  text-align: center;
  padding: 73px 20px;
  display: block;
  font-size: 14px;
  line-height: 160%;
  color: #024840;
  cursor: pointer;
}
@media (max-width: 767px) {
  .form-block .file-upload label {
    padding: 48px 16px;
  }
}
.form-block-password-strength {
  background: #F7F9F3;
  border-radius: 20px;
  margin-top: 11px;
  padding: 18px 14px 14px;
  position: relative;
}
@media (max-width: 767px) {
  .form-block-password-strength {
    padding: 20px 10px 15px;
  }
}
.form-block-password-strength:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #F7F9F3;
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 0;
}
.form-block-password-strength ul {
  margin-bottom: 19px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 9px;
}
.form-block-password-strength ul.-weak li:nth-child(1) {
  background: #D61E1E !important;
}
.form-block-password-strength ul.-medium li:nth-child(1), .form-block-password-strength ul.-medium li:nth-child(2) {
  background: #FFE500 !important;
}
.form-block-password-strength ul.-strong li {
  background: #2CB780 !important;
}
.form-block-password-strength ul li {
  background: rgba(1, 24, 22, 0.2);
  border-radius: 20px;
  height: 5px;
}
.form-block-password-strength p {
  text-align: center;
  font-size: 14px;
  line-height: 160%;
}
.form-block-password-strength p span.-match {
  color: #2CB780;
}
.form-block-password-strength p span.-not-match {
  color: #D61E1E;
}
.form-block-error {
  margin-top: 8px;
  padding: 16px;
  background: #F8D3D3;
  border-radius: 20px;
  font-size: 14px;
  line-height: 160%;
  color: #D61E1E;
  display: flex;
  align-items: flex-start;
}
.form-block-error svg {
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-top: 2px;
  margin-right: 10px;
}
.form-block-error.password-error-block {
  display: none;
}
.form-block-error.password-error-block.error-occurred {
  display: flex;
}
.form-block-characters-left {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  white-space: nowrap;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .form-block-characters-left {
    font-size: 12px;
    line-height: 160%;
    position: absolute;
    right: 0;
    bottom: -3px;
    transform: translateY(100%);
  }
}
.form-block .btn {
  align-self: end;
  padding: 0 !important;
  margin-top: 8px;
  margin-right: 16px;
  font-weight: 800;
  width: auto !important;
}
.form-block .custom-users-select select {
  display: none;
}
.form-block .custom-users-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
  padding: 12px 16px;
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  border-radius: 100px;
  background: #fff;
  position: relative;
  color: #919392;
}
.form-block .custom-users-select-trigger-content {
  display: inline-flex;
  flex-wrap: wrap;
  min-height: 1.6em;
}
.form-block .custom-users-select-trigger-content span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #024840;
  color: #fff;
  border-radius: 9999px;
  padding: 3px 8px;
  margin: 2px;
}
.form-block .custom-users-select-trigger.-filled {
  color: #011816;
}
.form-block .custom-users-select-trigger.active {
  border-radius: 20px 20px 0 0;
  z-index: 300;
  box-shadow: inset 0 1px #024840, inset 1px 0 #024840, inset -1px 0 #024840;
}
.form-block .custom-users-select-trigger.active:after {
  transform: rotate(-180deg);
}
.form-block .custom-users-select-trigger span {
  min-height: 14px;
}
.form-block .custom-users-select-trigger svg {
  display: none;
}
.form-block .custom-users-select.-multiple .custom-users-select {
  padding: 7px 16px 7px 7px;
}

/* Utils */
.btn {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
  transition: 0.2s;
  cursor: pointer;
  gap: 16px;
  font-size: 16px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .btn {
    gap: 12px;
  }
}
.btn:disabled, .btn.-disabled {
  cursor: inherit;
  pointer-events: none;
  opacity: 0.3;
}
.btn.-xl {
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .btn.-xl {
    font-size: 18px;
  }
}
.btn.-xl svg {
  min-width: 24px;
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  .btn.-xl svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }
}
.btn.-lg {
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .btn.-lg {
    font-size: 16px;
  }
}
.btn.-lg svg {
  min-width: 18px;
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  .btn.-lg svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
  }
}
.btn.-sm {
  font-size: 12px;
  line-height: 160%;
}
.btn.-sm svg {
  min-width: 18px;
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  .btn.-sm svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
  }
}
.btn.-filled, .btn.-bordered {
  padding: 16px;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .btn.-filled, .btn.-bordered {
    padding: 14px;
  }
}
.btn.-filled.-neon {
  color: #011816;
  background: #E4FD6F;
}
.btn.-filled.-neon:hover {
  color: #fff;
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-filled.-neon:hover {
    color: #011816;
    background: #E4FD6F;
  }
}
.btn.-filled.-green {
  color: #fff;
  background: #024840;
}
.btn.-filled.-green:hover {
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-filled.-green:hover {
    background: #024840;
  }
}
.btn.-filled.-green-dark {
  color: #fff;
  background: #06221E;
}
.btn.-filled.-green-dark:hover {
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-filled.-green-dark:hover {
    background: #06221E;
  }
}
.btn.-filled.-green-light {
  color: #011816;
  background: #E3EDE2;
}
.btn.-filled.-green-light:hover {
  color: #fff;
  background: #024840;
}
@media (pointer: coarse) {
  .btn.-filled.-green-light:hover {
    color: #011816;
    background: #E3EDE2;
  }
}
.btn.-filled.-white {
  color: #011816;
  background: #fff;
}
.btn.-filled.-white:hover {
  color: #fff;
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-filled.-white:hover {
    color: #011816;
    background: #fff;
  }
}
.btn.-bordered.-green {
  color: #024840;
  box-shadow: inset 0 0 0 1px currentColor;
}
.btn.-bordered.-green:hover {
  color: #AC8EFF;
  box-shadow: inset 0 0 0 1px #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-bordered.-green:hover {
    color: #024840;
    background: transparent;
    box-shadow: inset 0 0 0 1px currentColor;
  }
}
.btn.-bordered.-white {
  color: #fff;
  box-shadow: inset 0 0 0 1px currentColor;
}
.btn.-bordered.-white:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #AC8EFF;
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-bordered.-white:hover {
    color: #024840;
    background: transparent;
    box-shadow: inset 0 0 0 1px currentColor;
  }
}
.btn.-bordered.-white:not(:hover) svg {
  fill: #E4FD6F;
}
.btn.-bordered.-neon {
  color: #E4FD6F;
  box-shadow: inset 0 0 0 1px currentColor;
}
.btn.-bordered.-neon:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #AC8EFF;
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-bordered.-neon:hover {
    color: #024840;
    background: transparent;
    box-shadow: inset 0 0 0 1px currentColor;
  }
}
.btn.-bordered.-neon:not(:hover) svg {
  fill: #E4FD6F;
}
.btn.-bordered.-green-dark {
  color: #06221E;
  box-shadow: inset 0 0 0 1px currentColor;
}
.btn.-bordered.-green-dark:hover {
  color: #AC8EFF;
  box-shadow: inset 0 0 0 1px #AC8EFF;
}
@media (pointer: coarse) {
  .btn.-bordered.-green-dark:hover {
    color: #06221E;
    background: transparent;
    box-shadow: inset 0 0 0 1px currentColor;
  }
}
.btn.-tooltip {
  position: relative;
}
.btn.-tooltip:hover .btn-tooltip-content {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  transform: translate(-50%, -100%);
}
.btn.-tooltip:hover .btn-tooltip-content:after {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 0;
  width: 100%;
  height: 15px;
  z-index: 15;
}
.btn.-tooltip .btn-tooltip-content {
  background: #BDCCBB;
  border-radius: 20px;
  padding: 16px;
  position: absolute;
  transform: translate(-50%, -105%);
  left: 50%;
  top: -22px;
  max-width: 500px;
  width: -moz-max-content;
  width: max-content;
  cursor: initial;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  z-index: 200;
  display: flex;
  color: #011816;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .btn.-tooltip .btn-tooltip-content {
    border-radius: 8px;
  }
}
@media (max-width: 575px) {
  .btn.-tooltip .btn-tooltip-content {
    width: 100%;
    max-width: 90vw;
  }
}
.btn.-tooltip .btn-tooltip-content:before {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-50%, 100%);
  left: 50%;
  bottom: 1px;
  width: 100%;
  height: 14px;
  pointer-events: none;
  background: url(/build/assets/btn-tooltip-arrow-MBeazf25.svg) no-repeat center center/auto 100%;
  z-index: 10;
}
.btn.-tooltip .btn-tooltip-content svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin: 0;
}
.btn.-tooltip .btn-tooltip-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .btn.-tooltip .btn-tooltip-content p {
    font-size: 16px;
  }
}
.btn:not(.-filled, .-bordered).-dark {
  color: #011816;
}
.btn:not(.-filled, .-bordered).-dark:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-dark:hover {
    color: #011816;
  }
}
.btn:not(.-filled, .-bordered).-green {
  color: #024840;
}
.btn:not(.-filled, .-bordered).-green:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-green:hover {
    color: #024840;
  }
}
.btn:not(.-filled, .-bordered).-white {
  color: #fff;
}
.btn:not(.-filled, .-bordered).-white:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-white:hover {
    color: #fff;
  }
}
.btn:not(.-filled, .-bordered).-white:not(:hover) svg {
  fill: #E4FD6F;
}
.btn:not(.-filled, .-bordered).-neon {
  color: #E4FD6F;
}
.btn:not(.-filled, .-bordered).-neon:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-neon:hover {
    color: #E4FD6F;
  }
}
.btn:not(.-filled, .-bordered).-purple {
  color: #AC8EFF;
}
.btn:not(.-filled, .-bordered).-purple:hover {
  color: #E4FD6F;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-purple:hover {
    color: #AC8EFF;
  }
}
.btn:not(.-filled, .-bordered).-red {
  color: #D61E1E;
}
.btn:not(.-filled, .-bordered).-red:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .btn:not(.-filled, .-bordered).-red:hover {
    color: #D61E1E;
  }
}
.btn svg {
  min-width: 22px;
  width: 22px;
  height: 22px;
  fill: currentColor;
}
@media (max-width: 767px) {
  .btn svg {
    min-width: 18px;
    width: 18px;
    height: 18px;
  }
}

.custom-select.-searchable .custom-select-dropdown {
  padding-top: 0;
}

.custom-select-search {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.custom-select-search input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
}

.gc-pagination {
  text-align: center;
  margin-top: 2rem;
}
.gc-pagination > ul > li {
  margin-left: 4px;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .gc-pagination .gc-pagination-back,
  .gc-pagination .gc-pagination-next {
    display: none;
  }
}
.gc-pagination .gc-pagination-back > a,
.gc-pagination .gc-pagination-next > a {
  color: #024840;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.gc-pagination .gc-pagination-back {
  margin-right: 15px;
}
.gc-pagination .gc-pagination-back a::before {
  content: url(/build/assets/pagination-prev-D5wFBW0O.svg);
  margin-right: 8px;
}
.gc-pagination .gc-pagination-next {
  margin-left: 15px;
}
.gc-pagination .gc-pagination-next a::after {
  content: url(/build/assets/pagination-next-D0j6TrMo.svg);
  margin-left: 8px;
}
.gc-pagination .gc-pagination-separator {
  color: #024840;
  font-weight: 600;
  font-size: 18px;
  margin-left: 7px;
  margin-right: 7px;
}
.gc-pagination .gc-pagination-link > a {
  color: #024840;
  font-size: 18px;
  border: 2px solid #024840;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.gc-pagination .gc-pagination-link > a:hover {
  color: #AC8EFF;
  border-color: #AC8EFF;
}
.gc-pagination .gc-pagination-link > a.active {
  color: #024840;
  border-color: #E4FD6F;
  background: #E4FD6F;
}

.swiper-scrollbar {
  background: #E3EDE2;
}
@media (max-width: 991px) {
  .swiper-scrollbar {
    display: none;
  }
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
  left: 85px;
  width: calc(100% - 90px);
  height: 12px;
  /* bottom: 0; */
}
.swiper-scrollbar.-fixed {
  position: fixed;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: #024840;
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 32px;
}
.swiper-pagination span {
  width: 12px;
  height: 12px;
  background: #E3EDE2;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
}
.swiper-pagination span:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .swiper-pagination span {
    width: 10px;
    height: 10px;
    margin: 0px 6px;
  }
}
.swiper-pagination span.swiper-pagination-bullet-active {
  background: #024840;
}

.swiper-button {
  touch-action: manipulation;
}
@media (min-width: 768px) {
  .swiper-button {
    padding: 12px !important;
  }
}
.swiper-button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.swiper-button.-prev svg {
  transform: rotate(90deg);
}
.swiper-button.-next svg {
  transform: rotate(-90deg);
}
.swiper-button svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
}

.progress-bar {
  background: #F7F9F3;
  border-radius: 20px;
  height: 8px;
}
.progress-bar.-dark {
  background: #06221E;
}
.progress-bar div {
  height: 100%;
  background: #AC8EFF;
  border-radius: 20px;
}

/* Utils */
.tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.tooltip:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  transform: translate(-50%, 100%);
}
.tooltip:hover .tooltip-content:after {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 0;
  width: 100%;
  height: 15px;
  z-index: 15;
}
.tooltip.-right:hover .tooltip-content {
  transform: translate(0, 100%);
}
.tooltip.-right .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .tooltip.-right .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .tooltip.-right .tooltip-content {
    right: -15px;
  }
}
.tooltip.-right .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .tooltip.-right .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .tooltip.-right .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.tooltip.-left:hover .tooltip-content {
  transform: translate(0, 100%);
}
.tooltip.-left .tooltip-content {
  left: -30px;
  right: auto;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .tooltip.-left .tooltip-content {
    left: -20px;
  }
}
@media (max-width: 767px) {
  .tooltip.-left .tooltip-content {
    left: -15px;
  }
}
.tooltip.-left .tooltip-content:before {
  background-position: left 20px bottom;
}
@media (max-width: 991px) {
  .tooltip.-left .tooltip-content:before {
    background-position: left 11px bottom;
  }
}
@media (max-width: 767px) {
  .tooltip.-left .tooltip-content:before {
    background-position: left 6px bottom;
  }
}
.tooltip svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
  fill: #011816;
  cursor: pointer;
}
.tooltip-content {
  font-weight: 400 !important;
  background: #F7F9F3;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 16px 24px;
  position: absolute;
  transform: translate(-50%, 105%);
  left: 50%;
  bottom: -15px;
  max-width: 376px;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  cursor: initial;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  z-index: 200;
}
.tooltip-content.-wide {
  width: 752px;
}
.tooltip-content.-narrow {
  width: auto;
}
@media (max-width: 767px) {
  .tooltip-content {
    border-radius: 8px;
    padding: 16px 18px 18px 18px;
    bottom: -10px;
  }
}
@media (max-width: 575px) {
  .tooltip-content {
    width: 300px;
    max-width: 70vw;
  }
}
.tooltip-content:before {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 1px;
  width: 100%;
  height: 7px;
  pointer-events: none;
  background: url(/build/assets/tooltip-arrow-B3CfMcUe.svg) no-repeat center center/auto 100%;
  z-index: 10;
}
.tooltip-content h3 {
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .tooltip-content h3 {
    font-size: 16px;
  }
}
.tooltip-content p {
  font-size: 14px;
  line-height: 160%;
}
.tooltip-content p:not(:first-child) {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .tooltip-content p:not(:first-child) {
    margin-top: 8px;
  }
}
.tooltip-content p:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .tooltip-content p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.tooltip-content > a {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  text-decoration: underline;
  color: #011816;
}
.tooltip-content > a:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .tooltip-content > a:hover {
    color: #011816;
  }
}

/* Utils */
.tabs-nav {
  display: flex;
  padding: 0px 24px;
  gap: 8px;
}
@media (max-width: 767px) {
  .tabs-nav {
    padding: 0px 18px;
  }
}
@media (max-width: 575px) {
  .tabs-nav {
    padding: 0;
    margin-bottom: 6px;
    flex-wrap: wrap;
    gap: 6px;
  }
}
.tabs-nav.-partner {
  padding: 0px 15px;
  position: relative;
}
.tabs-nav.-partner li {
  background: #F7F9F3;
  padding: 0;
}
@media (max-width: 767px) {
  .tabs-nav.-partner li {
    padding: 0;
  }
}
.tabs-nav.-partner li a {
  display: block;
  padding: 8px 32px;
  color: inherit;
}
@media (max-width: 767px) {
  .tabs-nav.-partner li a {
    padding: 6px 18px;
  }
}
.tabs-nav.-partner li.-active {
  background: #06221E;
}
.tabs-nav li {
  background: #E3EDE2;
  border-radius: 20px 20px 0px 0px;
  padding: 8px 32px;
  cursor: pointer;
  font-size: 14px;
  line-height: 160%;
  transition: 0.2s;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .tabs-nav li {
    border-radius: 12px 12px 0 0;
    padding: 6px 18px;
  }
}
@media (max-width: 575px) {
  .tabs-nav li {
    border-radius: 12px;
  }
}
.tabs-nav li:not(.-active):hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .tabs-nav li:not(.-active):hover {
    color: #011816;
  }
}
.tabs-nav li.-active {
  background: #024840;
  color: #fff;
}

/* Utils */
.table {
  position: relative;
  border-radius: 20px;
}
.table:not(.-no-max-height) {
  overflow: auto !important;
}
@media (max-width: 767px) {
  .table {
    border-radius: 12px;
  }
}
.table.-partner {
  border-radius: 10px;
  overflow: auto;
}
.table.-partner.-with-fixed-top-dashboard {
  padding-top: 84px;
}
.table.-partner table.leaderboard-table tr th div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table.-partner table.leaderboard-table tr th div > svg {
  width: 19px;
  height: 19px;
  margin-right: 8px;
}
.table.-partner table.leaderboard-table tr td:not(:first-child) {
  text-align: center;
}
.table.-partner table .tooltip svg {
  color: #fff;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.table.-partner table .tooltip:hover svg {
  color: #E4FD6F;
}
.table.-partner table th a, .table.-partner table td a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .table.-partner table th:first-child, .table.-partner table td:first-child {
    padding-left: 40px;
  }
  .table.-partner table th:last-child, .table.-partner table td:last-child {
    padding-right: 40px;
  }
}
.table.-partner table thead th {
  background: #06221E;
  font-weight: 800;
  padding: 10px;
}
.table.-partner table thead th:first-child {
  border-radius: 10px 0 0 0;
}
.table.-partner table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.table.-partner table thead th > button {
  font-weight: 800;
}
.table.-partner table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.table.-partner table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.table.-partner table tbody tr td {
  padding: 21px 16px;
}
.table.-partner table tbody tr td .btn {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 150%;
}
.table.-partner table tbody tr td:last-child .btn {
  margin-left: auto;
}
.table.-partner table tbody tr td > a.bold {
  font-weight: 600;
}
.table.-partner table tbody tr td > a:not(.btn, .table.-partner table tbody tr td > a.bold) {
  text-decoration: underline;
  color: currentColor;
  justify-content: right;
}
.table.-partner table tbody tr td > a:not(.btn, .table.-partner table tbody tr td > a.bold):hover {
  color: #AC8EFF;
}
.table table {
  width: 100%;
}
.table table.additional-row-below tbody tr {
  border-bottom: 1px solid #BDCCBB;
}
.table table.additional-row-below tbody tr:last-child td:first-child {
  border-radius: 0;
}
.table table.additional-row-below tbody tr:last-child td:last-child {
  border-radius: 0;
}
.table table .tooltip {
  margin-left: 8px;
  color: #011816;
  font-weight: 400;
  text-align: left;
}
.table table .tooltip .tooltip-content {
  white-space: initial;
}
@media (max-width: 767px) {
  .table table .tooltip .tooltip-content {
    max-width: 350px;
  }
}
.table table .tooltip svg {
  fill: #fff;
  color: #fff;
}
.table table .tooltip svg:hover {
  fill: #E4FD6F !important;
  color: #E4FD6F !important;
}
@media (pointer: coarse) {
  .table table .tooltip svg:hover {
    fill: #fff !important;
    color: #fff !important;
  }
}
@media (min-width: 768px) {
  .table table th:first-child, .table table td:first-child {
    padding-left: 40px;
  }
  .table table th:last-child, .table table td:last-child {
    padding-right: 40px;
  }
}
.table table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #024840;
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  color: #fff;
  padding: 16px;
}
@media (max-width: 767px) {
  .table table thead th {
    padding: 12px;
  }
}
.table table thead th:first-child {
  border-radius: 20px 0 0 0;
}
.table table thead th:last-child {
  border-radius: 0 20px 0 0;
}
.table table thead th.sort > button {
  cursor: pointer;
}
.table table thead th.sort > button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
  border-bottom: 0;
  opacity: 0.3;
  margin-left: 8px;
  margin-bottom: -2px;
}
.table table thead th.sort > button.-active:after {
  opacity: 1;
}
.table table thead th.sort > button:hover {
  color: #AC8EFF;
}
.table table thead th.sort > button:hover .tooltip svg {
  color: #AC8EFF;
}
.table table thead th.sort.asc > button:after, .table table thead th.sort.desc > button:after {
  opacity: 1;
}
.table table thead th.sort.desc > button::after {
  border-top: 0;
  border-bottom: 5px solid currentColor;
}
.table table thead th > button {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: inherit;
}
.table table tbody {
  background: #E3EDE2;
}
.table table tbody tr {
  font-size: 14px;
  line-height: 160%;
}
.table table tbody tr:not(:last-child) {
  border-bottom: 1px solid #BDCCBB;
}
.table table tbody tr td {
  padding: 16px;
  padding: 24px 16px;
}
@media (max-width: 767px) {
  .table table tbody tr td {
    padding: 16px 12px;
  }
}
.table table tbody tr td:last-child .btn {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .table table tbody {
    display: block;
    margin-bottom: 16px;
    background: #E3EDE2;
    border-radius: 12px;
    border: 1px solid #BDCCBB;
  }
  .table table tbody:last-child {
    margin-bottom: 0;
  }
  .table table tbody tr {
    display: block;
    margin-bottom: 16px;
    background: #E3EDE2;
    border-radius: 12px;
    border: 1px solid #BDCCBB;
  }
  .table table tbody tr:last-child {
    margin-bottom: 0;
  }
  .table table tbody tr td {
    display: flex;
    padding: 8px 16px;
    border-bottom: 1px solid #BDCCBB;
    text-align: left !important;
  }
  .table table tbody tr td:last-child {
    border-bottom: none;
  }
  .table table tbody tr td:before {
    content: attr(data-label);
    font-weight: 600;
    min-width: 120px;
    margin-right: 16px;
  }
  .table table tbody tr td:first-child {
    background: #06221E;
    color: #fff;
    border-radius: 12px 12px 0 0;
    padding: 16px;
  }
  .table table tbody tr td:first-child:before {
    display: none;
  }
  .table table tbody tr td:last-child .btn {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }
  .table table {
    display: block;
    width: 100%;
  }
  .table table thead {
    display: none;
  }
  .table table tbody {
    display: block;
    width: 100%;
  }
}
.table .table-row {
  padding: 21px 40px;
  border-radius: 0 0 10px 10px;
  background-color: #E3EDE2;
}
.table-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.table-checkbox input {
  display: block;
}
.table-checkbox input:checked + span {
  background: #024840 url(/build/assets/check-white-BHr3Cyyq.svg) no-repeat center center/60% auto;
}
.table-checkbox span {
  display: block;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border: 1px solid #024840;
  border-radius: 5px;
  margin-right: 15px;
}
.table-select-actions {
  padding: 8px 20px 8px 40px;
  border-radius: 20px 20px 0 0;
  background: #024840;
  position: absolute;
  top: 0;
  left: 17px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.table-select-actions-btn {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: underline;
  color: #AC8EFF;
  transition: 0.2s;
  cursor: pointer;
}
.table-select-actions-btn:hover {
  color: #E4FD6F;
}
@media (pointer: coarse) {
  .table-select-actions-btn:hover {
    color: #AC8EFF;
  }
}
.table-select-actions-btn.-trigger-all {
  color: #fff;
  margin-right: 10px;
}
.table-select-actions-btn.-trigger-all:hover {
  color: #E4FD6F;
}
@media (pointer: coarse) {
  .table-select-actions-btn.-trigger-all:hover {
    color: #fff;
  }
}
.table-pagination {
  background-color: #E3EDE2;
  border-radius: 0 0 10px 10px;
  padding: 12px;
}
.table-pagination ul {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-pagination ul button {
  transition: all 0.35s linear;
  border: 1px solid #BDCCBB;
  border-radius: 12px;
  text-align: center;
  padding: 7px 10px;
  font-weight: 600;
  min-width: 37px;
  font-size: 14px;
  color: #024840;
}
.table-pagination ul button.-active, .table-pagination ul button:hover {
  color: #fff;
  background-color: #024840;
  border-bottom-color: #024840;
}

.table-editable {
  padding: 24px;
  background: #E3EDE2;
  border-radius: 20px;
}
.table-editable.active .table-editable-input {
  background: #E3EDE2;
}
.table-editable.active table {
  background: #fff;
  border-radius: 20px;
}
.table-editable .table-editable-desc {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.table-editable .table-editable-desc-2 {
  color: #919392;
  font-size: 14px;
  margin-bottom: 1rem;
}
.table-editable .table-editable-top {
  display: flex;
  justify-content: space-between;
}
.table-editable .table-editable-top > div:first-child {
  margin-right: 2rem;
}
.table-editable table {
  font-size: 14px;
  width: 100%;
}
.table-editable table th {
  font-weight: 400;
  color: #919392;
}
.table-editable table thead th,
.table-editable table tbody td {
  padding: 24px 16px;
}
@media (max-width: 767px) {
  .table-editable table thead th,
  .table-editable table tbody td {
    padding: 16px 12px;
  }
}
.table-editable table thead th {
  padding-bottom: 0;
}
.table-editable table tbody tr:not(:last-child) {
  border-bottom: 1px solid #BDCCBB;
}
@media (min-width: 1170px) {
  .table-editable .table-editable-set-widths > th:first-child {
    width: 70%;
  }
  .table-editable .table-editable-set-widths > th:nth-child(n+2) {
    width: 15%;
  }
}
.table-editable .table-editable-input {
  display: inline-block;
  padding: 5px 4px 5px 8px;
  border-radius: 20px;
  width: 60px;
}
.table-editable .table-editable-input .table-editable-input-symbol {
  color: #C6C6C6;
}
.table-editable .table-editable-input > input {
  max-width: 35px;
}
.table-editable .table-editable-input > input:disabled {
  color: #011816;
}

@media (max-width: 767px) {
  .group-name-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .group-name-badge .leaderboard-standings-user-name {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
  }
  .group-name-badge .leaderboard-standings-you {
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 100%;
    word-break: break-word;
  }
}
.season-filter-mobile {
  display: none;
}

@media (max-width: 767px) {
  .season-filter-mobile {
    display: block !important;
  }
}
/* Utils */
.label {
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 160%;
  font-weight: 600;
  display: inline-block;
}
.label.-bordered-green {
  box-shadow: inset 0 0 0 1px #024840;
  color: #024840;
}
.label.-green {
  background: #2CB780;
  color: #fff;
}
.label.-green-bordered {
  color: #024840;
  box-shadow: inset 0 0 0 1px #024840;
}
.label.-yellow {
  background: #FFE500;
}
.label.-yellow-light {
  background: #FFF837;
}
.label.-red {
  background: #D61E1E;
  color: #fff;
}
.label.-red-light {
  background: #F8D3D3;
  color: #D61E1E;
}
.label.-orange {
  background: #F99C39;
  color: #fff;
}
.label.-neon {
  background: #E4FD6F;
  color: #011816;
}
.label.-purple {
  background: #AC8EFF;
  color: #fff;
}
.label.-grey {
  background: #919392;
  color: #fff;
}
.label.-white {
  background: #fff;
  color: #024840;
}
.label.-urgent {
  background: #D84654;
  color: #fff;
}
.label.-high {
  background: #F99C39;
  color: #fff;
}
.label.-moderate {
  background: #F7CE64;
  color: #011816;
}
.label.-info {
  background: #5B629A;
  color: #fff;
}
.label.-low {
  background: #64A67F;
  color: #fff;
}

/* Utils */
.action-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.action-block-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
}
.action-block-desc {
  font-size: 14px;
  line-height: 160%;
  /* color: #919392; */
}
.action-block-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.action-block-buttons .btn {
  margin-left: auto;
}
.action-block .btn {
  white-space: nowrap;
}

.switch {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.switch input {
  display: none;
}
.switch input:checked + span {
  background: rgba(172, 142, 255, 0.3);
}
.switch input:checked + span:after {
  background: #AC8EFF;
  left: 50%;
}
.switch span {
  display: block;
  height: 27px;
  min-width: 50px;
  width: 50px;
  background: rgba(145, 147, 146, 0.3);
  border-radius: 48px;
  position: relative;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .switch span {
    height: 24px;
    min-width: 46px;
    width: 46px;
  }
}
.switch span:after {
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: #919392;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .switch span:after {
    --size: 20px;
  }
}

/* Utils */
.range-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 575px) {
  .range-slider {
    display: block;
  }
}
.range-slider p {
  font-size: 14px;
  line-height: 160%;
  margin: 0;
}
.range-slider > div {
  text-align: right;
}
@media (max-width: 575px) {
  .range-slider > div {
    text-align: left;
    margin-top: 8px;
  }
}
.range-slider-main {
  background: #fff;
  border-radius: 20px;
  border: 0;
  box-shadow: none;
  height: 4px;
  margin-top: 18px;
  min-width: 252px;
  margin-bottom: 9px;
}
@media (max-width: 575px) {
  .range-slider-main {
    width: 100%;
    min-width: 100%;
    margin-top: 16px;
  }
}
.range-slider-main .noUi-connect {
  background: #AC8EFF;
  border-radius: 20px;
}
.range-slider-main .noUi-handle:after, .range-slider-main .noUi-handle:before {
  display: none;
}
.range-slider-main .noUi-origin {
  top: 50%;
  transform: translateY(-50%);
}
.range-slider-main .noUi-handle {
  background: #AC8EFF;
  box-shadow: 0px 0px 0.785714px rgba(0, 0, 0, 0.12), 0px 0px 3.14286px rgba(0, 0, 0, 0.04), 0px 0px 6.28571px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  cursor: grab;
  --size: 22px;
  width: var(--size);
  height: var(--size);
  transition: 0.3s;
  top: 50%;
  transform: translateY(-50%);
  right: calc(var(--size) / -2);
  border: 0;
}
@media (max-width: 575px) {
  .range-slider-main .noUi-handle {
    --size: 18px;
  }
}
.range-slider-main .noUi-touch-area {
  display: none;
}

/* Utils */
.in-app-notification {
  position: fixed;
  bottom: 20px;
  right: 16px;
  border-radius: 20px;
  padding: 24px;
  box-shadow: inset 0 0 0 1px currentColor;
  width: 745px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  z-index: 1100;
  transition: 0.2s ease-in-out;
  transform: translateX(120%);
}
@media (max-width: 991px) {
  .in-app-notification {
    width: calc(100% - 48px);
    transform: translateY(calc(100% + 30px));
  }
}
@media (max-width: 767px) {
  .in-app-notification {
    border-radius: 12px;
    padding: 16px;
    right: 12px;
    bottom: 16px;
    width: calc(100% - 32px);
  }
}
@media (max-width: 575px) {
  .in-app-notification {
    display: block;
  }
}
.in-app-notification:hover .in-app-notification-close {
  opacity: 1;
  pointer-events: inherit;
}
.in-app-notification.-active {
  transform: translate(0);
}
.in-app-notification.-error {
  background: #F8D3D3;
  color: #D61E1E;
}
.in-app-notification.-success {
  background: #D2F9EA;
  color: #2CB780;
}
.in-app-notification.-impersonate {
  background: #EEEEEE;
  border: #999999;
  color: #000;
  width: 600px;
}
.in-app-notification-close {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  background: #fff;
  color: #024840;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .in-app-notification-close {
    --size: 24px;
  }
}
.in-app-notification-close:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .in-app-notification-close:hover {
    color: #024840;
  }
  .in-app-notification-close {
    opacity: 1;
    pointer-events: inherit;
  }
}
@media (max-width: 767px) {
  .in-app-notification-close {
    opacity: 1;
    pointer-events: inherit;
  }
}
.in-app-notification-close svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
  margin-top: 6px;
  margin-left: 2px;
}
.in-app-notification-title {
  font-family: "Hahmlet";
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.01em;
  display: flex;
}
.in-app-notification-title svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-right: 8px;
  margin-top: 4px;
}
.in-app-notification-desc {
  margin-top: 8px;
  font-size: 16px;
  line-height: 160%;
  color: #011816;
}
.in-app-notification-action {
  font-size: 16px;
  line-height: 160%;
  font-weight: 800;
  color: currentColor;
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 575px) {
  .in-app-notification-action {
    margin-top: 8px;
  }
}
.in-app-notification-action:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .in-app-notification-action:hover {
    color: currentColor;
  }
}

.in-app-alert {
  border-radius: 20px;
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  transition: 0.2s ease-in-out;
  background: #F7F9F3;
  color: #06221E;
  font-size: 14px;
  text-align: left;
}
.in-app-alert.-dark {
  background: #6B807D;
  color: white;
}
@media (max-width: 767px) {
  .in-app-alert {
    border-radius: 12px;
    padding: 16px;
    right: 12px;
    bottom: 16px;
  }
}
.in-app-alert svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-top: 4px;
}

.gc-box-1 {
  padding: 15px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .gc-box-1 {
    border-radius: 12px;
  }
}
.gc-box-1 .gc-box-main,
.gc-box-1 .gc-box-content {
  display: flex;
}
.gc-box-1 .gc-box-content {
  justify-content: space-between;
  flex-grow: 1;
}
.gc-box-1 .gc-box-content > div:last-child {
  margin-left: 10px;
}
.gc-box-1 .gc-box-icon-container {
  margin-right: 10px;
}
.gc-box-1 .gc-box-icon-container .gc-box-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
.gc-box-1 .gc-box-content-title {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.gc-box-1 .gc-box-content-title-sub {
  color: #000;
  font-size: 14px;
}
.gc-box-1 .gc-box-ext {
  display: none;
}
.gc-box-1 .gc-box-ext-top {
  display: flex;
  justify-content: space-between;
}
.gc-box-1 .gc-box-ext-title {
  font-size: 14px;
}
.gc-box-1 .gc-box-edit > a,
.gc-box-1 .gc-box-close > a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.gc-box-1 .gc-box-edit > a::before,
.gc-box-1 .gc-box-close > a::before {
  font-size: 0;
  margin-right: 8px;
}
.gc-box-1 .gc-box-edit > a::before {
  content: url(/build/assets/edit-CyMSaV4L.svg);
}
.gc-box-1 .gc-box-close > a::before {
  content: url(/build/assets/close-COJhhp-P.svg);
}

.gc-box-2 {
  padding: 32px 24px;
  border-radius: 20px;
}
.gc-box-2 .gc-box-2-buttons {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .gc-box-2 .gc-box-2-buttons {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .gc-box-2 .gc-box-2-buttons {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .gc-box-2 .gc-box-2-buttons > div {
    margin-right: 1rem;
  }
}

.gc-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.gc-col-md-6,
.gc-col-lg-3 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .gc-col-md-6 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .gc-col-lg-3 {
    width: 33.333%;
  }
}

.gc-tag-1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #024840;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #024840;
  border-radius: 20px;
}

.gc-tag-2 {
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  background: #eee;
  border-radius: 20px;
}

.gc-datepicker-block {
  grid-column: 1/3;
}
.gc-datepicker-block label {
  line-height: 160%;
  font-size: 14px;
  align-self: start;
  margin-bottom: 8px;
}

.air-datepicker-global-container {
  z-index: 2000;
}

.gc-datepicker-container {
  display: flex;
  padding-right: 12px;
  background: #E3EDE2;
  border-radius: 50px;
}
.gc-datepicker-container > input {
  font-size: 14px;
  flex-grow: 1;
  padding-left: 12px;
  padding-right: 12px;
  height: 46px;
}
.gc-datepicker-container > button::before {
  content: url(/build/assets/calendar-T6mTkQLF.svg);
}

.air-datepicker {
  --adp-background-color: #E3EDE2;
  --adp-border-radius: 10px;
  --adp-font-family: "Kumbh Sans";
  --adp-font-size: 15px;
  --adp-color: #011816;
  --adp-nav-color-secondary: #011816;
  --adp-color-other-month: #011816;
  --adp-color-other-month-hover: #fff;
  padding: 20px;
  border: none;
}
.air-datepicker .air-datepicker--pointer::after {
  background: #E3EDE2;
}
.air-datepicker .air-datepicker-nav {
  align-items: center;
}
.air-datepicker .air-datepicker-nav .air-datepicker-nav--title {
  color: #011816;
}
.air-datepicker .air-datepicker-nav .air-datepicker-nav--title i {
  text-decoration: underline;
}
.air-datepicker .air-datepicker-nav--action {
  background: #fff;
  width: 21px;
  height: 21px;
  border-radius: 5px;
}
.air-datepicker .air-datepicker-nav--action::before {
  content: url(/build/assets/angle-left-DK65ktdf.svg);
  font-size: 0;
}
.air-datepicker .air-datepicker-nav--action > svg {
  display: none;
}
.air-datepicker .air-datepicker-nav--action[data-action=next] {
  transform: rotate(180deg);
}
.air-datepicker .air-datepicker-body--day-names {
  display: none;
}
.air-datepicker .air-datepicker-body--cells {
  gap: 2px 10px;
}
.air-datepicker .air-datepicker-cell {
  --adp-cell-background-color-hover: #AC8EFF;
}
.air-datepicker .air-datepicker-cell.-day- {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}
.air-datepicker .air-datepicker-cell.-other-month- {
  opacity: 0.3;
}
.air-datepicker .air-datepicker-cell.-focus- {
  color: #fff;
  opacity: 1;
}
.air-datepicker .air-datepicker-cell.-current- {
  --adp-color-current-date: #E4FD6F;
  background: #024840;
}
.air-datepicker.-white {
  --adp-background-color: #fff;
}
.air-datepicker.-white .air-datepicker--pointer::after {
  background: #fff;
}
.air-datepicker.only-timepicker .air-datepicker--time {
  border-top-width: 0;
}

/* Utils */
.gc-dropdown {
  position: relative;
}
.gc-dropdown.-active .gc-dropdown-button::before {
  opacity: 1;
}
.gc-dropdown.-active .gc-dropdown-dropdown {
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}
.gc-dropdown-button {
  transition: 0.2s;
  position: relative;
}
.gc-dropdown-button::before {
  content: "";
  display: block;
  position: absolute;
  transform: translate(-50%, 100%);
  left: 50%;
  bottom: -10px;
  width: 100%;
  height: 9px;
  pointer-events: none;
  background: url(/build/assets/tooltip-arrow-green-CoWt7KT7.svg) no-repeat center bottom/auto 100%;
  z-index: 200;
  transition: 0.2s;
  opacity: 0;
}
.gc-dropdown-dropdown {
  position: absolute;
  transform: translateY(100%);
  right: -15px;
  z-index: 150;
  bottom: -13px;
  width: 330px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s, height 0s;
  pointer-events: none;
  padding: 24px;
  background: #024840;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}
@media (max-width: 767px) {
  .gc-dropdown-dropdown {
    border-radius: 8px;
    right: auto;
    padding: 16px;
    width: 280px;
  }
}
@media (max-width: 575px) {
  .gc-dropdown-dropdown {
    left: -10px;
  }
}
.gc-dropdown-dropdown-title {
  font-family: "Hahmlet";
  margin-right: auto;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .gc-dropdown-dropdown-title {
    font-size: 16px;
  }
}
.gc-dropdown-dropdown-list {
  margin-top: 14px;
}
.gc-dropdown-dropdown-list li {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  gap: 15px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .gc-dropdown-dropdown-list li {
    padding-bottom: 11px;
  }
}
.gc-dropdown-dropdown-list li:hover span {
  color: #AC8EFF;
}
.gc-dropdown-dropdown-list li:hover p {
  color: #AC8EFF;
}
.gc-dropdown-dropdown-list li:hover > svg {
  fill: #AC8EFF;
}
.gc-dropdown-dropdown-list li:not(:last-child) {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .gc-dropdown-dropdown-list li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.gc-dropdown-dropdown-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gc-dropdown-dropdown-list li span {
  display: block;
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  transition: 0.2s;
}
.gc-dropdown-dropdown-list li p {
  font-size: 14px;
  line-height: 160%;
  color: #EEEEEE;
  transition: 0.2s;
}
.gc-dropdown-dropdown-list li svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
  transform: rotate(-90deg);
  transition: 0.2s;
}

.clipboard-btn {
  position: relative;
}
.clipboard-btn .alert-message {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  padding: 5px 12px;
  border-radius: 4px;
  font-weight: 600;
  background-color: #2CB780;
  color: white;
  z-index: 1000;
  top: -65%;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}

.notification-bar {
  position: absolute;
  z-index: 910;
  display: flex;
  justify-content: space-between;
  top: 5px;
  padding: 5px 20px;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .notification-bar {
    width: calc(100% - 48px);
  }
}
.notification-bar.-red {
  background: #D61E1E;
  color: #fff;
}
.notification-bar.-green {
  background: #024840;
  color: #fff;
}
.notification-bar-content {
  width: 100%;
  justify-content: center;
  margin-right: 20px;
}
.notification-bar-content p {
  font-size: 14px;
}
.notification-bar-close {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  width: 14px;
  height: 14px;
  color: #fff;
  align-self: center;
}
.notification-bar-close:hover {
  color: #EEEEEE;
}

.iti__flag {
  background-image: url("/build/assets/flags-EsvJaUgu.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: url("/build/assets/flags@2x-DVjuMeRt.png");
  }
}
.form-block .iti {
  width: 100%;
}
.form-block .iti__selected-flag {
  padding-left: 14px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.form-block .iti__selected-country-primary {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.form-block .iti--allow-dropdown input.iti__tel-input,
.form-block .iti--allow-dropdown input.iti__tel-input[type=text] {
  padding-left: 56px;
}

.demo-notification {
  position: absolute;
  z-index: 910;
  display: flex;
  justify-content: space-between;
  bottom: 10px;
  padding: 5px 20px;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .demo-notification {
    position: fixed;
    width: calc(100% - 48px);
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.demo-notification.-purple {
  background: #AC8EFF;
  color: #011816;
}
.demo-notification a {
  color: #011816;
  text-decoration: underline;
}
.demo-notification-close {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  width: 14px;
  height: 14px;
  color: #fff;
  align-self: center;
}
.demo-notification-close:hover {
  color: #EEEEEE;
}

/* Layout */
.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 890;
  background: rgba(255, 255, 255, 0.5019607843);
  transition: all 0.5s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.page-loader.hidden {
  display: none;
}
.page-loader.visuallyhidden {
  opacity: 0;
}
.page-loader .loader-img {
  width: 50px;
  height: 50px;
  position: relative;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}
.page-loader .loader-img .circle {
  background-color: transparent;
  opacity: 1;
  border: 5px solid #011816;
  border-top: 5px solid #E4FD6F;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  -moz-animation: spinPulse 1s infinite linear;
  -webkit-animation: spinPulse 1s infinite linear;
}
@keyframes spinPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

/* Utils */
.slider {
  min-height: 100%;
  background: #E3EDE2;
  padding: 40px 5.5%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  gap: 80px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider {
    gap: 30px;
  }
}
@media (min-width: 992px) and (max-height: 649px) {
  .slider {
    height: auto;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
@media (max-width: 991px) {
  .slider {
    height: auto;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .slider {
    padding: 30px 5%;
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .slider {
    padding: 30px 15px 55px 15px;
  }
}
.slider:before {
  position: absolute;
  content: "";
  background: url(/build/assets/logo-bg-DDyjWQcm.svg) no-repeat center center/contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 94.4%;
  height: 87%;
}
@media (max-width: 767px) {
  .slider:before {
    display: none;
  }
}
.slider * {
  min-height: 0;
  min-width: 0;
}
.slider-top {
  position: relative;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
}
@media (max-width: 1299px) {
  .slider-top {
    grid-template-columns: 1fr;
  }
}
.slider-top .btn {
  justify-self: start;
}
.slider-top .btn svg {
  transform: rotate(-180deg);
}
.slider-top-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 1299px) {
  .slider-top-nav {
    justify-self: center;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .slider-top-nav {
    width: 100%;
  }
}
.slider-top-nav .btn {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .slider-top-nav .btn {
    margin-right: 20px;
  }
}
.slider-top-nav-title {
  width: 100%;
  margin-top: 10px;
  color: #D61E1E;
  text-align: center;
  grid-column: 1/4;
}
@media (max-width: 1299px) {
  .slider-top-nav-title {
    grid-column: auto;
  }
}
.slider-pagination {
  --size: 32px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .slider-pagination {
    --size: 20px;
    width: 100%;
    justify-content: space-between;
  }
}
.slider-pagination:before {
  display: block;
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: calc(var(--size) / 2);
  width: calc(100% - var(--size));
  height: 20%;
  background: #bdccbb linear-gradient(#024840, #024840) no-repeat center left/0 100%;
  background-size: var(--progress, 0) 100%;
  transition: 0.2s;
}
.slider-pagination li {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #024840;
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 2) #bdccbb;
  position: relative;
}
.slider-pagination li:not(:last-child) {
  margin-right: 72px;
}
@media (max-width: 767px) {
  .slider-pagination li:not(:last-child) {
    margin: 0;
  }
}
.slider-pagination li.-active {
  transition: box-shadow 0.1s 0.2s;
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 4) #bdccbb;
}
.slider-pagination li.-finished {
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 4) #bdccbb;
}
.slider-items {
  position: relative;
  display: grid;
  z-index: 50;
}
.slider .slider-zoom-image-block {
  position: absolute;
  --size: 50px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #024840;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 10;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider .slider-zoom-image-block {
    font-size: 16px;
    --size: 45px;
  }
}
.slider .slider-zoom-image-block.-zoom {
  top: 0;
  right: 0;
  border-radius: 0 0 0 20px;
}
@media (max-width: 767px) {
  .slider .slider-zoom-image-block.-zoom {
    border-radius: 0 0 0 12px;
  }
}
.slider .slider-zoom-image-block.-zoom:hover {
  background: #AC8EFF;
}
.slider .slider-zoom-image-block.-zoom svg {
  --size: 40%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
}
.slider-slide {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 32px;
  grid-column: 1/2;
  grid-row: 1/2;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .slider-slide {
    gap: 30px;
  }
}
.slider-slide.-active {
  transition: 0.5s;
  transform: translateX(0);
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
  position: static;
}
.slider-slide.-finished {
  transform: translateX(-100%);
}
.slider-slide-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content max-content;
}
.slider-slide-content.-info-second {
  gap: 80px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-content.-info-second {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .slider-slide-content.-info-second {
    grid-template-rows: 1fr max-content;
  }
}
@media (max-width: 767px) {
  .slider-slide-content.-info-second {
    gap: 30px;
  }
}
.slider-slide-content.-info-first {
  gap: 80px;
  grid-template-rows: max-content max-content;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-content.-info-first {
    gap: 32px;
  }
}
@media (min-width: 992px) {
  .slider-slide-content.-info-first {
    grid-template-rows: max-content 1fr;
  }
}
@media (max-width: 767px) {
  .slider-slide-content.-info-first {
    gap: 30px;
  }
}
.slider-slide-content.-select-on-screenshot {
  gap: 35px;
}
@media (max-width: 767px) {
  .slider-slide-content.-select-on-screenshot {
    gap: 20px;
  }
}
.slider-slide-content.-end-screen {
  gap: 35px;
  overflow: visible;
}
@media (max-width: 767px) {
  .slider-slide-content.-end-screen {
    gap: 16px;
  }
}
.slider-slide-illustration {
  display: flex;
  align-items: center;
  position: relative;
}
.slider-slide-illustration img {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 991px) {
  .slider-slide-illustration img {
    height: auto;
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .slider-slide-illustration img {
    max-width: 400px;
  }
}
.slider-slide-info {
  text-align: center;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.slider-slide-info ul {
  list-style-type: disc;
  display: inline-block;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-slide-info ul {
    font-size: 18px;
  }
}
.slider-slide-info ul li {
  text-align: left;
}
.slider-slide-info ol {
  list-style-type: decimal;
  display: inline-block;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-slide-info ol {
    font-size: 18px;
  }
}
.slider-slide-info ol li {
  text-align: left;
}
.slider-slide-info h2 {
  margin-bottom: 16px;
  color: #024840;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-info h2 {
    color: #024840;
    font-size: 30px;
    font-family: "Hahmlet";
    font-weight: 400;
  }
}
@media (min-width: 768px) and (max-height: 899px) and (max-width: 767px) {
  .slider-slide-info h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .slider-slide-info h2 {
    color: #024840;
    font-size: 36px;
    font-family: "Hahmlet";
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .slider-slide-info h2 {
    font-size: 28px;
  }
}
.slider-slide-info h2 + p {
  color: #6b807d;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-slide-info h2 + p {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-info h2 + p {
    color: #6b807d;
    font-size: 20px;
    line-height: 160%;
  }
}
@media (min-width: 768px) and (max-height: 899px) and (max-width: 767px) {
  .slider-slide-info h2 + p {
    font-size: 18px;
  }
}
.slider-slide-info h3 {
  margin-bottom: 16px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-info h3 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .slider-slide-info h3 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
.slider-slide-info h3 + p {
  color: #6b807d;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-slide-info h3 + p {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-slide-info h3 + p {
    color: #6b807d;
    font-size: 18px;
    line-height: 160%;
  }
}
@media (min-width: 768px) and (max-height: 899px) and (max-width: 767px) {
  .slider-slide-info h3 + p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .slider-slide-info h3 + p {
    font-size: 15px;
    line-height: 1.45;
  }
}
.slider-slide-info p {
  margin-bottom: 0;
}
.slider-slide > .btn {
  justify-self: center;
}
.slider-slide > .btn.-filled {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .slider-slide > .btn.-filled {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 575px) {
  .slider-slide > .btn.-filled {
    width: 100%;
  }
}
.slider-slide-bottom {
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .slider-slide-bottom {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .slider-slide-bottom {
    gap: 12px;
  }
}
.slider-slide-bottom > .btn {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .slider-slide-bottom > .btn {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 575px) {
  .slider-slide-bottom > .btn {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.slider-create-company {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 991px) {
  .slider-create-company {
    display: block;
  }
}
.slider-create-company > img {
  max-height: 100%;
  max-width: 100%;
  display: block;
}
@media (max-width: 991px) {
  .slider-create-company > img {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
}
.slider-create-company-form {
  max-width: 370px;
  width: 100%;
  margin-left: 80px;
}
@media (max-width: 1169px) and (max-height: 899px) {
  .slider-create-company-form {
    max-width: 100%;
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .slider-create-company-form {
    max-width: 500px;
    margin: 40px auto 0;
  }
}
.slider-create-company .tooltip-content {
  position: static;
  opacity: 1;
  pointer-events: inherit;
  transform: translate(0);
  visibility: visible;
  width: 100%;
  margin-top: 20px;
}
.slider-choice {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .slider-choice {
    display: block;
  }
}
.slider-choice-illustration {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 800px;
  margin-right: 100px;
  position: relative;
}
@media (max-width: 991px) {
  .slider-choice-illustration {
    height: auto;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .slider-choice-illustration {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-choice-illustration + .slider-choice-items {
    gap: 12px !important;
  }
}
@media (min-width: 992px) {
  .slider-choice-illustration + .slider-choice-items {
    grid-template-columns: 500px;
    gap: 24px;
    align-content: start;
  }
}
.slider-choice-illustration img {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 991px) {
  .slider-choice-illustration img {
    height: auto;
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .slider-choice-illustration img {
    max-width: 330px;
  }
}
.slider-choice-full-illustration {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 800px;
}
@media (max-width: 991px) {
  .slider-choice-full-illustration {
    height: auto;
    max-width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .slider-choice-full-illustration {
    margin-bottom: 30px;
  }
}
.slider-choice-full-illustration img {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 991px) {
  .slider-choice-full-illustration img {
    height: auto;
    width: 100%;
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .slider-choice-full-illustration img {
    max-width: 330px;
  }
}
.slider-choice-items {
  display: grid;
  grid-template-columns: 400px 400px;
  gap: 24px 40px;
  justify-content: center;
}
@media (max-width: 991px) {
  .slider-choice-items {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .slider-choice-items {
    gap: 12px;
  }
}
.slider-choice-items input {
  display: block;
}
.slider-choice-items input[type=radio] + label:before {
  border-radius: 50%;
}
.slider-choice-items input:checked + label {
  background: #024840;
  color: #fff;
}
.slider-choice-items input:checked + label:before {
  border-color: #fff;
  background: #fff url(/build/assets/check-green-D3oPopOb.svg) no-repeat center center/50% 50%;
}
.slider-choice-items label {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.2s;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-choice-items label {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-choice-items label {
    padding: 15px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 160%;
  }
}
@media (min-width: 768px) and (max-height: 899px) and (max-width: 767px) {
  .slider-choice-items label {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .slider-choice-items label {
    padding: 18px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 160%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .slider-choice-items label {
    font-size: 16px;
  }
}
.slider-choice-items label:hover {
  color: #AC8EFF;
}
.slider-choice-items label:hover:before {
  border-color: #AC8EFF;
}
@media (pointer: coarse) {
  .slider-choice-items label:hover:before {
    border-color: #024840;
  }
  .slider-choice-items label:hover {
    color: #011816;
  }
}
.slider-choice-items label:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid #024840;
  border-radius: 6px;
  margin-top: 6px;
  margin-right: 16px;
  transition: border-color 0.2;
}
@media (max-width: 767px) {
  .slider-choice-items label:before {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 12px;
    margin-top: 4px;
  }
}
.slider-this-that {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .slider-this-that {
    flex-wrap: wrap;
  }
}
.slider-this-that-btn {
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.2s;
  color: #024840;
  padding: 24px;
  width: 250px;
  min-width: 250px;
  height: 155px;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-this-that-btn {
    font-size: 18px;
  }
}
@media (max-width: 1169px) {
  .slider-this-that-btn {
    width: 200px;
    min-width: 200px;
    height: 125px;
  }
}
@media (max-width: 991px) {
  .slider-this-that-btn {
    order: 1;
    width: calc(50% - 20px);
    min-width: auto;
    height: 130px;
  }
}
@media (max-width: 767px) {
  .slider-this-that-btn {
    width: calc(50% - 10px);
    height: auto;
    border-radius: 12px;
    padding: 18px;
  }
}
@media (max-width: 575px) {
  .slider-this-that-btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .slider-this-that-btn:not(:last-child) {
    margin: 0;
  }
}
@media (max-width: 575px) {
  .slider-this-that-btn:not(:last-child) {
    margin-bottom: 10px;
  }
}
.slider-this-that-btn:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .slider-this-that-btn:hover {
    color: #024840;
  }
}
.slider-this-that-illustration {
  position: relative;
  margin: 0px 100px;
  max-height: 100%;
  overflow: hidden;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 1169px) {
  .slider-this-that-illustration {
    margin: 0px 60px;
  }
}
@media (max-width: 991px) {
  .slider-this-that-illustration {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .slider-this-that-illustration {
    margin: 0px 5px;
    margin-bottom: 30px;
  }
}
.slider-this-that-illustration img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 991px) {
  .slider-this-that-illustration img {
    height: auto;
    margin: 0 auto;
    width: 100%;
    max-width: inherit;
  }
}
@media (max-width: 767px) {
  .slider-this-that-illustration img {
    max-width: 100%;
  }
}
.slider-this-that-text {
  background: #bdccbb;
  border-radius: 20px;
  padding: 24px;
  font-weight: 700;
  max-width: 420px;
  width: 100%;
  margin: 0px 80px;
  text-align: center;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-this-that-text {
    font-size: 18px;
  }
}
@media (max-width: 1169px) {
  .slider-this-that-text {
    margin: 0px 40px;
  }
}
@media (max-width: 991px) {
  .slider-this-that-text {
    max-width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .slider-this-that-text {
    padding: 18px;
    margin-bottom: 30px;
    border-radius: 12px;
  }
}
.slider-screenshot {
  align-items: center;
  position: relative;
  overflow: hidden;
  justify-self: center;
}
.slider-screenshot > div {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #AC8EFF;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .slider-screenshot > div {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 575px) {
  .slider-screenshot > div {
    width: 12px;
    height: 12px;
  }
}
.slider-screenshot img {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  .slider-screenshot img {
    height: auto;
    width: 100%;
  }
}
.slider-screenshot-answer {
  overflow: hidden;
  justify-self: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slider-screenshot-answer > div {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #d61e1e;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .slider-screenshot-answer > div {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 575px) {
  .slider-screenshot-answer > div {
    width: 10px;
    height: 10px;
  }
}
.slider-screenshot-answer-info {
  margin: 0;
  padding: 16px 26px;
  font-weight: 600;
  border-radius: 20px 20px 0px 0px;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-screenshot-answer-info {
    font-size: 16px;
    border-radius: 12px 12px 0 0;
    padding: 8px 12px;
  }
}
.slider-screenshot-answer-info.-mistake {
  background: #f6f1c6;
}
.slider-screenshot-answer-info.-nothing-correct {
  color: #d61e1e;
  background: #f8d3d3;
}
.slider-screenshot-answer-info.-all-correct {
  color: #2cb780;
  background: #d2f9ea;
}
.slider-screenshot-answer img {
  display: block;
  max-height: calc(100% - 60px);
  max-width: 100%;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0px 0px 12px 12px;
}
@media (max-width: 991px) {
  .slider-screenshot-answer img {
    height: auto;
    max-height: none;
    width: 100%;
  }
}
.slider-connect {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 175px;
  position: relative;
  touch-action: pan-y;
}
@media (max-width: 991px) {
  .slider-connect {
    gap: 80px;
  }
}
@media (max-width: 767px) {
  .slider-connect {
    /*grid-template-columns: 1fr;*/
    gap: 30px;
  }
}
.slider-connect-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .slider-connect-items {
    display: block;
    /*padding-left: 30px;*/
  }
}
.slider-connect-items:nth-child(1) {
  text-align: right;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .slider-connect-items:nth-child(1) {
    text-align: left;
  }
}
.slider-connect-item {
  padding: 24px;
  min-width: 150px;
  border-radius: 20px;
  background: #fff;
  position: relative;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-connect-item {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-connect-item {
    padding: 18px;
    font-size: 18px;
    line-height: 160%;
  }
}
@media (min-width: 768px) and (max-height: 899px) and (max-width: 767px) {
  .slider-connect-item {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .slider-connect-item {
    padding: 18px;
    border-radius: 12px;
  }
}
.slider-connect-item:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-connect-item:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .slider-connect-item:not(:last-child) {
    margin-bottom: 12px;
  }
}
.slider-connect-item.jtk-connected {
  background: #024840;
  color: #fff;
}
.slider-connect .jtk-endpoint.jtk-drag-hover circle {
  stroke-width: 2;
}
.slider-connect .jtk-endpoint:hover circle {
  stroke-width: 2;
}
.slider-connect .jtk-endpoint-connected circle {
  fill: #AC8EFF;
}
.slider-connect .jtk-endpoint {
  z-index: 100;
  touch-action: pan-y;
}
.slider-end {
  display: grid;
  grid-template-columns: 7fr 4fr;
  gap: 40px;
  align-content: center;
  padding: 0 5vw;
}
@media (max-width: 1299px) {
  .slider-end {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .slider-end {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .slider-end {
    gap: 20px;
    padding: 0;
  }
}
.slider-end.-completed-dashboard {
  overflow: visible;
}
.slider-end-block {
  display: flex;
  flex-direction: column;
  background: #024840;
  padding: 40px;
  justify-content: center;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-end-block {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .slider-end-block {
    padding: 24px;
  }
}
.slider-end-block.-level-up {
  background: #E4FD6F;
}
.slider-end-block.-level-up .slider-end-rank-title {
  color: #024840;
}
.slider-end-block.-level-up .slider-end-rank p {
  color: #024840;
  font-family: "Kumbh Sans", sans-serif;
}
.slider-end-block.-negative-score {
  background: #f8d3d3;
}
.slider-end-block.-negative-score .slider-end-stat li {
  color: #d61e1e;
}
.slider-end-block.-negative-score .slider-end-stat li span {
  color: #d61e1e;
}
.slider-end-block.-negative-score .slider-end-rank-title {
  color: #d61e1e;
}
.slider-end-block.-negative-score .slider-end-rank p {
  color: #d61e1e;
}
.slider-end-stat {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 16px 0;
}
.slider-end-stat li {
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end-stat li {
    font-size: 16px;
  }
}
.slider-end-stat li span {
  display: block;
  color: #E4FD6F;
  margin-bottom: 17px;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .slider-end-stat li span {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
.slider-end-score {
  flex-shrink: 0;
  margin-top: auto;
}
.slider-end-score li:not(:last-child) {
  margin-bottom: 16px;
}
.slider-end-score-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 160%;
}
.slider-end-score-info span:nth-child(1) {
  text-transform: uppercase;
}
.slider-end-score-info span:last-child {
  font-weight: 800;
}
.slider-end-rank {
  text-align: center;
}
.slider-end-rank img {
  --size: 137px;
  width: var(--size);
  height: var(--size);
  display: block;
  margin: 0 auto 34px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-end-rank img {
    --size: 80px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1170px) and (max-height: 899px) {
  .slider-end-rank img {
    --size: 110px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .slider-end-rank img {
    --size: 110px;
    margin-bottom: 20px;
  }
}
.slider-end-rank-title {
  color: #fff;
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .slider-end-rank-title {
    font-size: 18px;
  }
}
.slider-end-rank-title:not(:last-child) {
  margin-bottom: 13px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-end-rank-title:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .slider-end-rank-title:not(:last-child) {
    margin-bottom: 8px;
  }
}
.slider-end-rank p {
  font-family: "Hahmlet";
  color: #fff;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end-rank p {
    font-size: 16px;
  }
}
.slider-end-rank p:not(:last-child) {
  margin-bottom: 13px;
}
@media (min-width: 768px) and (max-height: 899px) {
  .slider-end-rank p:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .slider-end-rank p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.slider-end-rank .progress-bar {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .slider-end-rank .progress-bar {
    margin-top: 20px;
  }
}
.slider-end.-completed-dashboard {
  align-items: stretch;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
.slider-end.-completed-dashboard .slider-end-block {
  border-radius: 28px;
  padding: 0;
  overflow: visible;
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: #194f4e;
  background: #f7faf9;
  justify-content: flex-start;
}
.slider-end.-completed-dashboard .slider-end-block.-seasonal {
  background: #f7f6fc;
}
.slider-end.-completed-dashboard .slider-end-block.-personal {
  background: #eef8f6;
}
.slider-end.-completed-dashboard .slider-end-block > .slider-end-header {
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.slider-end.-completed-dashboard .slider-end-block > .slider-end-season-rankings,
.slider-end.-completed-dashboard .slider-end-block > .slider-end-streak {
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.slider-end.-completed-dashboard .slider-end-header {
  padding: 7px 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background: #ac8eff;
  height: 40px;
}
.slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-header {
  background: #024840;
}
.slider-end.-completed-dashboard .slider-end-points {
  padding: 24px;
  text-align: center;
  color: #024840;
  letter-spacing: 0.01em;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
.slider-end.-completed-dashboard .slider-end-points span {
  font-size: 20px;
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-points {
    font-size: 28px;
  }
}
.slider-end.-completed-dashboard .progress-bar {
  margin: 0 35px 18px;
  height: 14px;
  background: #d9e5df;
}
.slider-end.-completed-dashboard .progress-bar > div {
  background: #a78cf0;
}
.slider-end.-completed-dashboard .slider-end-block.-personal .progress-bar > div {
  background: #0a625c;
}
.slider-end.-completed-dashboard .slider-end-block.-seasonal .progress-bar,
.slider-end.-completed-dashboard .slider-end-block.-personal .progress-bar {
  position: relative;
  overflow: visible;
}
.slider-end.-completed-dashboard .slider-end-progress-badge {
  position: absolute;
  right: -2px;
  top: 50%;
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
}
.slider-end.-completed-dashboard .slider-end-progress-badge.-trophy {
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 50%;
  background: #ac8eff;
  color: #fff;
}
.slider-end.-completed-dashboard .slider-end-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}
.slider-end.-completed-dashboard .slider-end-badge.-on-time {
  color: #0a625c;
  border: 1px solid #0a625c;
}
.slider-end.-completed-dashboard .slider-end-badge.-late {
  color: #c44b4b;
  border: 1px solid #c44b4b;
}
.slider-end.-completed-dashboard .slider-end-breakdown {
  margin: 0 35px 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8e1df;
  display: grid;
  gap: 10px;
  overflow: visible;
}
.slider-end.-completed-dashboard .slider-end-breakdown li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
  font-size: 16px;
  line-height: 160%;
  overflow: visible;
}
.slider-end.-completed-dashboard .slider-end-breakdown li span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  overflow: visible;
}
.slider-end.-completed-dashboard .slider-end-breakdown li p {
  font-size: 16px;
}
.slider-end.-completed-dashboard .slider-end-breakdown strong {
  color: #000000;
}
.slider-end.-completed-dashboard .slider-end-info-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #e3ede2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}
.slider-end.-completed-dashboard .slider-end-info-icon svg {
  width: 20px;
  height: 20px;
  fill: #0a625c;
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip {
  position: relative;
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip:hover {
  z-index: 20;
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  transform: translateX(-50%);
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content {
  top: calc(100% + 12px);
  bottom: auto;
  left: 50%;
  right: auto;
  box-sizing: border-box;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  transform: translateX(-50%);
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content h3,
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content p {
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
}
.slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content:before {
  top: 1px;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-breakdown .tooltip {
    position: static;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown .tooltip:hover .tooltip-content {
    transform: none;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    transform: none;
    width: min(320px, 100vw - 32px);
    max-width: min(376px, 100vw - 32px);
  }
  .slider-end.-completed-dashboard .slider-end-breakdown .tooltip .tooltip-content:before {
    left: 12px;
    transform: none;
  }
}
.slider-end.-completed-dashboard .slider-end-rank {
  margin: 12px 24px 24px;
  padding-top: 20px;
  border-top: 1px solid #d8e1df;
  color: #1d3f3f;
}
.slider-end.-completed-dashboard .slider-end-rank img {
  --size: 76px;
  margin: 0 auto 16px;
}
.slider-end.-completed-dashboard .slider-end-rank-title {
  color: #000000;
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-rank-title {
    font-size: 16px;
  }
}
.slider-end.-completed-dashboard .slider-end-rank p {
  color: #000000;
  font-size: 16px;
  font-family: "Kumbh Sans", sans-serif;
}
.slider-end.-completed-dashboard .slider-end-breakdown.-personal {
  margin-top: 0;
  border-bottom: 0;
  border-top: 0;
  padding-top: 4px;
  padding-bottom: 16px;
}
.slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank {
  margin: 0 35px;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 14px;
  align-items: center;
  text-align: left;
}
.slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank img {
  --size: 58px;
  margin: 0;
}
.slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank .slider-end-rank-title {
  font-family: "Kumbh Sans", sans-serif;
  margin-bottom: 2px;
}
.slider-end.-completed-dashboard .slider-end-streak {
  margin: 16px 35px 24px;
  padding-top: 20px;
  border-top: 1px solid #d8e1df;
  text-align: center;
}
.slider-end.-completed-dashboard .slider-end-streak-badge {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-end.-completed-dashboard .slider-end-streak-badge img {
  width: 55px;
  height: 55px;
  position: absolute;
}
.slider-end.-completed-dashboard .slider-end-streak-badge .slider-end-streak-value {
  font-size: 16px;
  color: #fff;
  z-index: 1;
  padding-top: 20px;
}
.slider-end.-completed-dashboard .slider-end-streak h4 {
  margin: 0 0 4px;
  color: #011816;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.slider-end.-completed-dashboard .slider-end-streak > p {
  margin: 0;
  color: #0a625c;
  font-size: 16px;
  line-height: 160%;
}
.slider-end.-completed-dashboard .slider-end-replay-note {
  margin: 0;
  padding: 10px 24px 24px;
  color: #315b58;
  text-align: left;
  font-size: 16px;
  line-height: 160%;
}
.slider-end.-completed-dashboard .slider-end-season-rankings {
  margin: 0 35px 24px;
  padding-top: 18px;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-header h4 {
  margin: 0;
  color: #111827;
  font-weight: 700;
  font-size: 17px;
  font-family: "Kumbh Sans", sans-serif;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-header span {
  color: #011816;
  font-size: 14px;
  line-height: 160%;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list {
  display: grid;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list li {
  display: grid;
  grid-template-columns: 30px 30px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #d8e1df;
  color: #6b7280;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list li img {
  width: 25px;
  height: 25px;
  display: block;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list li:first-child {
  border-top: 0;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list li.-active {
  color: #111827;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list li.-active .rank-number,
.slider-end.-completed-dashboard .slider-end-season-rankings-list li.-active .rank-user,
.slider-end.-completed-dashboard .slider-end-season-rankings-list li.-active strong {
  color: #111827;
  font-weight: 700;
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list .rank-number {
  color: #8b929a;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-season-rankings-list .rank-number {
    font-size: 16px;
  }
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list .rank-user {
  color: #7b848d;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-season-rankings-list .rank-user {
    font-size: 16px;
  }
}
.slider-end.-completed-dashboard .slider-end-season-rankings-list strong {
  color: #8b929a;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard .slider-end-season-rankings-list strong {
    font-size: 16px;
  }
}
.slider-end.-completed-dashboard .slider-end-block.-negative-score {
  background: #fff1f1;
  border-color: #efc4c4;
}
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-header {
  background: #c64747;
}
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-points,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-breakdown strong,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-rank-title {
  color: #b42121;
}
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-breakdown li,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-rank p,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-season-rankings-header h4,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-season-rankings-list .rank-user,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-season-rankings-list .rank-number,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-season-rankings-list strong,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-streak h4,
.slider-end.-completed-dashboard .slider-end-block.-negative-score .slider-end-streak > p {
  color: #8f1d1d;
}
@media (max-width: 991px) {
  .slider-end.-completed-dashboard .slider-end-block {
    border-radius: 22px;
  }
}
@media (max-width: 767px) {
  .slider-end.-completed-dashboard {
    width: 100%;
    max-width: 100%;
    padding: 0;
    gap: 16px;
  }
  .slider-end.-completed-dashboard .slider-end-block {
    border-radius: 16px;
  }
  .slider-end.-completed-dashboard .slider-end-header {
    padding: 7px 16px;
    font-size: 14px;
  }
  .slider-end.-completed-dashboard .slider-end-points {
    padding: 16px 16px 12px;
    font-size: 28px;
  }
  .slider-end.-completed-dashboard .slider-end-points span {
    font-size: 16px;
  }
  .slider-end.-completed-dashboard .progress-bar {
    margin: 0 16px 12px;
    height: 12px;
  }
  .slider-end.-completed-dashboard .slider-end-progress-badge {
    width: 28px;
    height: 28px;
  }
  .slider-end.-completed-dashboard .slider-end-progress-badge.-trophy {
    width: 26px;
    height: 26px;
    padding: 5px;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown {
    margin: 0 16px 14px;
    padding-bottom: 14px;
    gap: 8px;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 6px 10px;
    position: relative;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown li span {
    gap: 8px;
    font-size: 14px;
    line-height: 1.35;
  }
  .slider-end.-completed-dashboard .slider-end-breakdown li p {
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
  }
  .slider-end.-completed-dashboard .slider-end-info-icon {
    width: 22px;
    height: 22px;
  }
  .slider-end.-completed-dashboard .slider-end-info-icon svg,
  .slider-end.-completed-dashboard .slider-end-info-icon img {
    width: 14px;
    height: 14px;
  }
  .slider-end.-completed-dashboard .slider-end-season-rankings {
    display: none;
  }
  .slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank {
    margin: 0 16px;
    padding: 14px 0;
    grid-template-columns: 48px 1fr;
    gap: 10px;
  }
  .slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank img {
    --size: 48px;
  }
  .slider-end.-completed-dashboard .slider-end-block.-personal .slider-end-rank p {
    font-size: 14px;
  }
  .slider-end.-completed-dashboard .slider-end-streak {
    margin: 10px 16px 16px;
    padding-top: 14px;
  }
  .slider-end.-completed-dashboard .slider-end-streak h4 {
    font-size: 15px;
  }
  .slider-end.-completed-dashboard .slider-end-streak > p {
    font-size: 14px;
  }
}
.slider-choose-image {
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 433px));
  justify-content: center;
  align-content: start;
  gap: 40px;
}
@media (max-width: 767px) {
  .slider-choose-image {
    grid-template-columns: minmax(250px, 400px);
    gap: 20px;
  }
}
.slider-choose-image-option {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
}
@media (max-width: 767px) {
  .slider-choose-image-option {
    border-radius: 12px;
  }
}
.slider-choose-image-option input {
  display: none;
}
.slider-choose-image-option input:checked + label:after {
  border-color: #024840;
}
.slider-choose-image-option input:checked + label:hover:after {
  border-color: #AC8EFF;
}
.slider-choose-image-option input:checked + label .slider-choose-image-option-block.-checkbox span {
  background: #fff url(/build/assets/check-green-D3oPopOb.svg) no-repeat center center/60%;
}
.slider-choose-image-option-block {
  position: absolute;
  --size: 50px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #024840;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 10;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-choose-image-option-block {
    font-size: 16px;
    --size: 45px;
  }
}
.slider-choose-image-option-block.-label {
  top: 0;
  left: 0;
  border-radius: 0 0 20px;
}
@media (max-width: 767px) {
  .slider-choose-image-option-block.-label {
    border-radius: 0 0 12px;
  }
}
.slider-choose-image-option-block.-checkbox {
  top: 0;
  right: 0;
  border-radius: 0 0 0 20px;
}
@media (max-width: 767px) {
  .slider-choose-image-option-block.-checkbox {
    border-radius: 0 0 0 12px;
  }
}
.slider-choose-image-option-block.-checkbox span {
  --size: 40%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff;
}
.slider-choose-image-option-block.-zoom {
  bottom: 0;
  right: 0;
  border-radius: 20px 0 0 0;
}
@media (max-width: 767px) {
  .slider-choose-image-option-block.-zoom {
    border-radius: 12px 0 0 0;
  }
}
.slider-choose-image-option-block.-zoom:hover {
  background: #AC8EFF;
}
.slider-choose-image-option-block.-zoom svg {
  --size: 40%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
}
.slider-choose-image-option label {
  padding-bottom: 75%;
  cursor: pointer;
  display: block;
  width: 100%;
}
.slider-choose-image-option label:hover .slider-choose-image-option-block.-label {
  background: #AC8EFF;
}
.slider-choose-image-option label:hover .slider-choose-image-option-block.-checkbox {
  background: #AC8EFF;
}
.slider-choose-image-option label:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .slider-choose-image-option label:after {
    border-radius: 12px;
  }
}
.slider-choose-image-option label img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-choose-image-popup .popup-inner {
  max-width: 650px;
  position: relative;
  background: #fff;
  border-radius: 30px;
  padding: 0;
}
@media (max-width: 767px) {
  .slider-choose-image-popup .popup-inner {
    border-radius: 12px;
  }
}
.slider-choose-image-popup .popup-inner:before {
  display: block;
  content: "";
  padding-bottom: 75%;
}
.slider-choose-image-popup .popup-inner .background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 72, 64, 0.5);
}
.slider-choose-image-popup .popup-inner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.slider-choose-image-popup .popup-close {
  position: absolute;
  --size: 75px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #024840;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 10;
  top: 0;
  right: 0;
  border-radius: 0 0 0 20px;
  cursor: pointer;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-choose-image-popup .popup-close {
    font-size: 16px;
    border-radius: 0 0 0 12px;
    --size: 50px;
  }
}
.slider-choose-image-popup .popup-close:hover {
  background: #AC8EFF;
}
.slider-choose-image-popup .popup-close:hover svg {
  color: #fff;
}
.slider-choose-image-popup .popup-close svg {
  --size: 40%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
}
.slider-zoom-image-popup.popup {
  padding: 15px;
}
.slider-zoom-image-popup.popup .popup-inner {
  position: relative;
  background: #fff;
  border-radius: 30px;
  padding: 0;
  max-width: 90%;
  max-height: calc(100% - 20px);
  overflow-y: hidden;
}
@media (max-width: 767px) {
  .slider-zoom-image-popup.popup .popup-inner {
    border-radius: 12px;
  }
}
.slider-zoom-image-popup.popup .popup-inner:before {
  display: block;
  content: "";
  padding-bottom: 75%;
}
.slider-zoom-image-popup.popup .popup-inner .background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 72, 64, 0.5);
}
.slider-zoom-image-popup.popup .popup-inner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.slider-zoom-image-popup.popup .popup-close {
  position: absolute;
  --size: 75px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #024840;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 10;
  top: 0;
  right: 0;
  border-radius: 0 0 0 20px;
  cursor: pointer;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .slider-zoom-image-popup.popup .popup-close {
    font-size: 16px;
    border-radius: 0 0 0 12px;
    --size: 50px;
  }
}
.slider-zoom-image-popup.popup .popup-close:hover {
  background: #AC8EFF;
}
.slider-zoom-image-popup.popup .popup-close:hover svg {
  color: #fff;
}
.slider-zoom-image-popup.popup .popup-close svg {
  --size: 40%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
}
.slider:has(.slider-end.-completed-dashboard) {
  overflow: visible;
}

/* Utils */
.dashboard {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: 100%;
  display: grid;
  grid-template-columns: 80px calc(100% - 80px);
  grid-template-rows: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .dashboard {
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr;
    overflow-x: hidden;
  }
}
.dashboard.-partner table a {
  color: #011816;
  text-decoration: underline;
}
.dashboard.-partner table a:hover {
  color: #AC8EFF;
  text-decoration: none;
}
@media (min-width: 992px) {
  .dashboard.-partner {
    grid-template-columns: 64px calc(100% - 64px);
  }
}
.dashboard.-partner .dashboard-sidebar-inner {
  background: #06221E;
}
@media (min-width: 992px) {
  .dashboard.-partner .dashboard-sidebar-inner {
    padding: 32px 16px;
  }
  .dashboard.-partner .dashboard-sidebar-nav {
    margin-top: 56px;
  }
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-sidebar-nav {
    background: #06221E;
  }
}
@media (min-width: 992px) {
  .dashboard.-partner .dashboard-sidebar-nav > li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.dashboard.-partner .dashboard-sidebar-profile {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  position: relative;
  transition: 0.2s;
}
.dashboard.-partner .dashboard-sidebar-profile.-active {
  background: transparent;
}
@media (min-width: 992px) {
  .dashboard.-partner .dashboard-sidebar-profile.-active > .dashboard-sidebar-profile-name {
    color: #fff;
  }
  .dashboard.-partner .dashboard-sidebar-profile.-active .dashboard-sidebar-profile-dots {
    color: #fff;
  }
}
@media (min-width: 1170px) {
  .dashboard.-partner .dashboard-sidebar-profile-photo {
    --size: 32px;
  }
}
@media (min-width: 992px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown {
    background: #06221E;
    width: 450px;
  }
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-top {
  padding: 0;
  margin: 0;
  border: 0;
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-top .dashboard-sidebar-profile-photo {
  --size: 52px;
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-top .dashboard-sidebar-profile-photo {
    --size: 42px;
  }
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-switch {
  display: flex;
  padding-bottom: 16px;
  margin: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch {
    border-color: rgba(1, 24, 22, 0.1);
    color: #011816;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch {
    padding-bottom: 12px;
    margin: 12px 0;
  }
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-switch .switch {
  margin: 0px 16px;
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span {
  background: #0E2C28;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span {
    background: rgba(2, 72, 64, 0.1);
  }
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span:after {
  background: #E4FD6F;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span:after {
    background: #024840;
  }
}
.dashboard.-partner .dashboard-sidebar-profile-dropdown-switch > div:last-child {
  font-weight: 600;
  color: #E4FD6F;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown-switch > div:last-child {
    color: #024840;
  }
}
@media (min-width: 992px) {
  .dashboard.-partner .dashboard-sidebar-profile-dropdown > ul li button, .dashboard.-partner .dashboard-sidebar-profile-dropdown > ul li a {
    font-size: 16px;
    line-height: 160%;
  }
  .dashboard.-partner .dashboard-sidebar-profile-dropdown > ul li button svg, .dashboard.-partner .dashboard-sidebar-profile-dropdown > ul li a svg {
    --size: 18px;
  }
}
@media (min-width: 1170px) {
  .dashboard.-partner .dashboard-main {
    padding: 32px 32px 32px 32px;
  }
}
@media (max-width: 1169px) {
  .dashboard.-partner .dashboard-main {
    display: none;
  }
}
.dashboard.-partner .dashboard-inner-nav {
  top: 130px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.dashboard.-partner .dashboard-inner-nav.partner-user-settings-block {
  top: 0;
}
@media (min-width: 1170px) {
  .dashboard.-partner .dashboard-inner-nav li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.dashboard.-partner .dashboard-inner-nav li.-bottom {
  margin-top: auto;
}
@media (min-width: 1170px) {
  .dashboard.-partner .dashboard-top {
    margin-bottom: 24px;
  }
  .dashboard.-partner .dashboard-stat {
    gap: 24px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content {
    right: -15px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(5n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(4n) .tooltip:hover .tooltip-content {
  transform: translate(-50%, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
  left: 50%;
  right: auto;
  transform: translate(-50%, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-5 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
  background-position: center center;
}
.dashboard.-partner .dashboard-stat.-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content {
    right: -15px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(6n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(4n) .tooltip:hover .tooltip-content {
  transform: translate(-50%, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
  left: 50%;
  right: auto;
  transform: translate(-50%, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
  background-position: center center;
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(1) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(1) .tooltip .tooltip-content {
  left: -30px;
  transform: translate(0, 105%);
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block:nth-child(1) .tooltip .tooltip-content:before {
  background-position: left 20px bottom;
}
.dashboard.-partner .dashboard-stat.-cols-6 .dashboard-stat-block > *:last-child {
  margin-top: auto;
}
.dashboard.-partner .dashboard-stat.-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
    right: -15px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-4 .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.dashboard.-partner .dashboard-stat.-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
    right: -15px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-3 .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.dashboard.-partner .dashboard-stat.-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip:hover .tooltip-content {
  transform: translate(0, 100%);
}
.dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
  left: auto;
  right: -30px;
  transform: translate(0, 105%);
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
    right: -15px;
  }
}
.dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
  background-position: right 20px bottom;
}
@media (max-width: 991px) {
  .dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard.-partner .dashboard-stat.-cols-2 .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
.dashboard.-partner .dashboard-stat-block-pie-chart {
  position: relative;
}
.dashboard.-partner .dashboard-stat-block-pie-chart:after {
  display: block;
  content: "";
  --size: 48%;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #E3EDE2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard.-partner .dashboard-stat-block.-challenge {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard.-partner .dashboard-stat-block.-challenge:hover > svg {
  fill: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard.-partner .dashboard-stat-block.-challenge:hover > svg {
    fill: #024840;
  }
}
.dashboard.-partner .dashboard-stat-block.-challenge > svg {
  transform: rotate(-90deg);
  fill: #024840;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transition: 0.2s;
  margin-left: 45px;
}
.dashboard.-partner .dashboard-stat-block.-challenge > div {
  width: 100%;
}
.dashboard.-partner .dashboard-stat-block.-challenge ul {
  padding: 14px 16px;
  background: #fff;
  border-radius: 20px;
}
.dashboard.-partner .dashboard-stat-block.-challenge ul li {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: 10px;
  justify-items: start;
}
.dashboard.-partner .dashboard-stat-block.-challenge ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media (min-width: 1170px) {
  .dashboard.-partner .dashboard-actions {
    gap: 8px;
  }
  .dashboard.-partner .dashboard-actions-search input {
    width: 188px;
  }
}
.dashboard.-partner .dashboard-actions-search > svg:hover {
  color: #AC8EFF;
  fill: #AC8EFF;
  cursor: pointer;
}
.dashboard.-partner .dashboard-actions-btn:hover {
  background: #E3EDE2;
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard.-partner .dashboard-actions-btn:hover {
    color: #011816;
    background: #E3EDE2;
  }
}
.dashboard.-partner .dashboard-actions-btn-label {
  display: none;
}
.dashboard.-partner .dashboard-actions-item.-active .dashboard-actions-btn {
  background: #024840;
  color: #E4FD6F;
}
.dashboard.-partner .dashboard-actions-item.-active .dashboard-actions-btn:hover {
  background: #024840;
  color: #E4FD6F;
}
@media (pointer: coarse) {
  .dashboard.-partner .dashboard-actions-item.-active .dashboard-actions-btn:hover {
    background: #024840;
    color: #fff;
  }
}
.dashboard.-partner .dashboard-actions-item-dropdown {
  right: -15px;
  bottom: -17px;
  left: auto;
}
.dashboard.-partner .dashboard-actions-item-dropdown-download-list {
  margin-top: 16px;
}
.dashboard.-partner .form-block {
  display: flex;
  flex-direction: column;
}
.dashboard.-partner .form-block input {
  padding: 12px 16px;
}
.dashboard.-partner .form-block .custom-select-trigger {
  padding: 12px 16px;
}
.dashboard.-partner .form-block .custom-select.-multiple .custom-select-trigger {
  padding: 7px 16px 7px 7px;
  min-height: 46px;
}
.dashboard.-partner .form-block .custom-select-dropdown ul {
  padding: 0px 12px 8px;
}
.dashboard.-partner .action-block .btn {
  font-weight: 800;
}
.dashboard:not(.-partner) .dashboard-sidebar-profile-dropdown-switch > div:first-child {
  font-weight: 600;
  color: #E4FD6F;
}
@media (max-width: 991px) {
  .dashboard:not(.-partner) .dashboard-sidebar-profile-dropdown-switch > div:first-child {
    color: #024840;
  }
}
.dashboard-sidebar {
  position: relative;
  z-index: 900;
}
.dashboard-sidebar:hover .dashboard-sidebar-inner, .dashboard-sidebar:focus .dashboard-sidebar-inner, .dashboard-sidebar:focus-visible .dashboard-sidebar-inner {
  /*@media (pointer: coarse) {

      @include mq.mq(lg) {
          width: 100%;
      }
  }*/
}
@media (min-width: 992px) {
  .dashboard-sidebar:hover .dashboard-sidebar-inner, .dashboard-sidebar:focus .dashboard-sidebar-inner, .dashboard-sidebar:focus-visible .dashboard-sidebar-inner {
    width: 354px;
    transition: 0.2s;
  }
}
.dashboard-sidebar:hover .dashboard-sidebar-logo img, .dashboard-sidebar:focus .dashboard-sidebar-logo img, .dashboard-sidebar:focus-visible .dashboard-sidebar-logo img {
  /*@media (pointer: coarse) {

      @include mq.mq(lg) {
          opacity: 0;
          pointer-events: none;
      }
  }*/
}
@media (min-width: 992px) {
  .dashboard-sidebar:hover .dashboard-sidebar-logo img, .dashboard-sidebar:focus .dashboard-sidebar-logo img, .dashboard-sidebar:focus-visible .dashboard-sidebar-logo img {
    transition: 0.2s 0.1s;
    opacity: 1;
    pointer-events: inherit;
  }
}
.dashboard-sidebar:hover .dashboard-sidebar-nav ul li a span, .dashboard-sidebar:focus .dashboard-sidebar-nav ul li a span, .dashboard-sidebar:focus-visible .dashboard-sidebar-nav ul li a span {
  /*@media (pointer: coarse) {

      @include mq.mq(lg) {
          opacity: 0;
          pointer-events: none;
      }
  }*/
}
@media (min-width: 992px) {
  .dashboard-sidebar:hover .dashboard-sidebar-nav ul li a span, .dashboard-sidebar:focus .dashboard-sidebar-nav ul li a span, .dashboard-sidebar:focus-visible .dashboard-sidebar-nav ul li a span {
    transition: 0.2s 0.1s;
    opacity: 1;
    pointer-events: inherit;
  }
}
.dashboard-sidebar:hover .dashboard-sidebar-profile-name, .dashboard-sidebar:focus .dashboard-sidebar-profile-name, .dashboard-sidebar:focus-visible .dashboard-sidebar-profile-name {
  /*@media (pointer: coarse) {

      @include mq.mq(lg) {
          opacity: 0;
          pointer-events: none;
      }
  }*/
}
@media (min-width: 992px) {
  .dashboard-sidebar:hover .dashboard-sidebar-profile-name, .dashboard-sidebar:focus .dashboard-sidebar-profile-name, .dashboard-sidebar:focus-visible .dashboard-sidebar-profile-name {
    transition: 0.2s 0.1s;
    opacity: 1;
    pointer-events: inherit;
  }
}
.dashboard-sidebar:hover .dashboard-sidebar-profile-dots, .dashboard-sidebar:focus .dashboard-sidebar-profile-dots, .dashboard-sidebar:focus-visible .dashboard-sidebar-profile-dots {
  /*@media (pointer: coarse) {

      @include mq.mq(lg) {
          opacity: 0;
          pointer-events: none;
      }
  }*/
}
@media (min-width: 992px) {
  .dashboard-sidebar:hover .dashboard-sidebar-profile-dots, .dashboard-sidebar:focus .dashboard-sidebar-profile-dots, .dashboard-sidebar:focus-visible .dashboard-sidebar-profile-dots {
    transition: 0.2s 0.1s;
    opacity: 1;
    pointer-events: inherit;
  }
}
.dashboard-sidebar-inner {
  padding: 40px 24px;
  background: #024840;
  width: 100%;
  height: 100%;
  transition: 0.2s 0.1s;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content 1fr;
}
@media (max-height: 749px) and (min-width: 992px) {
  .dashboard-sidebar-inner {
    padding: 24px;
  }
}
@media (max-width: 991px) {
  .dashboard-sidebar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-inner {
    padding: 15px;
  }
}
.dashboard-sidebar > * {
  position: relative;
}
.dashboard-sidebar-logo {
  display: flex;
  align-items: center;
  z-index: 10;
}
.dashboard-sidebar-logo .dashboard-sidebar-logo-icon {
  display: block;
  width: 28px;
  height: 28px;
  min-width: 28px;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/build/assets/logo-CXJ6J4Tc.svg);
}
@media (max-width: 991px) {
  .dashboard-sidebar-logo .dashboard-sidebar-logo-icon {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-logo .dashboard-sidebar-logo-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
.dashboard-sidebar-logo .dashboard-sidebar-logo-text {
  display: block;
  width: 110px;
  height: 28px;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  transition: 0.2s;
  background-image: url(/build/assets/text-B1f__MVa.svg);
}
@media (min-width: 992px) {
  .dashboard-sidebar-logo .dashboard-sidebar-logo-text {
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-logo .dashboard-sidebar-logo-text {
    width: 92px;
  }
}
.dashboard-sidebar-nav {
  margin-top: 56px;
  display: flex;
  flex-direction: column;
}
@media (max-height: 749px) and (min-width: 992px) {
  .dashboard-sidebar-nav {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .dashboard-sidebar-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 90px 20px 20px;
    visibility: hidden;
    transform: translateX(100%);
    transition: 0.4s;
    overflow: auto;
    background: #024840;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-nav {
    padding: 75px 15px 20px;
  }
}
@media (max-width: 991px) {
  .dashboard-sidebar-nav.-active {
    visibility: visible;
    transform: translateX(0);
  }
}
.dashboard-sidebar-nav > ul {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .dashboard-sidebar-nav > ul {
    margin-bottom: 30px;
  }
}
.dashboard-sidebar-nav > ul li {
  display: flex;
  align-items: center;
}
.dashboard-sidebar-nav > ul li:not(:last-child) {
  margin-bottom: 24px;
}
.dashboard-sidebar-nav > ul li.-active a {
  color: #024840;
  background: #E4FD6F;
}
.dashboard-sidebar-nav > ul li.-dark {
  color: #E4FD6F;
  background: #024840;
}
.dashboard-sidebar-nav > ul li.-has-notification a {
  position: relative;
}
.dashboard-sidebar-nav > ul li.-has-notification a:after {
  display: block;
  content: "";
  position: absolute;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  left: 18px;
  top: 6px;
  border-radius: 50%;
  background: #D61E1E;
}
.dashboard-sidebar-nav > ul li a {
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 10px;
  width: 100%;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-sidebar-nav > ul li a {
    font-size: 16px;
    border-radius: 8px;
  }
}
.dashboard-sidebar-nav > ul li a svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  fill: currentColor;
  margin: 6px;
}
.dashboard-sidebar-nav > ul li a span {
  margin-left: 16px;
  white-space: nowrap;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .dashboard-sidebar-nav > ul li a span {
    margin-left: 12px;
  }
}
@media (min-width: 992px) {
  .dashboard-sidebar-nav > ul li a span {
    opacity: 0;
    pointer-events: none;
  }
}
.dashboard-sidebar-nav > ul.dashboard-sidebar-nav-extra {
  margin: auto 0 4px;
  transition: opacity 0.5s ease-in;
}
.dashboard-sidebar-profile {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 10px;
  margin: 0 -6px 0;
  position: relative;
  transition: 0.2s;
}
.dashboard-sidebar-profile.-active {
  background: #E4FD6F;
}
.dashboard-sidebar-profile.-active > .dashboard-sidebar-profile-name {
  color: #011816;
}
.dashboard-sidebar-profile.-active .dashboard-sidebar-profile-dots {
  color: #011816;
}
.dashboard-sidebar-profile.-active .dashboard-sidebar-profile-dropdown {
  pointer-events: inherit;
  transform: translateX(100%);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile.-active .dashboard-sidebar-profile-dropdown {
    transform: translateY(-100%);
  }
}
.dashboard-sidebar-profile-photo {
  --size: 28px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  background: #E4FD6F;
  position: relative;
  overflow: hidden;
}
.dashboard-sidebar-profile-photo img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard-sidebar-profile-name {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  color: #fff;
  margin: 0px 16px;
  width: 100%;
  white-space: nowrap;
  transition: 0.2s;
  overflow: hidden;
}
.dashboard-sidebar-profile-name div {
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 992px) {
  .dashboard-sidebar-profile-name {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-name {
    margin: 0px 12px;
  }
}
.dashboard-sidebar-profile-email {
  font-size: 16px;
  line-height: 160%;
  color: #fff;
  width: 100%;
  white-space: nowrap;
  transition: 0.2s;
}
.dashboard-sidebar-profile-dots {
  display: flex;
  align-items: center;
  margin-left: auto;
  transition: 0.2s;
  color: #fff;
}
@media (min-width: 992px) {
  .dashboard-sidebar-profile-dots {
    opacity: 0;
    pointer-events: none;
  }
}
.dashboard-sidebar-profile-dots svg {
  min-width: 16px;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.dashboard-sidebar-profile-dropdown {
  position: absolute;
  width: 375px;
  background: #024840;
  border-radius: 20px;
  padding: 24px;
  bottom: 0;
  right: -24px;
  transform: translateX(105%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown {
    transform: translateY(-100%);
    background: #fff;
    right: 0;
    width: 100%;
    bottom: auto;
    top: -8px;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown {
    padding: 16px;
    border-radius: 8px;
  }
}
.dashboard-sidebar-profile-dropdown:before {
  display: block;
  content: "";
  width: 48px;
  height: 100%;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  position: absolute;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown:before {
    display: none;
  }
}
.dashboard-sidebar-profile-dropdown-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown-top {
    border-color: rgba(1, 24, 22, 0.1);
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown-top {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .dashboard-sidebar-profile-dropdown-top {
    flex-wrap: wrap;
  }
}
.dashboard-sidebar-profile-dropdown-info {
  width: calc(100% - 84px);
  margin: 0px 16px;
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown-info {
    width: calc(100% - 66px);
    margin: 0px 12px;
  }
}
@media (max-width: 575px) {
  .dashboard-sidebar-profile-dropdown-info {
    margin: 0;
    width: calc(100% - 60px);
  }
}
.dashboard-sidebar-profile-dropdown-switch {
  display: flex;
  padding-bottom: 16px;
  margin: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown-switch {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown-switch {
    border-color: rgba(1, 24, 22, 0.1);
    color: #011816;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown-switch {
    padding-bottom: 12px;
    margin: 12px 0;
  }
}
.dashboard-sidebar-profile-dropdown-switch .switch {
  margin: 0px 16px;
}
.dashboard-sidebar-profile-dropdown-switch .switch input:checked + span {
  background: #0E2C28;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span {
    background: rgba(2, 72, 64, 0.1);
  }
}
.dashboard-sidebar-profile-dropdown-switch .switch input:checked + span:after {
  background: #E4FD6F;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown-switch .switch input:checked + span:after {
    background: #024840;
  }
}
.dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-photo {
  --size: 52px;
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-photo {
    --size: 42px;
  }
}
.dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-name {
  color: #fff;
  opacity: 1;
  pointer-events: inherit;
  margin: 0;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-name {
    color: #011816;
  }
}
.dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-email {
  margin-top: 4px;
  white-space: initial;
  word-break: break-all;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-email {
    color: #011816;
  }
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown .dashboard-sidebar-profile-email {
    margin: 0;
  }
}
.dashboard-sidebar-profile-dropdown ul li {
  display: flex;
  align-items: center;
}
.dashboard-sidebar-profile-dropdown ul li:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .dashboard-sidebar-profile-dropdown ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.dashboard-sidebar-profile-dropdown ul li button, .dashboard-sidebar-profile-dropdown ul li a {
  font-size: 14px;
  line-height: 160%;
  color: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .dashboard-sidebar-profile-dropdown ul li button, .dashboard-sidebar-profile-dropdown ul li a {
    color: #011816;
  }
}
.dashboard-sidebar-profile-dropdown ul li button svg, .dashboard-sidebar-profile-dropdown ul li a svg {
  --size: 16px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-right: 8px;
}
.dashboard-sidebar-profile-dropdown .custom-select {
  position: relative;
  color: #024840;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
}
@media (max-width: 575px) {
  .dashboard-sidebar-profile-dropdown .custom-select {
    width: 100%;
    margin-top: 12px;
  }
}
.dashboard-sidebar-profile-dropdown .custom-select select {
  display: none;
}
.dashboard-sidebar-profile-dropdown .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 8px 9px;
}
.dashboard-sidebar-profile-dropdown .custom-select-trigger.active svg {
  transform: rotate(-180deg);
}
.dashboard-sidebar-profile-dropdown .custom-select-trigger svg {
  width: 12px;
  height: 12px;
  fill: rgba(2, 72, 64, 0.5);
  margin-left: 8px;
  transition: 0.2s;
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown {
  position: absolute;
  transition: 0.2s ease-in-out;
  transform: translateY(105%);
  left: 0;
  z-index: 100;
  bottom: -4px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 4px;
  pointer-events: none;
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown.active {
  pointer-events: inherit;
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown ul li {
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
  border-radius: 6px;
  position: relative;
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown ul li:hover {
  background: rgba(1, 24, 22, 0.2);
}
@media (pointer: coarse) {
  .dashboard-sidebar-profile-dropdown .custom-select-dropdown ul li:hover {
    background: transparent;
  }
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown ul li:not(:last-child) {
  margin-bottom: 4px;
}
.dashboard-sidebar-profile-dropdown .custom-select-dropdown ul li.selected {
  background: rgba(1, 24, 22, 0.2);
}
@media (min-width: 992px) {
  .dashboard-sidebar .hamburger {
    display: none;
  }
}
.dashboard-coming-soon {
  padding: 125px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
  min-width: 0;
  text-align: center;
}
@media (max-width: 991px) {
  .dashboard-coming-soon {
    padding: 80px 20px;
  }
}
@media (max-width: 767px) {
  .dashboard-coming-soon {
    padding: 60px 15px;
  }
}
.dashboard-coming-soon img {
  max-width: 515px;
  margin-bottom: 32px;
  max-height: 100%;
}
@media (max-width: 991px) {
  .dashboard-coming-soon img {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .dashboard-coming-soon img {
    max-width: 350px;
  }
}
@media (max-width: 575px) {
  .dashboard-coming-soon img {
    max-width: 80%;
  }
}
.dashboard-main {
  padding: 40px;
}
@media (max-width: 991px) {
  .dashboard-main {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .dashboard-main {
    padding: 30px 15px;
  }
}
.dashboard-main .simplebar-content {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 991px) {
  .dashboard-main .simplebar-content {
    min-height: calc(100vh - 68px);
    min-height: calc(var(--vh, 1vh) * 100 - 68px);
  }
}
@media (max-width: 767px) {
  .dashboard-main .simplebar-content {
    min-height: calc(100vh - 654px);
    min-height: calc(var(--vh, 1vh) * 100 - 54px);
  }
}
.dashboard-main .simplebar-track.simplebar-vertical {
  background: rgba(1, 24, 22, 0.2);
  width: 4px;
  border-radius: 10px;
}
.dashboard-main .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 100%;
  background: #024840;
  border-radius: 10px;
}
.dashboard-main .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  display: none;
}
.dashboard-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px 30px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .dashboard-top {
    gap: 20px;
    margin-bottom: 30px;
  }
}
.dashboard-top.-fixed-top-dashboard {
  padding: 32px;
  position: fixed;
  background: #fff;
  z-index: 99;
  width: calc(100% - 64px);
  top: 0;
  right: 0;
}
.dashboard-top-info {
  order: 1;
}
.dashboard-top-info h1 {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .dashboard-top-info h1 {
    font-size: 28px;
  }
}
.dashboard-top-info > p {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  width: 100%;
  margin-top: 8px;
}
.dashboard-top .dashboard-breadcrumbs {
  order: 3;
}
@media (max-width: 767px) {
  .dashboard-top .dashboard-breadcrumbs {
    order: 2;
  }
}
.dashboard-top .dashboard-actions {
  order: 2;
}
.dashboard-top .dashboard-actions.-wide {
  width: 100%;
}
.dashboard-top .dashboard-actions.-wide .dashboard-actions-search {
  width: 100%;
}
.dashboard-top .dashboard-actions.-wide .dashboard-actions-search input {
  width: 100%;
}
.dashboard-top .dashboard-pagination {
  order: 2;
}
.dashboard-breadcrumbs {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 58px;
}
@media (max-width: 767px) {
  .dashboard-breadcrumbs {
    gap: 10px 30px;
  }
}
.dashboard-breadcrumbs li {
  display: flex;
  align-items: center;
}
.dashboard-breadcrumbs li:last-child {
  pointer-events: none;
}
.dashboard-breadcrumbs li:last-child a {
  font-weight: 600;
  color: #024840;
}
.dashboard-breadcrumbs li:not(:last-child) {
  position: relative;
}
.dashboard-breadcrumbs li:not(:last-child):after {
  position: absolute;
  transform: translate(50%, -50%);
  top: 50%;
  right: -29px;
  content: "";
  --size: 10px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: url(/build/assets/breadcrumbs-arrow-DSXlP7WZ.svg) no-repeat center center/100%;
}
@media (max-width: 767px) {
  .dashboard-breadcrumbs li:not(:last-child):after {
    right: -15px;
  }
}
.dashboard-breadcrumbs li a {
  font-size: 16px;
  line-height: 160%;
  color: #919392;
}
.dashboard-breadcrumbs li a:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-breadcrumbs li a:hover {
    color: #919392;
  }
}
.dashboard-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
@media (max-width: 1169px) {
  .dashboard-actions {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .dashboard-actions {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.dashboard-actions-search {
  display: flex;
  align-items: center;
  background: #E3EDE2;
  border-radius: 20px;
  padding: 14px 16px;
}
@media (max-width: 1169px) {
  .dashboard-actions-search {
    width: 100%;
  }
}
.dashboard-actions-search svg {
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
.dashboard-actions-search button:hover svg {
  color: #AC8EFF;
  fill: #AC8EFF;
}
.dashboard-actions-search input {
  font-size: 14px;
  line-height: 160%;
  line-height: 22px;
  color: #011816;
  margin-left: 8px;
  width: 235px;
}
@media (max-width: 767px) {
  .dashboard-actions-search input {
    width: 100%;
  }
}
.dashboard-actions-btn {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  background: #E3EDE2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #011816;
  transition: 0.2s;
  cursor: pointer;
  position: relative;
}
.dashboard-actions-btn:hover {
  background: #AC8EFF;
  color: #fff;
}
@media (pointer: coarse) {
  .dashboard-actions-btn:hover {
    color: #011816;
    background: #E3EDE2;
  }
}
.dashboard-actions-btn:before {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-50%, 100%);
  left: 50%;
  bottom: -10px;
  width: 100%;
  height: 9px;
  pointer-events: none;
  background: url(/build/assets/tooltip-arrow-green-CoWt7KT7.svg) no-repeat center bottom/auto 100%;
  z-index: 200;
  transition: 0.2s;
  opacity: 0;
}
.dashboard-actions-btn svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
}
.dashboard-actions-btn-label {
  position: absolute;
  transform: translate(-50%, 105%);
  left: 50%;
  bottom: -6px;
  background: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 15px 32px;
  font-size: 14px;
  line-height: 160%;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  pointer-events: none;
  z-index: 210;
  color: #011816;
}
@media (max-width: 991px) {
  .dashboard-actions-btn-label {
    display: none;
  }
}
.dashboard-actions-item:not(.-active):hover .dashboard-actions-btn .dashboard-actions-btn-label {
  transform: translate(-50%, 100%);
  opacity: 1;
  visibility: visible;
}
@media (pointer: coarse) {
  .dashboard-actions-item:not(.-active):hover .dashboard-actions-btn .dashboard-actions-btn-label {
    transform: translate(-50%, 105%);
    opacity: 0;
    visibility: hidden;
  }
}
.dashboard-actions-item.-has-selected-items .dashboard-actions-btn {
  background: #E4FD6F;
  color: #024840;
}
.dashboard-actions-item.-has-selected-items .dashboard-actions-item-counter {
  display: block;
}
.dashboard-actions-item.-active .dashboard-actions-btn {
  background: #024840;
  color: #fff;
}
.dashboard-actions-item.-active .dashboard-actions-btn:hover {
  background: #024840;
  color: #fff;
}
@media (pointer: coarse) {
  .dashboard-actions-item.-active .dashboard-actions-btn:hover {
    background: #024840;
    color: #fff;
  }
}
.dashboard-actions-item.-active .dashboard-actions-btn:before {
  opacity: 1;
}
.dashboard-actions-item.-active .dashboard-actions-item-dropdown {
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}
.dashboard-actions-item.-active .dashboard-actions-item-dropdown .dashboard-actions-item-dropdown-filter-top button {
  color: #fff;
}
.dashboard-actions-item.-active .dashboard-actions-item-dropdown .dashboard-actions-item-dropdown-filter-top button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.dashboard-actions-item.-active .dashboard-actions-item-dropdown .dashboard-actions-item-dropdown-filter-top button:not(:disabled):hover {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown {
  position: absolute;
  transform: translateY(100%);
  right: -15px;
  z-index: 150;
  bottom: -17px;
  width: 330px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s, height 0s;
  pointer-events: none;
  padding: 24px;
  background: #024840;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}
.dashboard-actions-item-dropdown.-whitelist {
  width: 488px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown.-whitelist {
    width: 400px;
  }
}
@media (max-width: 575px) {
  .dashboard-actions-item-dropdown.-whitelist {
    width: calc(100vw - 13px);
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown {
    border-radius: 8px;
    right: -10px;
    padding: 16px;
    width: 280px;
  }
}
@media (max-width: 575px) {
  .dashboard-actions-item-dropdown {
    right: auto;
    left: -10px;
  }
}
.dashboard-actions-item-dropdown-title {
  font-family: "Hahmlet";
  margin-right: auto;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-title {
    font-size: 16px;
  }
}
.dashboard-actions-item-dropdown-desc {
  margin-top: 16px;
  font-size: 14px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-desc {
    margin-top: 12px;
  }
}
.dashboard-actions-item-dropdown-search {
  margin-top: 24px;
  background: #E3EDE2;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 15px 16px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-search {
    margin-top: 16px;
    padding: 12px;
  }
}
.dashboard-actions-item-dropdown-search svg {
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-search svg {
    --size: 15px;
  }
}
.dashboard-actions-item-dropdown-search input {
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  color: #011816;
  margin-left: 8px;
}
.dashboard-actions-item-dropdown-whitelist-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 0px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist-empty {
    padding: 22px 0;
  }
}
.dashboard-actions-item-dropdown-whitelist-empty img {
  display: block;
  width: 100%;
  max-width: 290px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist-empty img {
    max-width: 110px;
    margin-bottom: 16px;
  }
}
.dashboard-actions-item-dropdown-whitelist-empty p {
  font-size: 14px;
  line-height: 160%;
  text-align: center;
}
.dashboard-actions-item-dropdown-whitelist-empty p:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist-empty p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.dashboard-actions-item-dropdown-whitelist {
  margin-top: 24px;
  max-height: 465px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .dashboard-actions-item-dropdown-whitelist {
    max-height: 280px;
  }
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist {
    max-height: 280px;
    margin-top: 18px;
  }
}
.dashboard-actions-item-dropdown-whitelist .simplebar-content {
  min-height: auto !important;
}
.dashboard-actions-item-dropdown-whitelist .simplebar-track {
  right: -24px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist .simplebar-track {
    right: -16px;
  }
}
.dashboard-actions-item-dropdown-whitelist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard-actions-item-dropdown-whitelist li:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-whitelist li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.dashboard-actions-item-dropdown-whitelist-name {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
}
.dashboard-actions-item-dropdown-whitelist-date {
  font-size: 12px;
  line-height: 160%;
  color: #EEEEEE;
  margin-top: 4px;
}
.dashboard-actions-item-dropdown-whitelist-remove {
  margin-left: 15px;
  white-space: nowrap;
}
.dashboard-actions-item-dropdown-whitelist-remove > button {
  font-size: 12px;
  line-height: 160%;
  font-weight: 800;
  color: #fff;
  transition: 0.2s;
}
.dashboard-actions-item-dropdown-whitelist-remove > button:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-actions-item-dropdown-whitelist-remove > button:hover {
    color: #fff;
  }
}
.dashboard-actions-item-dropdown-whitelist-remove-confirm {
  display: flex;
  align-items: center;
}
.dashboard-actions-item-dropdown-whitelist-remove-confirm p {
  font-size: 14px;
  line-height: 160%;
  margin: 0;
}
.dashboard-actions-item-dropdown-whitelist-remove-confirm button {
  font-size: 14px;
  line-height: 160%;
  color: #EEEEEE;
  margin-left: 16px;
}
.dashboard-actions-item-dropdown-whitelist-remove-confirm button:last-child {
  font-weight: 600;
  color: #D61E1E;
}
.dashboard-actions-item-dropdown-filter-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.dashboard-actions-item-dropdown-filter-top > form > button {
  font-size: 12px;
  line-height: 160%;
  font-weight: 800;
  color: #fff;
  transition: 0.2s;
}
.dashboard-actions-item-dropdown-filter-top > form > button:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-actions-item-dropdown-filter-top > form > button:hover {
    color: #fff;
  }
}
.dashboard-actions-item-dropdown-filter-top > form > button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.dashboard-actions-item-dropdown-filter-top > form > button svg {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.dashboard-actions-item-dropdown-filter-list-top {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 4px;
  transition: 0.2s;
  color: #fff;
}
.dashboard-actions-item-dropdown-filter-list-top svg {
  --size: 16px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-right: 8px;
  margin-bottom: 3px;
}
.dashboard-actions-item-dropdown-filter-list-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.dashboard-actions-item-dropdown-filter-list-trigger:hover .dashboard-actions-item-dropdown-filter-list-top {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-list-trigger:hover p {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-list-trigger:hover > svg {
  color: #AC8EFF;
  fill: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-list-trigger > svg {
  transition: 0.2s;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
  transform: rotate(-90deg);
}
.dashboard-actions-item-dropdown-filter-list > li {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-filter-list > li {
    padding-bottom: 11px;
  }
}
.dashboard-actions-item-dropdown-filter-list > li:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-filter-list > li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.dashboard-actions-item-dropdown-filter-list > li p {
  font-size: 14px;
  line-height: 160%;
  color: #EEEEEE;
  transition: 0.2s;
}
.dashboard-actions-item-dropdown-filter-list > li p.-active {
  color: #E4FD6F;
}
.dashboard-actions-item-dropdown-filter-list-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #024840;
  padding: 24px;
  min-height: 100%;
  z-index: 100;
  transform: translateX(100%);
  transition: 0.2s;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-filter-list-inner {
    padding: 16px;
  }
}
.dashboard-actions-item-dropdown-filter-list-inner.-active {
  transform: translateX(0);
}
.dashboard-actions-item-dropdown-filter-list-inner-back {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
  transform: rotate(90deg);
  margin-right: 10px;
  margin-bottom: -3px;
  cursor: pointer;
}
.dashboard-actions-item-dropdown-filter-list-inner-back:hover {
  fill: #AC8EFF;
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-list-inner ul li {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-filter-list-inner ul li {
    padding-bottom: 6px;
  }
}
.dashboard-actions-item-dropdown-filter-list-inner ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-filter-list-inner ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.dashboard-actions-item-dropdown-filter-list-inner ul li button {
  font-size: 14px;
  line-height: 160%;
  transition: 0.2s;
  color: #fff;
}
.dashboard-actions-item-dropdown-filter-list-inner ul li button:not(.-active):hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-actions-item-dropdown-filter-list-inner ul li button:not(.-active):hover {
    color: #fff;
  }
}
.dashboard-actions-item-dropdown-filter-list-inner ul li button.-active {
  font-weight: 600;
  color: #E4FD6F;
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider {
  width: 100%;
  display: block;
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider .noUi-tooltip {
  padding: 4px;
  background: #E4FD6F;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  color: #011816;
  font-size: 14px;
  line-height: 160%;
  bottom: -9px;
  transform: translate(-50%, 100%);
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider .noUi-tooltip:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #E4FD6F;
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 1px;
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider .noUi-connect {
  background: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider .noUi-handle {
  background: #E4FD6F;
}
.dashboard-actions-item-dropdown-filter-list-inner .range-slider.slider-game-score > button {
  margin-top: 60px;
  width: 100%;
  padding: 5px;
}
.dashboard-actions-item-dropdown-filter-checkbox {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 160%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dashboard-actions-item-dropdown-filter-checkbox:hover {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-checkbox:hover span {
  border-color: #AC8EFF;
}
.dashboard-actions-item-dropdown-filter-checkbox input {
  display: block;
}
.dashboard-actions-item-dropdown-filter-checkbox input:checked {
  border-color: #E4FD6F;
}
.dashboard-actions-item-dropdown-filter-checkbox input:checked + span {
  color: #E4FD6F;
}
.dashboard-actions-item-dropdown-filter-checkbox input:checked + span::before {
  background: #fff url(/build/assets/check-green-D3oPopOb.svg) no-repeat center center/60% auto;
}
.dashboard-actions-item-dropdown-filter-checkbox span {
  display: block;
  position: relative;
  padding-left: 25px;
}
.dashboard-actions-item-dropdown-filter-checkbox span::before {
  content: "";
  display: inline-block;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border: 1px solid #fff;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.dashboard-actions-item-dropdown-download-list {
  margin-top: 24px;
}
.dashboard-actions-item-dropdown-download-list li {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  color: inherit;
  justify-content: space-between;
  gap: 15px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-download-list li {
    padding-bottom: 11px;
  }
}
.dashboard-actions-item-dropdown-download-list li a {
  color: #fff;
}
.dashboard-actions-item-dropdown-download-list li:hover span {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-download-list li:hover p {
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-download-list li:hover > svg {
  fill: #AC8EFF;
  color: #AC8EFF;
}
.dashboard-actions-item-dropdown-download-list li:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-download-list li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.dashboard-actions-item-dropdown-download-list li span {
  display: block;
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  transition: 0.2s;
}
.dashboard-actions-item-dropdown-download-list li p {
  font-size: 14px;
  line-height: 160%;
  color: #EEEEEE;
  transition: 0.2s;
}
.dashboard-actions-item-dropdown-download-list li svg {
  --size: 22px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #fff;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .dashboard-actions-item-dropdown-download-list li svg {
    --size: 18px;
  }
}
.dashboard-actions-item-counter {
  position: absolute;
  bottom: 0;
  right: 0;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  background: #024840;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  color: #fff;
  z-index: 10;
  display: none;
}
.dashboard-inner {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 20px;
  align-items: flex-start;
}
@media (max-width: 1169px) {
  .dashboard-inner {
    display: block;
  }
}
.dashboard-inner-nav {
  position: sticky;
  top: 30px;
}
@media (max-width: 1169px) {
  .dashboard-inner-nav {
    gap: 24px;
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .dashboard-inner-nav {
    gap: 8px 18px;
  }
}
.dashboard-inner-nav li {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.dashboard-inner-nav li:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 1169px) {
  .dashboard-inner-nav li:not(:last-child) {
    margin: 0;
  }
}
.dashboard-inner-nav li.-active a {
  background: #E4FD6F;
  color: #024840;
}
.dashboard-inner-nav li a {
  display: block;
  padding: 8px 24px 8px 8px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  color: #919392;
}
@media (max-width: 1169px) {
  .dashboard-inner-nav li a {
    padding: 8px 10px;
  }
}
.dashboard-inner-nav li a:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-inner-nav li a:hover {
    color: #919392;
  }
}
.dashboard-inner-nav li a svg {
  height: 18px;
  width: 18px;
  margin-right: 0.25rem;
  margin-bottom: -3px;
}
.dashboard-inner-content {
  display: grid;
  grid-template-columns: 100%;
}
.dashboard-stat {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 32px;
}
@media (max-width: 1169px) {
  .dashboard-stat {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .dashboard-stat {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .dashboard-stat {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 575px) {
  .dashboard-stat {
    gap: 12px;
  }
}
.dashboard-stat > a.dashboard-stat-block:hover .dashboard-stat-block-title {
  color: #AC8EFF;
}
.dashboard-stat > a.dashboard-stat-block:hover .dashboard-stat-block-bottom {
  color: #AC8EFF;
}
.dashboard-stat > a.dashboard-stat-block:hover .dashboard-stat-block-bottom svg {
  opacity: 1;
}
.dashboard-stat-multiple-rows {
  display: grid;
  grid-template-columns: 1fr;
  gaP: 16px;
}
.dashboard-stat-block {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 16px;
  display: block;
  color: currentColor;
  position: relative;
}
@media (max-width: 767px) {
  .dashboard-stat-block {
    padding: 12px;
    border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .dashboard-stat-block:nth-child(4n) .tooltip:hover .tooltip-content {
    transform: translate(0, 100%);
  }
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
    left: auto;
    right: -30px;
    transform: translate(0, 105%);
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content {
    right: -15px;
  }
}
@media (min-width: 992px) {
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
    background-position: right 20px bottom;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (min-width: 992px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(4n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(3n) .tooltip:hover .tooltip-content {
    transform: translate(0, 100%);
  }
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
    left: auto;
    right: -30px;
    transform: translate(0, 105%);
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content {
    right: -15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
    background-position: right 20px bottom;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(3n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
@media (max-width: 767px) {
  .dashboard-stat-block:nth-child(2n) .tooltip:hover .tooltip-content {
    transform: translate(0, 100%);
  }
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
    left: auto;
    right: -30px;
    transform: translate(0, 105%);
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
    right: -20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content {
    right: -15px;
  }
}
@media (max-width: 767px) {
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
    background-position: right 20px bottom;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
    background-position: right 11px bottom;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .dashboard-stat-block:nth-child(2n) .tooltip .tooltip-content:before {
    background-position: right 6px bottom;
  }
}
@media (min-width: 768px) {
  .dashboard-stat-block.-pie-chart {
    padding: 24px;
  }
  .dashboard-stat-block.-table {
    padding: 24px;
  }
}
.dashboard-stat-block.-module {
  display: flex;
  align-items: center;
  gap: 32px;
}
.dashboard-stat-block.-module:hover > svg {
  fill: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-stat-block.-module:hover > svg {
    fill: #024840;
  }
}
.dashboard-stat-block.-module > svg {
  transform: rotate(-90deg);
  fill: #024840;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transition: 0.2s;
}
.dashboard-stat-block.-module .dashboard-stat-block-info {
  margin-top: 12px;
  align-self: start;
}
.dashboard-stat-block.-module .dashboard-stat-block-desc {
  margin-top: 12px;
}
.dashboard-stat-block.-challenge h6 {
  font-size: 16px;
  line-height: 120%;
  margin-top: 12px;
}
.dashboard-stat-block.-challenge ul {
  margin-top: 12px;
}
.dashboard-stat-block.-challenge ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
}
.dashboard-stat-block.-challenge ul li:not(:last-child) {
  margin-bottom: 16px;
}
.dashboard-stat-block.-challenge ul li span {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
}
.dashboard-stat-block.-challenge ul li .label {
  padding: 4px 6px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 150%;
}
.dashboard-stat-block-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 10px;
}
@media (max-width: 767px) {
  .dashboard-stat-block-top {
    margin-bottom: 8px;
  }
}
.dashboard-stat-block-top .tooltip svg {
  fill: #919392;
}
.dashboard-stat-block-top .tooltip svg:hover {
  fill: #011816;
}
@media (pointer: coarse) {
  .dashboard-stat-block-top .tooltip svg:hover {
    fill: #919392;
  }
}
.dashboard-stat-block-title {
  font-weight: 600;
  font-size: 10px;
  line-height: 150%;
  color: #919392;
  transition: 0.2s;
}
.dashboard-stat-block-info {
  display: flex;
  align-items: center;
}
.dashboard-stat-block-info .label {
  border-radius: 10px;
  margin-left: 16px;
  font-weight: 600;
  font-size: 10px;
  line-height: 150%;
  padding: 4px 6px;
}
.dashboard-stat-block-desc {
  font-size: 12px;
  line-height: 160%;
}
.dashboard-stat-block > .label {
  padding: 0px 8px;
  border-radius: 8px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-stat-block > .label {
    font-size: 20px;
  }
}
.dashboard-stat-block > .label span {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
  margin-left: 4px;
}
.dashboard-stat-block > p {
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.2s;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-stat-block > p {
    font-size: 18px;
    line-height: 160%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .dashboard-stat-block > p {
    font-size: 16px;
  }
}
.dashboard-stat-block > p span {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
}
.dashboard-stat-block-pie {
  display: flex;
  align-items: center;
  margin-top: 24px;
  justify-content: center;
}
@media (max-width: 991px) {
  .dashboard-stat-block-pie {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .dashboard-stat-block-pie {
    flex-direction: row;
  }
}
.dashboard-stat-block-pie-chart {
  --size: 257px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
}
@media (max-width: 1299px) {
  .dashboard-stat-block-pie-chart {
    --size: 200px;
  }
}
.dashboard-stat-block-pie-legend {
  margin-left: 24px;
}
@media (max-width: 991px) {
  .dashboard-stat-block-pie-legend {
    margin-left: 0;
    margin-top: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .dashboard-stat-block-pie-legend {
    margin-top: 0;
    margin-left: 18px;
  }
}
@media (max-width: 575px) {
  .dashboard-stat-block-pie-legend {
    margin-top: 18px;
  }
}
.dashboard-stat-block-pie-legend li {
  display: flex;
  align-items: center;
}
.dashboard-stat-block-pie-legend li:not(:last-child) {
  margin-bottom: 8px;
}
.dashboard-stat-block-pie-legend li:before {
  display: block;
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  background: var(--label-color);
  margin-right: 8px;
}
.dashboard-stat-block-pie-legend li p {
  font-size: 12px;
  line-height: 160%;
}
.dashboard-stat-block-pie-legend li span {
  font-weight: 600;
}
.dashboard-stat-block-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dashboard-stat-block-chart .legend-series-partial, .dashboard-stat-block-chart .bar-series-partial {
  transition: all ease 0.3s;
}
.dashboard-stat-block-score {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-stat-block-score {
    font-size: 20px;
  }
}
.dashboard-stat-block-score svg {
  fill: currentColor;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 10px;
}
.dashboard-stat-block-bottom {
  display: flex;
  align-items: center;
}
.dashboard-stat-block-bottom > p {
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.2s;
  margin: 0;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-stat-block-bottom > p {
    font-size: 18px;
    line-height: 160%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .dashboard-stat-block-bottom > p {
    font-size: 16px;
  }
}
.dashboard-stat-block-bottom > p .-sub {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
}
.dashboard-stat-block-bottom > .label {
  padding: 0px 8px;
  border-radius: 8px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  font-size: 24px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .dashboard-stat-block-bottom > .label {
    font-size: 20px;
  }
}
.dashboard-stat-block-bottom > .label span {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
  margin-left: 4px;
}
.dashboard-stat-block-bottom > svg {
  --size: 22px;
  fill: currentColor;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: auto;
  transition: opacity 0.2s;
  opacity: 0;
}
.dashboard-stat-block-table {
  width: 100%;
}
.dashboard-stat-block-table tr {
  border-bottom: 1px solid #BDCCBB;
}
.dashboard-stat-block-table th {
  font-weight: 800;
}
.dashboard-stat-block-table th, .dashboard-stat-block-table td {
  padding: 19px 10px;
  font-size: 14px;
  line-height: 160%;
}
.dashboard-stat-block-table th:first-child, .dashboard-stat-block-table td:first-child {
  padding-left: 0;
}
.dashboard-stat-block-table th:last-child, .dashboard-stat-block-table td:last-child {
  padding-right: 0;
}
.dashboard-stat-block-table td a {
  text-decoration: underline;
  color: currentColor;
}
.dashboard-stat-block-table td a:hover {
  color: #AC8EFF;
}
.dashboard-small-screen-info {
  padding: 16px;
  background: #FFE500;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  align-self: start;
  margin: 40px 20px;
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  line-height: 22px;
}
@media (min-width: 1170px) {
  .dashboard-small-screen-info {
    display: none;
  }
}
@media (max-width: 767px) {
  .dashboard-small-screen-info {
    margin: 30px 15px;
    border-radius: 12px;
    padding: 12px;
  }
}
.dashboard-small-screen-info svg {
  margin-top: 2px;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 10px;
  fill: #011816;
}
.dashboard-portal-block-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.dashboard-portal-block-top .btn {
  font-weight: 800;
  font-size: 14px;
  line-height: 150%;
}
.dashboard-portal-block-title {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .dashboard-portal-block-title {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .dashboard-portal-block .table table th:first-child, .dashboard-portal-block .table table td:first-child {
    padding-left: 24px;
  }
  .dashboard-portal-block .table table th:last-child, .dashboard-portal-block .table table td:last-child {
    padding-right: 24px;
  }
}
.dashboard-portal-block .table table td:last-child button, .dashboard-portal-block .table table td:last-child a {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.dashboard-portal-block .table table td:last-child button svg, .dashboard-portal-block .table table td:last-child a svg {
  transform: rotate(-90deg);
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  transition: 0.2s;
}
.dashboard-portal-block .table table td:last-child button svg:hover, .dashboard-portal-block .table table td:last-child a svg:hover {
  fill: #AC8EFF;
}
@media (pointer: coarse) {
  .dashboard-portal-block .table table td:last-child button svg:hover, .dashboard-portal-block .table table td:last-child a svg:hover {
    fill: #011816;
  }
}
.dashboard-partner-top {
  min-height: 106px;
  padding: 24px 32px;
  margin: -32px -32px 24px;
  background: #06221E;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 201;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard-partner-top-go-back {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.2s;
  cursor: pointer;
}
.dashboard-partner-top-go-back:hover {
  color: #AC8EFF;
}
.dashboard-partner-top-go-back svg {
  transform: rotate(-180deg);
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.dashboard-partner-top-info {
  margin: 0px 40px 0px 16px;
  width: 100%;
  max-width: calc(100% - 800px);
}
.dashboard-partner-top-title {
  color: #fff;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 100%;
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .dashboard-partner-top-title {
    font-size: 22px;
  }
}
.dashboard-partner-top-breadcrumbs {
  display: flex;
  align-items: center;
  margin-top: 4px;
  width: 100%;
}
.dashboard-partner-top-breadcrumbs li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 160%;
  color: #fff;
  white-space: nowrap;
}
.dashboard-partner-top-breadcrumbs li:not(:last-child) {
  margin-right: 4px;
}
.dashboard-partner-top-breadcrumbs li:last-child {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 100%;
}
.dashboard-partner-top-breadcrumbs li:not(:first-child, :last-child):after {
  display: block;
  content: "/";
  margin-left: 4px;
}
.dashboard-partner-top-breadcrumbs li svg {
  fill: currentColor;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 5px;
  margin-top: 3px;
}
.dashboard-partner-top-breadcrumbs li a {
  text-decoration: underline;
  color: #fff;
}
.dashboard-partner-top-breadcrumbs li a:hover {
  color: #AC8EFF;
}
.dashboard-partner-top-nav {
  margin-left: auto;
  margin-right: 40px;
  display: flex;
  align-items: center;
}
.dashboard-partner-top-nav li:not(:last-child) {
  margin-right: 32px;
}
.dashboard-partner-top-nav li.-active a {
  color: #E4FD6F;
  font-weight: 600;
}
.dashboard-partner-top-nav li a {
  font-size: 16px;
  line-height: 160%;
  color: #fff;
}
.dashboard-partner-top-nav li a:hover {
  color: #AC8EFF;
}
.dashboard-partner-top-nav li a.-disabled {
  cursor: inherit;
  pointer-events: none;
  opacity: 0.3;
}
.dashboard-partner-top .dashboard-actions-search {
  background: #fff;
}
.dashboard-partner-top .dashboard-actions-btn {
  background: #fff;
}
.dashboard-partner-top .dashboard-actions-btn:hover {
  background: #fff !important;
  color: #AC8EFF;
}
.dashboard-partner-top .dashboard-actions-item.-active .dashboard-actions-btn:hover {
  background: #024840 !important;
}
.dashboard-partner-inner-nav {
  padding: 10px 0 10px 24px;
  margin: -24px -32px 24px;
  background: #024840;
  position: sticky;
  top: 106px;
  left: 0;
  z-index: 200;
  display: flex;
}
.dashboard-partner-inner-nav-go-back {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.2s;
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  padding-right: 32px;
  margin-right: 16px;
  white-space: nowrap;
}
.dashboard-partner-inner-nav-go-back:hover {
  color: #AC8EFF;
}
.dashboard-partner-inner-nav-go-back svg {
  transform: rotate(-180deg);
  fill: currentColor;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 10px;
}
.dashboard-partner-inner-nav ul {
  padding-right: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dashboard-partner-inner-nav ul::-webkit-scrollbar {
  display: none;
}
.dashboard-partner-inner-nav ul li {
  font-size: 12px;
  line-height: 160%;
  color: #E4FD6F;
  white-space: nowrap;
  padding: 8px 16px;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px #E4FD6F;
  cursor: pointer;
  transition: 0.2s;
}
.dashboard-partner-inner-nav ul li.-active {
  background: #E4FD6F;
  color: #011816;
}
.dashboard-partner-inner-nav-label {
  font-size: 12px;
  line-height: 160%;
  color: #E4FD6F;
  margin-right: 8px;
  align-self: center;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  display: flex;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
  padding: 30px 15px;
}
.popup.active {
  visibility: visible;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: inherit;
}
.popup.active .popup-inner {
  opacity: 1;
}
.popup-inner {
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  width: 100%;
  position: relative;
  margin: auto;
  max-width: 800px;
  padding: 30px;
  transition: 0.4s;
  opacity: 0;
}
.popup-close {
  display: flex;
  align-items: center;
  color: #011816;
  transition: 0.2s;
}
.popup-close:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .popup-close:hover {
    color: #011816;
  }
}
.popup-close svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
}
.popup .slider-zoom-image-popup .popup-inner {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
}
.popup .slider-zoom-image-popup .zoom-container {
  position: relative;
  width: 100%;
  min-height: 60vh;
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
  cursor: zoom-in;
}
.popup .slider-zoom-image-popup .zoom-container .zoomable-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  transition: none;
  transform-origin: center center;
  cursor: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup .slider-zoom-image-popup .zoom-container .zoomable-image:active {
  cursor: grabbing;
}

/* Utils */
.challenge-overview {
  padding: 0;
}
.challenge-overview.active .popup-inner {
  transform: translateX(0);
}
.challenge-overview .popup-inner {
  height: 100%;
  max-width: 950px;
  margin: 0;
  margin-left: auto;
  padding: 40px;
  transform: translateX(100%);
  opacity: 1;
}
@media (max-width: 991px) {
  .challenge-overview .popup-inner {
    max-width: 100%;
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .challenge-overview .popup-inner {
    padding: 30px 15px;
  }
}
.challenge-overview-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.challenge-overview-top .btn {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .challenge-overview-top .btn {
    margin-right: 0;
  }
}
.challenge-overview-top .btn svg {
  transform: rotate(-180deg);
}
.challenge-overview-top h2 {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenge-overview-top h2 {
    font-size: 28px;
  }
  .challenge-overview-top {
    gap: 20px 16px;
  }
}
.challenge-overview-search {
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: #E3EDE2;
  border-radius: 20px;
  margin-left: auto;
  max-width: 325px;
  width: 100%;
}
@media (max-width: 991px) {
  .challenge-overview-search {
    margin-top: 30px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .challenge-overview-search {
    margin-top: 0;
    border-radius: 12px;
  }
}
.challenge-overview-search svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
  fill: #011816;
}
.challenge-overview-search input {
  padding: 14px 0;
  width: 100%;
  margin-left: 8px;
  font-size: 14px;
  line-height: 160%;
}
.challenge-overview .table {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .challenge-overview .table {
    margin-top: 30px;
  }
}
.challenge-overview .table table {
  min-width: 650px;
  border-collapse: separate;
  border-spacing: 0 12px;
}
.challenge-overview .table table thead th {
  font-size: 18px;
  line-height: 160%;
  color: #024840;
  font-weight: 600;
  border: none;
  padding: 0 20px 10px;
}
@media (max-width: 767px) {
  .challenge-overview .table table thead th {
    font-size: 16px;
  }
}
.challenge-overview .table table tbody tr {
  font-size: 18px;
  line-height: 160%;
  background: #f7f9f3;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .challenge-overview .table table tbody tr {
    font-size: 16px;
  }
}
.challenge-overview .table table tbody tr:hover {
  background: #f0f4e8;
}
.challenge-overview .table table tbody tr td {
  padding: 20px;
  border: none;
}
.challenge-overview .table table tbody tr td:first-child {
  font-weight: 700;
  color: #024840;
  border-radius: 16px 0 0 16px;
}
.challenge-overview .table table tbody tr td:last-child {
  border-radius: 0 16px 16px 0;
}

/* Utils */
.popup-onboarding {
  padding: 0;
}
.popup-onboarding .popup-inner {
  padding: 0;
  max-width: 858px;
  border-radius: 20px;
  min-height: 716px;
  height: 716px;
  max-height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-onboarding .popup-inner {
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .popup-onboarding .popup-inner {
    min-height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}
.popup-onboarding-slide {
  padding: 40px;
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: auto;
  transform: translateX(100%);
  transition: 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .popup-onboarding-slide {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .popup-onboarding-slide {
    padding: 30px 15px;
  }
}
.popup-onboarding-slide.-finished {
  transform: translateX(-100%);
}
.popup-onboarding-slide.-active {
  transform: translate(0);
}
.popup-onboarding-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.popup-onboarding-top .popup-onboarding-desc {
  margin-top: 8px;
}
.popup-onboarding-close {
  display: flex;
  align-items: center;
}
.popup-onboarding-close svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
.popup-onboarding-desc {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  margin: 0;
}
.popup-onboarding-actions {
  display: flex;
  align-items: center;
  gap: 20px 36px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .popup-onboarding-actions {
    gap: 15px 30px;
  }
}
.popup-onboarding-actions .btn.-filled {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-onboarding-actions .btn.-filled {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.popup-onboarding-welcome {
  text-align: center;
}
.popup-onboarding-welcome > img {
  max-height: 365px;
  max-width: 400px;
  align-self: center;
  margin-bottom: auto;
}
@media (max-width: 991px) {
  .popup-onboarding-welcome > img {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .popup-onboarding-welcome > img {
    width: 100%;
    max-width: 320px;
    max-height: 320px;
  }
}
.popup-onboarding-welcome h4 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-onboarding-welcome h4 {
    margin-top: 18px;
  }
}
.popup-onboarding-welcome .popup-onboarding-desc {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-onboarding-welcome .popup-onboarding-desc {
    margin-top: 18px;
  }
}
.popup-onboarding-welcome .popup-onboarding-actions {
  margin-top: 32px;
  justify-content: center;
}
@media (max-width: 767px) {
  .popup-onboarding-welcome .popup-onboarding-actions {
    margin-top: 18px;
  }
}
.popup-onboarding-add-users {
  padding: 32px;
}
.popup-onboarding-add-users-form {
  margin: 24px 0;
  display: grid;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-onboarding-add-users-form {
    margin: 18px 0;
    gap: 18px;
  }
}
.popup-onboarding-add-users-form .form-block > div:not(.custom-select, .file-upload) {
  background: #E3EDE2;
  border-radius: 20px;
}
.popup-onboarding-add-users-form .form-block .custom-select-trigger {
  background: #E3EDE2;
}
.popup-onboarding-add-users-form .form-block .custom-select-dropdown {
  background: #E3EDE2;
}
.popup-onboarding-add-users-form hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
  border: 0;
}
.popup-onboarding-add-users-form .btn {
  margin-top: 8px;
  font-size: 14px;
  gap: 8px;
}
@media (max-width: 767px) {
  .popup-onboarding-add-users-form .btn {
    margin-top: 6px;
  }
}
.popup-onboarding-add-users .popup-onboarding-actions {
  margin-top: auto;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .popup-onboarding-add-users .popup-onboarding-actions {
    gap: 15px;
  }
}
.popup-onboarding-invites-sent {
  text-align: center;
}
.popup-onboarding-invites-sent > img {
  max-height: 377px;
  max-width: 400px;
  align-self: center;
  margin-bottom: auto;
}
@media (max-width: 991px) {
  .popup-onboarding-invites-sent > img {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .popup-onboarding-invites-sent > img {
    width: 100%;
    max-width: 320px;
    max-height: 320px;
  }
}
.popup-onboarding-invites-sent h4 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-onboarding-invites-sent h4 {
    margin-top: 18px;
  }
}
.popup-onboarding-invites-sent .popup-onboarding-desc {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup-onboarding-invites-sent .popup-onboarding-desc {
    margin-top: 18px;
  }
}
.popup-onboarding-invites-sent .popup-onboarding-actions {
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 767px) {
  .popup-onboarding-invites-sent .popup-onboarding-actions {
    margin-top: 18px;
  }
}
.popup-onboarding-preferred-support .popup-onboarding-desc {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support .popup-onboarding-desc {
    margin-top: 8px;
  }
}
.popup-onboarding-preferred-support-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 33px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-options {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
  }
}
.popup-onboarding-preferred-support-option.-has-requirements label {
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option.-has-requirements label {
    border-radius: 12px 12px 0 0;
  }
}
.popup-onboarding-preferred-support-option.-has-requirements .popup-onboarding-preferred-support-option-info {
  padding-bottom: 15px;
}
.popup-onboarding-preferred-support-option input {
  display: none;
}
.popup-onboarding-preferred-support-option input:checked + label {
  border-color: #024840;
}
.popup-onboarding-preferred-support-option input:checked + label:before {
  border-color: #E4FD6F;
  background: url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/60% auto;
}
.popup-onboarding-preferred-support-option input:checked + label .popup-onboarding-preferred-support-option-illustration {
  background: #024840;
}
.popup-onboarding-preferred-support-option label {
  display: block;
  border: 1px solid #E3EDE2;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option label {
    border-radius: 12px;
  }
}
.popup-onboarding-preferred-support-option label:before {
  display: block;
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 50%;
  border: 1px solid #024840;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option label:before {
    --size: 18px;
    top: 12px;
    left: 12px;
  }
}
.popup-onboarding-preferred-support-option-illustration {
  background: #E3EDE2;
  height: 216px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option-illustration {
    height: 180px;
    padding: 16px;
  }
}
.popup-onboarding-preferred-support-option-illustration img {
  max-height: 100%;
  max-width: 100%;
}
.popup-onboarding-preferred-support-option-info {
  padding: 8px 24px 32px;
  text-align: center;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option-info {
    padding: 12px;
  }
}
.popup-onboarding-preferred-support-option-info p {
  font-size: 12px;
  line-height: 160%;
  color: #404342;
  margin: 0;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option-info p {
    margin-top: 4px;
  }
}
.popup-onboarding-preferred-support-option-title {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
}
.popup-onboarding-preferred-support-option-requirements {
  background: #AC8EFF;
  border-radius: 0px 0px 20px 20px;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 160%;
  color: #fff;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-option-requirements {
    padding: 6px;
    border-radius: 0 0 12px 12px;
  }
}
.popup-onboarding-preferred-support-info {
  padding: 16px;
  background: #E3EDE2;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  color: #024840;
  margin-top: 24px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-info {
    padding: 12px;
    border-radius: 12px;
    margin-top: 18px;
    margin-bottom: 18px;
  }
}
.popup-onboarding-preferred-support-info.-warning {
  background: #F6F1C6;
  color: #06221E;
}
.popup-onboarding-preferred-support-info svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-right: 10px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .popup-onboarding-preferred-support-info svg {
    --size: 16px;
  }
}
.popup-onboarding-preferred-support-info p {
  font-size: 14px;
  line-height: 160%;
  color: currentColor;
}
.popup-onboarding-preferred-support .popup-onboarding-actions {
  margin-top: auto;
  justify-content: center;
  gap: 20px;
}
.popup-onboarding-alert-receivers > img {
  max-height: 265px;
  max-width: 400px;
  align-self: center;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-onboarding-alert-receivers > img {
    width: 100%;
    max-width: 320px;
    max-height: 320px;
    margin-top: 18px;
  }
}
.popup-onboarding-alert-receivers-form {
  margin: 24px 0;
}
@media (max-width: 767px) {
  .popup-onboarding-alert-receivers-form {
    margin: 18px 0;
  }
}
.popup-onboarding-alert-receivers-form .form-block > div {
  background: #E3EDE2;
}
.popup-onboarding-alert-receivers-form .form-block > div svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #024840;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .popup-onboarding-alert-receivers-form .form-block > div svg {
    --size: 16px;
    margin-left: 14px;
  }
}
.popup-onboarding-alert-receivers-form .form-block > div input {
  padding-left: 8px;
}
.popup-onboarding-alert-receivers .popup-onboarding-actions {
  margin-top: auto;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .popup-onboarding-alert-receivers .popup-onboarding-actions {
    gap: 15px;
  }
}
.popup-onboarding-partner-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 24px 0px;
}
@media (max-width: 767px) {
  .popup-onboarding-partner-form {
    gap: 14px;
    margin: 18px 0;
  }
}
@media (max-width: 575px) {
  .popup-onboarding-partner-form {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) {
  .popup-onboarding-partner-form .form-block.-wide {
    grid-column: 1/3;
  }
}
.popup-onboarding-partner-form .form-block > div {
  background: #E3EDE2;
}
.popup-onboarding-partner .popup-onboarding-actions {
  margin-top: auto;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .popup-onboarding-partner .popup-onboarding-actions {
    gap: 15px;
  }
}
.popup-onboarding-download {
  text-align: center;
}
.popup-onboarding-download > img {
  max-height: 377px;
  max-width: 400px;
  align-self: center;
  margin-bottom: auto;
}
@media (max-width: 991px) {
  .popup-onboarding-download > img {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .popup-onboarding-download > img {
    width: 100%;
    max-width: 320px;
    max-height: 320px;
  }
}
.popup-onboarding-download h4 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-onboarding-download h4 {
    margin-top: 18px;
  }
}
.popup-onboarding-download .popup-onboarding-desc {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .popup-onboarding-download .popup-onboarding-desc {
    margin-top: 18px;
  }
}
.popup-onboarding-download .popup-onboarding-actions {
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 767px) {
  .popup-onboarding-download .popup-onboarding-actions {
    margin-top: 18px;
  }
}
.popup-onboarding-results {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .popup-onboarding-results {
    margin-top: 12px;
  }
}
.popup-onboarding-results li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
}
.popup-onboarding-results li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}

/* Utils */
.popup-my-organisation-add-users .popup-inner {
  max-width: 858px;
  border-radius: 20px;
  min-height: 750px;
  max-height: 100%;
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) and (max-height: 850px) {
  .popup-my-organisation-add-users .popup-inner {
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .popup-my-organisation-add-users .popup-inner {
    min-height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}
.popup-my-organisation-add-users-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.popup-my-organisation-add-users-top .popup-onboarding-desc {
  margin-top: 8px;
}
.popup-my-organisation-add-users-close {
  display: flex;
  align-items: center;
}
.popup-my-organisation-add-users-close svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
.popup-my-organisation-add-users-desc {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  margin: 0;
}
.popup-my-organisation-add-users-actions {
  margin-top: auto;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  gap: 20px 36px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .popup-my-organisation-add-users-actions {
    gap: 15px 30px;
  }
}
.popup-my-organisation-add-users-actions .btn.-filled {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-my-organisation-add-users-actions .btn.-filled {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.popup-my-organisation-add-users-form {
  margin: 24px 0;
  display: grid;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-my-organisation-add-users-form {
    margin: 18px 0;
    gap: 18px;
  }
}
.popup-my-organisation-add-users-form .form-block > div:not(.custom-select, .file-upload) {
  background: #E3EDE2;
  border-radius: 20px;
}
.popup-my-organisation-add-users-form .form-block .custom-select-trigger {
  background: #E3EDE2;
}
.popup-my-organisation-add-users-form .form-block .custom-select-dropdown {
  background: #E3EDE2;
}
.popup-my-organisation-add-users-form hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
  border: 0;
}
.popup-my-organisation-add-users-form .btn {
  margin-top: 8px;
  font-size: 14px;
  gap: 8px;
}
@media (max-width: 767px) {
  .popup-my-organisation-add-users-form .btn {
    margin-top: 6px;
  }
}
.popup-my-organisation-add-users-results {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .popup-my-organisation-add-users-results {
    margin-top: 12px;
  }
}
.popup-my-organisation-add-users-results li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
}
.popup-my-organisation-add-users-results li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}

/* Utils */
.popup-my-organisation-users-manage {
  padding: 30px;
  overflow: auto;
}
@media (max-width: 991px) {
  .popup-my-organisation-users-manage {
    padding: 0;
  }
}
.popup-my-organisation-users-manage .popup-inner {
  padding: 0;
  max-width: 1096px;
  border-radius: 20px;
  overflow: hidden;
  padding: 32px 32px 40px;
}
@media (max-width: 991px) {
  .popup-my-organisation-users-manage .popup-inner {
    padding: 30px 20px;
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage .popup-inner {
    padding: 30px 15px;
  }
}
.popup-my-organisation-users-manage-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-top {
    margin-bottom: 30px;
  }
}
.popup-my-organisation-users-manage-top h4 {
  word-break: break-all;
}
@media (min-width: 768px) {
  .popup-my-organisation-users-manage .tabs-nav {
    padding: 0px 20px;
  }
}
.popup-my-organisation-users-manage .tabs-nav li {
  background: #F7F9F3;
}
.popup-my-organisation-users-manage .tabs-nav li.-active {
  color: #011816;
  background: #E3EDE2;
  font-weight: 600;
}
.popup-my-organisation-users-manage-tabs {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 991px) {
  .popup-my-organisation-users-manage-tabs {
    display: block;
  }
}
.popup-my-organisation-users-manage-tabs .tab {
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px 32px 40px;
}
@media (max-width: 991px) {
  .popup-my-organisation-users-manage-tabs .tab {
    padding: 30px 20px;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    display: none;
  }
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-tabs .tab {
    padding: 20px 15px;
    border-radius: 12px;
  }
}
.popup-my-organisation-users-manage-tabs .tab.-active {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 991px) {
  .popup-my-organisation-users-manage-tabs .tab.-active {
    display: block;
  }
}
.popup-my-organisation-users-manage-personal-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-personal-details {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .popup-my-organisation-users-manage-personal-details {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) {
  .popup-my-organisation-users-manage-personal-details .-wide {
    grid-column: 1/3;
  }
}
.popup-my-organisation-users-manage-personal-details .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-personal-details .btn {
    width: 100%;
  }
}
.popup-my-organisation-users-manage-actions .action-block:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(1, 24, 22, 0.3);
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-actions .action-block:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
.popup-my-organisation-users-manage-activity table {
  margin-bottom: 40px;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-activity table {
    margin-bottom: 20px;
    border-radius: 12px;
  }
}
.popup-my-organisation-users-manage-activity table tr:not(:last-child) td:nth-child(1) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.popup-my-organisation-users-manage-activity table tr:not(:last-child) td:nth-child(2) {
  border-bottom: 1px solid #BDCCBB;
}
.popup-my-organisation-users-manage-activity table tr td {
  padding: 24px;
  font-size: 16px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-my-organisation-users-manage-activity table tr td {
    padding: 10px;
  }
}
.popup-my-organisation-users-manage-activity table tr td:nth-child(1) {
  font-weight: 600;
  color: #fff;
  background: #06221E;
}
.popup-my-organisation-users-manage-activity table tr td:nth-child(2) {
  color: #011816;
}
.popup-my-organisation-users-manage-activity table tr td.-online {
  color: #2CB780;
}
.popup-my-organisation-users-manage-activity table tr td span {
  color: #024840;
  font-weight: 600;
}
.popup-my-organisation-users-manage-activity .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .popup-my-organisation-users-manage-activity .btn {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .popup-my-organisation-users-manage-activity .btn {
    width: 100%;
  }
}

.popup-change-user-team,
.popup-change-multiple-users-team,
.popup-edit-group-name,
.popup-users,
.popup-phs-template,
.popup-phs-users,
.popup-phs-groups,
.popup-phs-send-test-email,
.popup-phs-target-users {
  padding: 30px;
  overflow: auto;
}
@media (max-width: 991px) {
  .popup-change-user-team,
  .popup-change-multiple-users-team,
  .popup-edit-group-name,
  .popup-users,
  .popup-phs-template,
  .popup-phs-users,
  .popup-phs-groups,
  .popup-phs-send-test-email,
  .popup-phs-target-users {
    padding: 0;
  }
}
.popup-change-user-team .popup-inner,
.popup-change-multiple-users-team .popup-inner,
.popup-edit-group-name .popup-inner,
.popup-users .popup-inner,
.popup-phs-template .popup-inner,
.popup-phs-users .popup-inner,
.popup-phs-groups .popup-inner,
.popup-phs-send-test-email .popup-inner,
.popup-phs-target-users .popup-inner {
  padding: 0;
  max-width: 1096px;
  border-radius: 20px;
  overflow: visible;
  padding: 32px;
}
@media (max-width: 991px) {
  .popup-change-user-team .popup-inner,
  .popup-change-multiple-users-team .popup-inner,
  .popup-edit-group-name .popup-inner,
  .popup-users .popup-inner,
  .popup-phs-template .popup-inner,
  .popup-phs-users .popup-inner,
  .popup-phs-groups .popup-inner,
  .popup-phs-send-test-email .popup-inner,
  .popup-phs-target-users .popup-inner {
    padding: 30px 20px;
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .popup-change-user-team .popup-inner,
  .popup-change-multiple-users-team .popup-inner,
  .popup-edit-group-name .popup-inner,
  .popup-users .popup-inner,
  .popup-phs-template .popup-inner,
  .popup-phs-users .popup-inner,
  .popup-phs-groups .popup-inner,
  .popup-phs-send-test-email .popup-inner,
  .popup-phs-target-users .popup-inner {
    padding: 30px 15px;
  }
}
.popup-change-user-team-top,
.popup-change-multiple-users-team-top,
.popup-edit-group-name-top,
.popup-users-top,
.popup-phs-template-top,
.popup-phs-users-top,
.popup-phs-groups-top,
.popup-phs-send-test-email-top,
.popup-phs-target-users-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .popup-change-user-team-top,
  .popup-change-multiple-users-team-top,
  .popup-edit-group-name-top,
  .popup-users-top,
  .popup-phs-template-top,
  .popup-phs-users-top,
  .popup-phs-groups-top,
  .popup-phs-send-test-email-top,
  .popup-phs-target-users-top {
    margin-bottom: 30px;
  }
}
.popup-change-user-team-top h4,
.popup-change-multiple-users-team-top h4,
.popup-edit-group-name-top h4,
.popup-users-top h4,
.popup-phs-template-top h4,
.popup-phs-users-top h4,
.popup-phs-groups-top h4,
.popup-phs-send-test-email-top h4,
.popup-phs-target-users-top h4 {
  word-break: break-all;
}
.popup-change-user-team-form,
.popup-change-multiple-users-team-form,
.popup-edit-group-name-form,
.popup-users-form,
.popup-phs-template-form,
.popup-phs-users-form,
.popup-phs-groups-form,
.popup-phs-send-test-email-form,
.popup-phs-target-users-form {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px;
}
@media (max-width: 991px) {
  .popup-change-user-team-form,
  .popup-change-multiple-users-team-form,
  .popup-edit-group-name-form,
  .popup-users-form,
  .popup-phs-template-form,
  .popup-phs-users-form,
  .popup-phs-groups-form,
  .popup-phs-send-test-email-form,
  .popup-phs-target-users-form {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .popup-change-user-team-form,
  .popup-change-multiple-users-team-form,
  .popup-edit-group-name-form,
  .popup-users-form,
  .popup-phs-template-form,
  .popup-phs-users-form,
  .popup-phs-groups-form,
  .popup-phs-send-test-email-form,
  .popup-phs-target-users-form {
    padding: 20px 15px;
    border-radius: 12px;
  }
}
.popup-change-user-team-form .form-block:not(:last-child),
.popup-change-user-team-form .action-block:not(:last-child),
.popup-change-multiple-users-team-form .form-block:not(:last-child),
.popup-change-multiple-users-team-form .action-block:not(:last-child),
.popup-edit-group-name-form .form-block:not(:last-child),
.popup-edit-group-name-form .action-block:not(:last-child),
.popup-users-form .form-block:not(:last-child),
.popup-users-form .action-block:not(:last-child),
.popup-phs-template-form .form-block:not(:last-child),
.popup-phs-template-form .action-block:not(:last-child),
.popup-phs-users-form .form-block:not(:last-child),
.popup-phs-users-form .action-block:not(:last-child),
.popup-phs-groups-form .form-block:not(:last-child),
.popup-phs-groups-form .action-block:not(:last-child),
.popup-phs-send-test-email-form .form-block:not(:last-child),
.popup-phs-send-test-email-form .action-block:not(:last-child),
.popup-phs-target-users-form .form-block:not(:last-child),
.popup-phs-target-users-form .action-block:not(:last-child) {
  margin-bottom: 16px;
}
.popup-change-user-team-form .btn,
.popup-change-multiple-users-team-form .btn,
.popup-edit-group-name-form .btn,
.popup-users-form .btn,
.popup-phs-template-form .btn,
.popup-phs-users-form .btn,
.popup-phs-groups-form .btn,
.popup-phs-send-test-email-form .btn,
.popup-phs-target-users-form .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .popup-change-user-team-form .btn,
  .popup-change-multiple-users-team-form .btn,
  .popup-edit-group-name-form .btn,
  .popup-users-form .btn,
  .popup-phs-template-form .btn,
  .popup-phs-users-form .btn,
  .popup-phs-groups-form .btn,
  .popup-phs-send-test-email-form .btn,
  .popup-phs-target-users-form .btn {
    width: 100%;
    margin-top: 20px;
  }
}

/* Utils */
.popup-new-company-created {
  padding: 30px;
  overflow: auto;
}
@media (max-width: 991px) {
  .popup-new-company-created {
    padding: 0;
  }
}
.popup-new-company-created .popup-inner {
  max-width: 1072px;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px 113px;
  background: #024840;
}
@media (max-width: 1169px) {
  .popup-new-company-created .popup-inner {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .popup-new-company-created .popup-inner {
    padding: 30px 20px;
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .popup-new-company-created .popup-inner {
    padding: 30px 15px;
  }
}
.popup-new-company-created .popup-close-trigger {
  position: absolute;
  right: 32px;
  top: 32px;
}
@media (max-width: 767px) {
  .popup-new-company-created .popup-close-trigger {
    top: 20px;
    right: 20px;
  }
}
.popup-new-company-created .popup-close-trigger svg {
  fill: #fff;
}
@media (min-width: 768px) {
  .popup-new-company-created .popup-close-trigger svg {
    --size: 24px;
  }
}
.popup-new-company-created img {
  max-width: 100%;
  max-height: 375px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .popup-new-company-created img {
    max-height: 280px;
  }
}
.popup-new-company-created-info {
  margin-top: 16px;
  text-align: center;
  color: #fff;
}
.popup-new-company-created-info p {
  font-size: 16px;
  line-height: 160%;
  margin-top: 16px;
}
.popup-new-company-created-bottom {
  margin-top: 32px;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .popup-new-company-created-bottom {
    margin-top: 24px;
  }
}
.popup-new-company-created-bottom .btn {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-new-company-created-bottom .btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.popup-new-company-created-bottom p {
  font-size: 14px;
  line-height: 160%;
  margin-top: 8px;
}

/* Utils */
.popup-user-settings {
  padding: 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .popup-user-settings {
    padding: 0;
  }
}
.popup-user-settings .popup-inner {
  padding: 0;
  max-width: 1096px;
  border-radius: 20px;
  overflow: hidden;
  padding: 32px 32px 40px;
}
@media (max-width: 991px) {
  .popup-user-settings .popup-inner {
    padding: 30px 20px;
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .popup-user-settings .popup-inner {
    padding: 30px 15px;
  }
}
.popup-user-settings-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .popup-user-settings-top {
    margin-bottom: 30px;
  }
}
.popup-user-settings-top h4 {
  word-break: break-all;
}
@media (min-width: 768px) {
  .popup-user-settings .tabs-nav {
    padding: 0px 20px;
  }
}
.popup-user-settings .tabs-nav li {
  background: #F7F9F3;
}
.popup-user-settings .tabs-nav li.-active {
  color: #011816;
  background: #E3EDE2;
  font-weight: 600;
}
.popup-user-settings-tabs {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 991px) {
  .popup-user-settings-tabs {
    display: block;
  }
}
.popup-user-settings-tabs .tab {
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px 32px 40px;
}
@media (max-width: 991px) {
  .popup-user-settings-tabs .tab {
    padding: 30px 20px;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    display: none;
  }
}
@media (max-width: 767px) {
  .popup-user-settings-tabs .tab {
    padding: 20px 15px;
    border-radius: 12px;
  }
}
.popup-user-settings-tabs .tab.-active {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 991px) {
  .popup-user-settings-tabs .tab.-active {
    display: block;
  }
}
.popup-user-settings-bottom {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .popup-user-settings-bottom {
    flex-direction: column;
  }
}
.popup-user-settings-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-user-settings-bottom .btn {
    width: 100%;
  }
}
.popup-user-settings-bottom-info {
  margin-left: 24px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .popup-user-settings-bottom-info {
    margin-top: 8px;
  }
}
.popup-user-settings-bottom-info svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}
.popup-user-settings-personal-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-user-settings-personal-details {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .popup-user-settings-personal-details {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) {
  .popup-user-settings-personal-details .-wide {
    grid-column: 1/3;
  }
}
.popup-user-settings-password .action-block {
  border-bottom: 1px solid rgba(1, 24, 22, 0.3);
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .popup-user-settings-password .action-block {
    padding-bottom: 12px;
  }
}
.popup-user-settings-password .action-block:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .popup-user-settings-password .action-block:not(:last-child) {
    margin-bottom: 12px;
  }
}
.popup-user-settings-language {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-user-settings-language {
    gap: 18px;
  }
}
.popup-user-settings-gamification {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-user-settings-gamification {
    gap: 18px;
  }
}
.popup-user-settings-notifications {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup-user-settings-notifications .popup-user-settings-bottom {
  margin-top: auto;
}

.popup-user-inactive {
  padding: 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .popup-user-inactive {
    padding: 0;
  }
}
.popup-user-inactive .popup-inner {
  padding: 0;
  max-width: 640px;
  border-radius: 20px;
  overflow: hidden;
  padding: 32px 32px 40px;
}
@media (max-width: 991px) {
  .popup-user-inactive .popup-inner {
    padding: 30px 20px;
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .popup-user-inactive .popup-inner {
    padding: 30px 15px;
  }
}
.popup-user-inactive-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .popup-user-inactive-top {
    margin-bottom: 30px;
  }
}
.popup-user-inactive-top h4 {
  word-break: break-all;
}
.popup-user-inactive-top-info {
  margin: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.popup-user-inactive-top-info > * + * {
  margin-top: 16px;
}
.popup-user-inactive-top-info p {
  text-align: center;
  font-size: 14px;
  color: #999999;
  transition: 0.2s;
}
.popup-user-inactive-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-user-inactive-bottom > * + * {
  margin-left: 30px;
}
.popup-user-inactive-bottom .btn {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-user-inactive-bottom .btn {
    width: 100%;
  }
}
.popup-user-inactive-bottom a {
  color: #AC8EFF;
  font-size: 14px;
}

/* Utils */
.popup-welcome {
  padding: 0;
}
.popup-welcome .popup-inner {
  padding: 0;
  max-width: 1072px;
  border-radius: 20px;
  min-height: 716px;
  height: 716px;
  max-height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  background: #024840;
  position: relative;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-welcome .popup-inner {
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .popup-welcome .popup-inner {
    min-height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}
.popup-welcome .popup-inner:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/build/assets/decor-BE5CavZw.svg) no-repeat center center;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .popup-welcome .popup-inner:before {
    background: url(/build/assets/decor-BE5CavZw.svg) no-repeat center center/auto 175%;
  }
}
.popup-welcome .popup-inner.-has-decor:before {
  opacity: 1;
}
.popup-welcome-slide {
  padding: 40px;
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: auto;
  transform: translateX(100%);
  transition: 0.3s;
  height: 100%;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 32px;
}
@media (max-width: 991px) {
  .popup-welcome-slide {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .popup-welcome-slide {
    padding: 30px 15px;
    gap: 24px;
  }
}
.popup-welcome-slide.-finished {
  transform: translateX(-100%);
}
.popup-welcome-slide.-active {
  transform: translate(0);
}
.popup-welcome-slide .form-block label {
  color: #fff;
}
.popup-welcome-slide .form-block > div:not(.form-block-password-strength) {
  background: #06221E;
}
.popup-welcome-slide .form-block .iti__dropdown-content {
  background: #06221E;
}
.popup-welcome-slide .form-block .form-block-show-password svg {
  fill: #fff;
}
.popup-welcome-slide .form-block .form-block-password-strength {
  background: #6B807D;
}
.popup-welcome-slide .form-block .form-block-password-strength:before {
  border-bottom-color: #6B807D;
}
.popup-welcome-slide .form-block .form-block-password-strength ul li {
  background: rgba(255, 255, 255, 0.2);
}
.popup-welcome-slide .form-block input {
  color: #fff;
}
.popup-welcome-slide .form-block input::-moz-placeholder {
  color: #C6C6C6;
}
.popup-welcome-slide .form-block input::placeholder {
  color: #C6C6C6;
}
.popup-welcome-info {
  text-align: center;
}
.popup-welcome-info.-wide {
  min-width: 100%;
}
.popup-welcome-info img {
  display: block;
  margin: 0 auto 32px;
  max-height: 294px;
}
@media (max-width: 767px) {
  .popup-welcome-info img {
    margin-bottom: 24px;
    max-height: 230px;
  }
}
.popup-welcome-info p {
  margin: 0;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-info p {
    font-size: 18px;
  }
}
.popup-welcome-info p:not(:first-child) {
  margin-top: 16px;
}
.popup-welcome-info .in-app-alert {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.popup-welcome-info .btn:not(.-filled, .-bordered) {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .popup-welcome-info .btn:not(.-filled, .-bordered) {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.popup-welcome-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .popup-welcome-actions {
    gap: 18px;
  }
}
.popup-welcome-actions .btn.-filled {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-welcome-actions .btn.-filled {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 575px) {
  .popup-welcome-actions .btn.-filled {
    width: 100%;
  }
}
.popup-welcome-go-back svg {
  transform: rotate(-180deg);
}
.popup-welcome-main {
  gap: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .popup-welcome-main {
    gap: 0;
  }
}
.popup-welcome-main .popup-welcome-info {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .popup-welcome-main .popup-welcome-info {
    margin-bottom: 24px;
  }
}
.popup-welcome-main .popup-welcome-info p {
  font-size: 16px;
  line-height: 160%;
  color: #F7F9F3;
}
.popup-welcome-trial-inner {
  display: grid;
  grid-template-columns: 438px 1fr;
  gap: 40px;
}
@media (max-width: 991px) {
  .popup-welcome-trial-inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.popup-welcome-trial-details {
  background: #06221E;
  border-radius: 20px;
  padding: 24px;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details {
    padding: 16px;
    border-radius: 12px;
  }
}
.popup-welcome-trial-details li {
  padding-left: 72px;
  position: relative;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details li {
    padding-left: 55px;
  }
}
.popup-welcome-trial-details li:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details li:not(:last-child) {
    margin-bottom: 32px;
  }
}
.popup-welcome-trial-details li:first-child:before {
  background: linear-gradient(#E4FD6F 0 50%, #E3EDE2 0);
}
.popup-welcome-trial-details li:first-child:after {
  top: 0px;
  border-color: #E4FD6F;
}
.popup-welcome-trial-details li:last-child:before {
  height: 100%;
  background: repeating-linear-gradient(#E3EDE2, #E3EDE2 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px);
}
.popup-welcome-trial-details li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 19px;
  width: 10px;
  height: calc(100% + 40px);
  background: #E3EDE2;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details li:before {
    left: 15px;
    width: 8px;
    height: calc(100% + 22px);
  }
}
.popup-welcome-trial-details li:after {
  display: block;
  content: "";
  --size: 48px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  top: -10px;
  left: 0;
  background: #06221E;
  border: calc(var(--size) / 4) solid #E3EDE2;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details li:after {
    --size: 38px;
  }
}
.popup-welcome-trial-details li p {
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-trial-details li p {
    font-size: 18px;
  }
}
.popup-welcome-trial-details li p:not(:last-child) {
  margin-bottom: 4px;
}
.popup-welcome-trial-details li p span {
  color: #AC8EFF;
  font-weight: 600;
}
.popup-welcome-trial-info p {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-trial-info p {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
.popup-welcome-trial-info h4 {
  font-family: "Kumbh Sans";
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-trial-info h4 {
    font-size: 18px;
  }
}
.popup-welcome-trial-info ul li {
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-trial-info ul li {
    font-size: 18px;
  }
}
.popup-welcome-trial-info ul li:not(:last-child) {
  margin-bottom: 13px;
}
.popup-welcome-trial-info ul li:before {
  display: block;
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 8px;
  margin-top: 5px;
  background: url(/build/assets/check-circle-purple-DYtCBYkS.svg) no-repeat center center/100%;
}
.popup-welcome-partner-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-welcome-partner-options {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.popup-welcome-partner-option input {
  display: none;
}
.popup-welcome-partner-option input:checked + label {
  box-shadow: inset 0 0 0 2px #E4FD6F;
}
.popup-welcome-partner-option input:checked + label:before {
  border-color: #E4FD6F;
  background: #E4FD6F url(/build/assets/check-dark-D8dBWHEv.svg) no-repeat center center/60% auto;
}
.popup-welcome-partner-option label {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #06221E;
  padding: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .popup-welcome-partner-option label {
    border-radius: 12px;
    padding: 24px;
  }
}
.popup-welcome-partner-option label:before {
  display: block;
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
}
@media (max-width: 767px) {
  .popup-welcome-partner-option label:before {
    --size: 18px;
  }
}
.popup-welcome-partner-option label img {
  max-height: 100%;
  max-width: 100%;
  height: 235px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .popup-welcome-partner-option label img {
    margin-bottom: 24px;
    height: 180px;
  }
}
.popup-welcome-partner-option label p {
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-welcome-partner-option label p {
    font-size: 18px;
  }
}
.popup-welcome-partner-info-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-content: start;
}
@media (max-width: 767px) {
  .popup-welcome-partner-info-form {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
@media (min-width: 768px) {
  .popup-welcome-partner-info-form .form-block.-wide {
    grid-column: 1/3;
  }
}
@media (min-width: 992px) {
  .popup-welcome-form-with-image {
    gap: 20px;
  }
}
.popup-welcome-form-with-image-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-content: start;
}
@media (max-width: 991px) {
  .popup-welcome-form-with-image-inner {
    grid-template-columns: 1fr;
  }
}
.popup-welcome-form-with-image-inner-form .form-block:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .popup-welcome-form-with-image-inner-form .form-block:not(:last-child) {
    margin-bottom: 18px;
  }
}
.popup-welcome-form-with-image-inner-form .btn {
  width: 100%;
}
.popup-welcome-form-with-image-inner-form .btn:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .popup-welcome-form-with-image-inner-form .btn:not(:last-child) {
    margin-bottom: 18px;
  }
}
.popup-welcome-form-with-image-inner-form .btn.-sm {
  font-size: 14px;
  line-height: 150%;
}
@media (max-width: 991px) {
  .popup-welcome-form-with-image-inner img {
    grid-row: 1/2;
    justify-self: center;
    max-height: 375px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .popup-welcome-form-with-image-inner img {
    max-height: 250px;
  }
}
.popup-welcome-about {
  gap: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .popup-welcome-about {
    gap: 0;
  }
}
.popup-welcome-about .popup-welcome-info {
  max-width: 550px;
  width: 100%;
  margin: auto;
}
.popup-welcome-about .popup-welcome-info p {
  font-size: 16px;
  line-height: 160%;
  color: #F7F9F3;
}
.popup-welcome-about .popup-welcome-actions {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .popup-welcome-about .popup-welcome-actions {
    margin-top: 24px;
  }
}
.popup-welcome-video {
  display: inline-block;
  margin-top: 20px;
  width: 730px;
  max-width: 100%;
  height: 416px;
}

/* Utils */
.portal-alerts-table.-with-fixed-top-dashboard, .partner-group-overview.-with-fixed-top-dashboard, .partner-home.-with-fixed-top-dashboard {
  padding-top: 84px;
}
.portal-alerts-table .alerts-table, .partner-group-overview .alerts-table, .partner-home .alerts-table {
  overflow: visible;
}
.portal-alerts-table .alerts-table-inner, .partner-group-overview .alerts-table-inner, .partner-home .alerts-table-inner {
  min-width: 900px;
}
.portal-alerts-table .alerts-table-head, .partner-group-overview .alerts-table-head, .partner-home .alerts-table-head {
  border-radius: 10px 10px 0 0;
  background: #06221E;
}
.portal-alerts-table .alerts-table-body-content-inner, .partner-group-overview .alerts-table-body-content-inner, .partner-home .alerts-table-body-content-inner {
  padding: 8px 16px 16px;
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1fr;
}
.portal-alerts-table .alerts-table-body-content-block, .partner-group-overview .alerts-table-body-content-block, .partner-home .alerts-table-body-content-block {
  display: flex;
  flex-direction: column;
}
.portal-alerts-table .alerts-table-body-content-block.-actions, .partner-group-overview .alerts-table-body-content-block.-actions, .partner-home .alerts-table-body-content-block.-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-content: start;
}
.portal-alerts-table .alerts-table-body-content-block.-actions p:not(:last-child), .partner-group-overview .alerts-table-body-content-block.-actions p:not(:last-child), .partner-home .alerts-table-body-content-block.-actions p:not(:last-child) {
  margin-bottom: 4px;
}
.portal-alerts-table .alerts-table-body-content-block.-actions .alerts-table-body-content-block-actions, .partner-group-overview .alerts-table-body-content-block.-actions .alerts-table-body-content-block-actions, .partner-home .alerts-table-body-content-block.-actions .alerts-table-body-content-block-actions {
  margin: 0;
  padding: 0;
}
.portal-alerts-table .alerts-table-body-content-block p, .partner-group-overview .alerts-table-body-content-block p, .partner-home .alerts-table-body-content-block p {
  font-size: 14px;
  line-height: 160%;
}
.portal-alerts-table .alerts-table-body-content-block-actions, .partner-group-overview .alerts-table-body-content-block-actions, .partner-home .alerts-table-body-content-block-actions {
  margin-top: auto;
  padding-top: 16px;
}
.portal-alerts-table .alerts-table-body-content-block-actions .btn, .partner-group-overview .alerts-table-body-content-block-actions .btn, .partner-home .alerts-table-body-content-block-actions .btn {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
}
.portal-alerts-table .alerts-table-body-content-block-details.group-overview li, .partner-group-overview .alerts-table-body-content-block-details.group-overview li, .partner-home .alerts-table-body-content-block-details.group-overview li {
  grid-template-columns: minmax(168px, 200px) 1fr;
}
.portal-alerts-table .alerts-table-body-content-block-details li, .partner-group-overview .alerts-table-body-content-block-details li, .partner-home .alerts-table-body-content-block-details li {
  font-size: 14px;
  line-height: 160%;
  gap: 24px;
  grid-template-columns: minmax(160px, 0.75fr) 1fr;
  word-break: break-all;
}
.portal-alerts-table .alerts-table-body-content-block-details li .-green, .partner-group-overview .alerts-table-body-content-block-details li .-green, .partner-home .alerts-table-body-content-block-details li .-green {
  color: #2CB780;
}
.portal-alerts-table .alerts-table-body-content-block-details li .-red, .partner-group-overview .alerts-table-body-content-block-details li .-red, .partner-home .alerts-table-body-content-block-details li .-red {
  color: #D61E1E;
}
.portal-alerts-table .alerts-table-body-content-block .custom-select-trigger, .partner-group-overview .alerts-table-body-content-block .custom-select-trigger, .partner-home .alerts-table-body-content-block .custom-select-trigger {
  padding: 12px;
  box-shadow: none;
}
.portal-alerts-table .alerts-table-body-content-block .custom-select-dropdown, .partner-group-overview .alerts-table-body-content-block .custom-select-dropdown, .partner-home .alerts-table-body-content-block .custom-select-dropdown {
  box-shadow: none;
}
.portal-alerts-table .alerts-table-body-content-block .custom-select-dropdown ul, .partner-group-overview .alerts-table-body-content-block .custom-select-dropdown ul, .partner-home .alerts-table-body-content-block .custom-select-dropdown ul {
  padding: 0px 12px 8px;
}
.portal-alerts-table .alerts-table-body-content.group-overview, .partner-group-overview .alerts-table-body-content.group-overview, .partner-home .alerts-table-body-content.group-overview {
  display: none !important;
}
.portal-alerts-table .alerts-table-body-content.group-overview.-active, .partner-group-overview .alerts-table-body-content.group-overview.-active, .partner-home .alerts-table-body-content.group-overview.-active {
  display: table-row !important;
}
.portal-alerts-table .alerts-table-row, .partner-group-overview .alerts-table-row, .partner-home .alerts-table-row {
  grid-template-columns: 24% 12% 23% 12% 20% 9%;
  padding: 0;
  align-items: center;
}
.portal-alerts-table .alerts-table-cell:first-child, .partner-group-overview .alerts-table-cell:first-child, .partner-home .alerts-table-cell:first-child {
  padding-left: 24px;
}
.portal-alerts-table .alerts-table-cell:last-child, .partner-group-overview .alerts-table-cell:last-child, .partner-home .alerts-table-cell:last-child {
  padding-right: 24px;
}
.portal-alerts-table .alerts-table-cell > a:not(.btn), .partner-group-overview .alerts-table-cell > a:not(.btn), .partner-home .alerts-table-cell > a:not(.btn) {
  text-decoration: underline;
  color: currentColor;
}
.portal-alerts-table .alerts-table-cell > a:not(.btn):hover, .partner-group-overview .alerts-table-cell > a:not(.btn):hover, .partner-home .alerts-table-cell > a:not(.btn):hover {
  color: #AC8EFF;
}
.portal-alerts-table .alerts-table-cell button.-active > svg, .partner-group-overview .alerts-table-cell button.-active > svg, .partner-home .alerts-table-cell button.-active > svg {
  transform: rotate(0deg) !important;
}

/* Utils */
.popup-partner-invite {
  padding: 0;
}
.popup-partner-invite .popup-inner {
  padding: 0;
  max-width: 820px;
  min-height: 589px;
  max-height: 100%;
  overflow: hidden;
  padding: 32px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-partner-invite .popup-inner {
    min-height: auto;
  }
}
.popup-partner-invite-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.popup-partner-invite-top .popup-partner-invite-desc {
  margin-top: 8px;
}
.popup-partner-invite-close {
  display: flex;
  align-items: center;
}
.popup-partner-invite-close svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
.popup-partner-invite-desc {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  margin: 0;
}
.popup-partner-invite-form {
  margin: 16px 0;
  display: grid;
  gap: 24px;
}
@media (max-width: 767px) {
  .popup-partner-invite-form {
    margin: 18px 0;
    gap: 18px;
  }
}
.popup-partner-invite-form .form-block label {
  margin-bottom: 4px;
}
.popup-partner-invite-form .form-block input {
  padding: 12px 16px;
}
.popup-partner-invite-form .form-block .custom-select-trigger {
  padding: 12px 16px;
}
.popup-partner-invite-form .form-block .custom-select-dropdown ul {
  padding: 0px 12px 8px;
}
.popup-partner-invite-form .form-block > div:not(.custom-select, .file-upload) {
  background: #E3EDE2;
}
.popup-partner-invite-form .form-block > div:not(.custom-select, .file-upload) svg {
  fill: #011816;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin: 0px 12px;
}
.popup-partner-invite-form .form-block .custom-select-trigger {
  background: #E3EDE2;
}
.popup-partner-invite-form .form-block .custom-select-dropdown {
  background: #E3EDE2;
}
.popup-partner-invite-form .form-block .file-upload label {
  padding: 26px 20px;
}
.popup-partner-invite-form hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
  border: 0;
}
.popup-partner-invite-form-file-top {
  font-size: 14px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.popup-partner-invite-form-file-top .btn {
  font-size: 14px;
  gap: 8px;
}
.popup-partner-invite .btn {
  align-self: center;
  margin-top: auto;
}
.popup-partner-invite .btn.-filled {
  padding-left: 100px;
  padding-right: 100px;
}
.popup-partner-invite-results {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .popup-partner-invite-results {
    margin-top: 12px;
  }
}
.popup-partner-invite-results li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
}
.popup-partner-invite-results li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}

/* Utils */
.popup-partner-custom-notification {
  padding: 0;
  overflow: auto;
}
.popup-partner-custom-notification .popup-inner {
  padding: 24px;
  max-width: 1040px;
  background: #E3EDE2;
  border-radius: 20px;
  overflow: visible;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-partner-custom-notification .popup-inner {
    min-height: auto;
  }
}
.popup-partner-custom-notification-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.popup-partner-custom-notification-title {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-title {
    font-size: 18px;
  }
}
.popup-partner-custom-notification-close {
  display: flex;
  align-items: center;
}
.popup-partner-custom-notification-close svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-left: 20px;
}
.popup-partner-custom-notification-preview {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-preview {
    margin-bottom: 18px;
  }
}
.popup-partner-custom-notification-preview > label {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  align-self: start;
  margin-bottom: 8px;
}
.popup-partner-custom-notification-preview-block {
  background: #fff;
  border-radius: 20px;
  padding: 16px;
  display: flex;
  align-items: center;
}
.popup-partner-custom-notification-preview-block svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transform: rotate(-90deg);
  fill: #011816;
}
@media (max-width: 575px) {
  .popup-partner-custom-notification-preview-block svg {
    display: none;
  }
}
.popup-partner-custom-notification-preview-ico {
  --size: 49px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #BDCCBB;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-partner-custom-notification-preview-ico img {
  display: block;
  max-width: 60%;
  max-height: 60%;
}
.popup-partner-custom-notification-preview-info {
  margin: 0px 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-preview-info {
    margin: 0px 18px;
  }
}
@media (max-width: 575px) {
  .popup-partner-custom-notification-preview-info {
    margin: 0;
    margin-top: 16px;
  }
}
.popup-partner-custom-notification-preview-title p {
  margin: 0;
  display: inline-block;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-preview-title p {
    font-size: 18px;
  }
}
.popup-partner-custom-notification-preview-title span {
  display: inline-block;
  font-size: 12px;
  line-height: 160%;
  color: #919392;
  padding: 3px 7px;
  border: 1px solid #919392;
  border-radius: 10px;
}
.popup-partner-custom-notification-preview-desc {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-preview-desc {
    margin-top: 5px;
  }
}
.popup-partner-custom-notification-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-form {
    gap: 18px;
  }
}
.popup-partner-custom-notification-form.-created:after {
  display: block;
  content: "";
  --size: 175px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/check-purple-Ck1IpC8F.svg) no-repeat center center/100% auto;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-form.-created:after {
    --size: 110px;
  }
}
.popup-partner-custom-notification-form.-created > * {
  pointer-events: none;
  opacity: 0.3;
}
.popup-partner-custom-notification-form .form-block input {
  padding: 12px 16px;
}
.popup-partner-custom-notification-form .form-block .custom-select-trigger {
  padding: 12px 16px;
}
.popup-partner-custom-notification-form .form-block .custom-select-dropdown ul {
  padding: 0px 12px 8px;
}
.popup-partner-custom-notification-form .form-block > div.-search ul {
  bottom: 5px;
  transform: translateY(100%);
}
.popup-partner-custom-notification-form .form-block > div.-search ul.-active {
  transform: translateY(100%);
}
.popup-partner-custom-notification-form .form-block-error {
  padding: 12px;
}
.popup-partner-custom-notification-form hr {
  border: 0;
  height: 1px;
  background: #BDCCBB;
  margin: 0;
}
.popup-partner-custom-notification-form-bottom {
  display: flex;
  align-items: center;
}
.popup-partner-custom-notification-form-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-form-bottom .btn {
    width: 100%;
  }
}
.popup-partner-custom-notification-form-bottom label {
  margin-left: 16px;
}
.popup-partner-custom-notification-form-bottom label input:checked + span {
  background: #024840 url(/build/assets/check-white-BHr3Cyyq.svg) no-repeat center center/60% auto;
}
.popup-partner-custom-notification-form-bottom label span {
  border-radius: 8px;
  --size: 22px;
  border-color: #024840;
}
.popup-partner-custom-notification-info {
  padding: 16px;
  background: #D2F9EA;
  border-radius: 20px;
  font-size: 14px;
  line-height: 160%;
  color: #2CB780;
  display: flex;
  align-items: flex-start;
}
.popup-partner-custom-notification-info svg {
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-top: 2px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-info svg {
    --size: 16px;
    margin-right: 8px;
  }
}
.popup-partner-custom-notification-actions {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.popup-partner-custom-notification-actions .btn {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .popup-partner-custom-notification-actions .btn {
    width: 100%;
  }
}

/* Utils */
.popup-partner-create-new {
  padding: 0;
  overflow: hidden;
}
.popup-partner-create-new .popup-inner {
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: visible;
  display: grid;
  grid-template-columns: 1fr;
  background: transparent;
}
.popup-partner-create-new-slide {
  padding: 32px;
  grid-column: 1/2;
  grid-row: 1/2;
  overflow: auto;
  transform: translateX(100%);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
  background: #fff;
  opacity: 0;
  width: 100%;
  margin: auto;
  max-height: 100%;
}
.popup-partner-create-new-slide.-finished {
  transform: translateX(-100%);
  opacity: 0;
}
.popup-partner-create-new-slide.-active {
  opacity: 1;
  transform: translate(0);
}
.popup-partner-create-new-close {
  display: flex;
  align-items: center;
  position: absolute;
  top: 32px;
  right: 32px;
}
.popup-partner-create-new-close svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
.popup-partner-create-new-top p {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  margin: 0;
  margin-top: 18px;
}
.popup-partner-create-new-actions {
  display: flex;
  align-items: center;
}
.popup-partner-create-new-actions .btn {
  padding-left: 10px;
  padding-right: 10px;
}
.popup-partner-create-new .popup-partner-create-new-actions .popup-partner-create-new-prev.btn {
  min-width: 54px;
}
.popup-partner-create-new .form-block > div:not(.custom-select, .file-upload) {
  background: #E3EDE2;
}
.popup-partner-create-new .form-block > div:not(.custom-select, .file-upload) svg {
  fill: #011816;
}
.popup-partner-create-new .form-block .custom-select-trigger {
  background: #E3EDE2;
}
.popup-partner-create-new .form-block .custom-select-dropdown {
  background: #E3EDE2;
}
.popup-partner-create-new-main {
  max-width: 930px;
}
.popup-partner-create-new-main .popup-partner-create-new-top {
  text-align: center;
  margin-bottom: 40px;
  padding: 0px 40px;
}
.popup-partner-create-new-main > img {
  height: 100%;
  max-height: 365px;
  max-width: 400px;
  align-self: center;
  margin: auto;
}
.popup-partner-create-new-main .popup-partner-create-new-actions {
  margin-top: 40px;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 683px;
  width: 100%;
  flex-wrap: wrap;
  align-self: center;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block {
  width: 45%;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block.-has-error + .form-block-error {
  display: flex;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block input {
  line-height: 22px;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block-error {
  order: 1;
  width: 100%;
  margin: 0;
  margin-top: 16px;
  display: none;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .btn {
  line-height: 22px;
  width: 54%;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block-error {
  display: none;
}
.popup-partner-create-new-main .popup-partner-create-new-actions .form-block-error.-has-error {
  display: flex;
}
.popup-partner-create-new-plan {
  max-width: 930px;
}
.popup-partner-create-new-plan .popup-partner-create-new-top {
  margin-bottom: 32px;
}
.popup-partner-create-new-plan .popup-partner-create-new-actions {
  margin-top: 30px;
}
.popup-partner-create-new-plan .popup-partner-create-new-actions .btn {
  min-width: 274px;
}
.popup-partner-create-new-plan .popup-partner-create-new-actions .btn:not(:last-child) {
  margin-right: 24px;
}
.popup-partner-create-new-info {
  max-width: 1096px;
}
.popup-partner-create-new-info .popup-partner-create-new-top {
  margin-bottom: 32px;
}
.popup-partner-create-new-info .popup-partner-create-new-actions {
  margin-top: 24px;
}
.popup-partner-create-new-info .popup-partner-create-new-actions .btn {
  min-width: 274px;
}
.popup-partner-create-new-info .popup-partner-create-new-actions .btn:not(:last-child) {
  margin-right: 24px;
}
.popup-partner-create-new-info .form-block .form-block-error {
  display: none;
}
.popup-partner-create-new-info .form-block.-has-error .form-block-error {
  display: flex;
}
.popup-partner-create-new-form {
  margin-bottom: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.popup-partner-create-new-form h6 {
  font-size: 18px;
  line-height: 120%;
}
.popup-partner-create-new-form .-half {
  grid-column: span 6/auto;
}
.popup-partner-create-new-form .-third-part {
  grid-column: span 4/auto;
}
.popup-partner-create-new-form .-wide {
  grid-column: span 12/auto;
}

/* Utils */
.popup-partner-credentials {
  padding: 0;
  overflow: auto;
}
.popup-partner-credentials .popup-inner {
  padding: 24px 24px 32px;
  max-width: 1040px;
  background: #E3EDE2;
  border-radius: 20px;
  overflow: visible;
  display: grid;
  gap: 16px;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-partner-credentials .popup-inner {
    min-height: auto;
  }
}
.popup-partner-credentials-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-partner-credentials-title {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .popup-partner-credentials-title {
    font-size: 18px;
  }
}
.popup-partner-credentials .popup-close svg {
  --size: 18px;
}
.popup-partner-credentials .form-block > div {
  box-shadow: none !important;
}
.popup-partner-credentials .form-block input {
  padding: 12px;
}
.popup-partner-credentials .form-block button {
  display: flex;
  align-items: center;
  padding: 12px;
  transition: 0.2s;
  color: #024840;
}
.popup-partner-credentials .form-block button:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .popup-partner-credentials .form-block button:hover {
    color: #024840;
  }
}
.popup-partner-credentials .form-block button svg {
  --size: 22px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
}

.popup-manage-plan {
  padding: 30px;
  overflow: auto;
}
@media (max-width: 991px) {
  .popup-manage-plan {
    padding: 0;
  }
}
.popup-manage-plan .popup-inner {
  border-radius: 20px;
  overflow: visible;
  max-width: 820px;
}
@media (max-width: 991px) {
  .popup-manage-plan .popup-inner {
    border-radius: 0px;
    max-width: 100%;
    min-height: 100%;
  }
}
.popup-manage-plan-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 0.5rem;
}
.popup-manage-plan-top h4 {
  word-break: break-all;
}
.popup-manage-plan-top-desc {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.popup-manage-plan-top-desc > svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.popup-manage-plan-top-desc > span {
  color: #404342;
  font-size: 14px;
  line-height: 160%;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .popup-manage-plan .tabs-nav {
    padding: 0px 20px;
  }
}
.popup-manage-plan .tabs-nav li {
  background: #F7F9F3;
}
.popup-manage-plan .tabs-nav li.-active {
  color: #011816;
  background: #E3EDE2;
  font-weight: 600;
}
.popup-manage-plan-tabs {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 991px) {
  .popup-manage-plan-tabs {
    display: block;
  }
}
.popup-manage-plan-tabs .tab {
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .popup-manage-plan-tabs .tab {
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    display: none;
  }
}
.popup-manage-plan-tabs .tab.-active {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 991px) {
  .popup-manage-plan-tabs .tab.-active {
    display: block;
  }
}
.popup-manage-plan-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.popup-manage-plan-form > div {
  grid-column: 1/3;
}
@media (min-width: 576px) {
  .popup-manage-plan-form > div {
    grid-column: auto;
  }
}
.popup-manage-plan-form .-wide {
  grid-column: 1/3;
}
.popup-manage-plan .form-block input {
  padding-top: 12px;
  padding-bottom: 12px;
}
.popup-manage-plan .form-block > div.gc-bg-green-light {
  background: #E3EDE2;
}
.popup-manage-plan .form-block .custom-select-trigger, .popup-manage-plan .form-block .custom-select-dropdown {
  background: #E3EDE2;
}
.popup-manage-plan .form-block .custom-select-trigger {
  padding-top: 12px;
  padding-bottom: 12px;
}
.popup-manage-plan .form-block .custom-select-trigger.-filled {
  box-shadow: none;
}
.popup-manage-plan .form-block .custom-select-dropdown.active {
  box-shadow: none;
}
.popup-manage-plan .popup-manage-plan-box.-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.popup-manage-plan .gc-checkbox {
  display: flex;
  align-items: center;
  line-height: 160%;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.popup-manage-plan .gc-checkbox input {
  display: block;
}
.popup-manage-plan .gc-checkbox input:checked + span {
  background: #024840 url(/build/assets/check-white-BHr3Cyyq.svg) no-repeat center center/60% auto;
}
.popup-manage-plan .gc-checkbox span {
  --size: 22px;
  display: block;
  border: 1px solid #024840;
  margin-right: 10px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 8px;
}
.popup-manage-plan-bottom {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .popup-manage-plan-bottom {
    flex-direction: column;
  }
}
.popup-manage-plan-bottom .btn {
  justify-self: start;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .popup-manage-plan-bottom .btn {
    width: 100%;
  }
}

/* Utils */
.popup-warning {
  padding: 30px;
  overflow: auto;
}
@media (max-width: 991px) {
  .popup-warning {
    padding: 0;
  }
}
.popup-warning .popup-inner {
  padding: 24px 24px 32px;
  max-width: 1040px;
  background: #E3EDE2;
  border-radius: 20px;
  overflow: visible;
  display: grid;
  gap: 16px;
}
@media (min-width: 992px) and (max-height: 715px) {
  .popup-warning .popup-inner {
    min-height: auto;
  }
}
.popup-warning-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .popup-warning-top {
    margin-bottom: 30px;
  }
}
.popup-warning-top h4 {
  word-break: break-all;
}
.popup-warning-title {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .popup-warning-title {
    font-size: 18px;
  }
}
.popup-warning-info {
  padding: 16px;
  display: flex;
  align-items: flex-start;
}
.popup-warning-info svg {
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-top: 2px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .popup-warning-info svg {
    --size: 16px;
    margin-right: 8px;
  }
}
.popup-warning-info p {
  font-size: 16px;
  line-height: 160%;
  color: #06221E;
}
.popup-warning-info p a {
  color: currentColor;
}
.popup-warning-info p a:hover {
  color: #AC8EFF;
}
.popup-warning-buttons {
  display: flex;
  align-items: center;
  justify-content: right;
}
.popup-warning-buttons .btn {
  padding-left: 70px;
  padding-right: 70px;
}

.spinner-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.5019607843);
  transition: all 0.5s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.spinner-container svg {
  width: 2rem;
  height: 2rem;
}

/* Pages */
/* Utils */
.login {
  display: grid;
  grid-template-columns: 61% 39%;
  min-height: 100%;
}
@media (max-width: 1299px) {
  .login {
    grid-template-columns: 55% 45%;
  }
}
@media (max-width: 1169px) {
  .login {
    grid-template-columns: 50% 50%;
  }
}
@media (max-width: 991px) {
  .login {
    grid-template-columns: 1fr;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
.login-info {
  align-self: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .login-info {
    display: none;
  }
}
.login-slider {
  overflow: visible;
}
.login-slider .swiper-slide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
  align-self: center;
  height: auto;
}
.login-slider .swiper-slide-visible {
  opacity: 1;
  pointer-events: inherit;
}
.login-slider .swiper-slide p {
  max-width: 650px;
  padding: 0px 40px;
  margin: 64px auto 0;
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 30px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .login-slider .swiper-slide p {
    font-size: 24px;
  }
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-slider .swiper-slide p {
    margin-top: 40px;
  }
}
@media (max-width: 1169px) {
  .login-slider .swiper-slide p {
    margin-top: 48px;
  }
}
.login-slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.login-slider-nav .swiper-pagination {
  margin: 0px 32px;
}
.login-illustration {
  display: block;
  margin: 0 auto;
  max-height: 622px;
  max-width: 70%;
}
@media (max-height: 1023px) {
  .login-illustration {
    max-height: 70vh;
    max-height: calc(var(--vh, 1vh) * 70);
  }
}
@media (max-height: 849px) {
  .login-illustration {
    max-height: 60vh;
    max-height: calc(var(--vh, 1vh) * 60);
  }
}
@media (max-width: 1169px) {
  .login-illustration {
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .login-illustration {
    max-height: none !important;
  }
}
.login-main {
  background: #E3EDE2;
  padding: 40px 14%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  gap: 10px 0;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-main {
    padding: 30px 14%;
    grid-template-rows: max-content max-content;
    gap: 20px 0;
    align-content: center;
  }
}
@media (max-width: 1169px) {
  .login-main {
    padding: 40px 10%;
  }
}
@media (max-width: 767px) {
  .login-main {
    padding: 30px 10%;
  }
}
@media (max-width: 575px) {
  .login-main {
    padding: 30px 20px;
  }
}
.login-main-inner {
  margin: auto 0;
  grid-row: 2/3;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-main-inner {
    grid-row: 1/2;
  }
}
.login-main-inner h1 {
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .login-main-inner h1 {
    font-size: 28px;
  }
}
.login-main-info {
  font-size: 14px;
  line-height: 160%;
  color: #6B807D;
  text-align: center;
  grid-row: 3/4;
  align-self: end;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-main-info {
    grid-row: 2/3;
  }
}
.login-logo {
  --size: 72px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  display: block;
  fill: #024840;
  margin: 0 auto 40px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-logo {
    --size: 50px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .login-logo {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
  }
}
.login-form {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-form {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .login-form {
    margin-top: 30px;
  }
}
.login-form .form-block:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .login-form .form-block:not(:last-child) {
    margin-bottom: 12px;
  }
}
.login-forgot-password {
  font-size: 14px;
  line-height: 160%;
  color: #024840;
  align-self: end;
}
.login-forgot-password:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .login-forgot-password:hover {
    color: #024840;
  }
}
.login-actions {
  margin-top: 40px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-actions {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .login-actions {
    margin-top: 20px;
  }
}
.login-actions .btn {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-actions .btn {
    padding: 12px;
    font-size: 16px;
  }
}
.login-actions span {
  margin: 16px 0;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 100%;
}
@media (min-width: 992px) and (max-height: 849px) {
  .login-actions span {
    margin: 12px 0;
  }
}
@media (max-width: 767px) {
  .login-actions span {
    margin: 10px 0;
  }
}

/* Utils */
.twofactor-authentication {
  min-height: 100%;
  background: #E3EDE2;
  padding: 40px 9.375%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr max-content 1fr;
  gap: 40px 0;
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication {
    grid-template-rows: max-content max-content;
    align-content: center;
  }
}
@media (max-width: 991px) {
  .twofactor-authentication {
    gap: 50px 0;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
@media (max-width: 767px) {
  .twofactor-authentication {
    padding: 30px 10%;
  }
}
@media (max-width: 575px) {
  .twofactor-authentication {
    padding: 30px 20px;
    gap: 40px;
  }
}
.twofactor-authentication-inner {
  grid-row: 2/3;
  display: grid;
  grid-template-columns: 1fr 42.4%;
  gap: 50px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication-inner {
    grid-row: 1/2;
  }
}
@media (max-width: 991px) {
  .twofactor-authentication-inner {
    display: block;
  }
}
.twofactor-authentication-content {
  grid-row: 1/2;
}
@media (max-width: 991px) {
  .twofactor-authentication-content {
    text-align: center;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .twofactor-authentication-content {
    margin-top: 30px;
  }
}
.twofactor-authentication-content h1 {
  letter-spacing: -0.01em;
  margin-bottom: 24px;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .twofactor-authentication-content h1 {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
.twofactor-authentication-content p {
  color: #6B807D;
}
.twofactor-authentication-form {
  max-width: 400px;
  margin-top: 55px;
}
@media (max-width: 991px) {
  .twofactor-authentication-form {
    margin: 55px auto 0;
  }
}
@media (max-width: 767px) {
  .twofactor-authentication-form {
    margin-top: 30px;
  }
}
.twofactor-authentication-form .btn {
  width: 100%;
  margin-top: 56px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication-form .btn {
    margin-top: 20px;
    font-size: 18px;
    padding: 12px;
  }
}
@media (max-width: 991px) {
  .twofactor-authentication-form .btn {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .twofactor-authentication-form .btn {
    margin-top: 15px;
  }
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication-form .btn svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
  }
}
.twofactor-authentication-form-resend {
  display: block;
  font-size: 14px;
  line-height: 160%;
  margin: 24px auto 0;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .twofactor-authentication-form-resend {
    margin-top: 16px;
  }
}
.twofactor-authentication-form-resend:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .twofactor-authentication-form-resend:hover {
    color: #024840;
  }
}
.twofactor-authentication-illustration {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  grid-column: 2/3;
}
.twofactor-authentication-illustration img {
  max-width: 580px;
  width: 100%;
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication-illustration img {
    max-height: 70vh;
    max-height: calc(var(--vh, 1vh) * 70);
  }
}
@media (max-width: 991px) {
  .twofactor-authentication-illustration img {
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  .twofactor-authentication-illustration img {
    max-width: 250px;
  }
}
.twofactor-authentication > .btn {
  grid-row: 3/4;
  align-self: end;
  justify-self: start;
  font-size: 14px;
  line-height: 150%;
  gap: 8px;
}
@media (min-width: 992px) and (max-height: 849px) {
  .twofactor-authentication > .btn {
    grid-row: 2/3;
  }
}
.twofactor-authentication > .btn:not(:hover) {
  color: #6B807D;
}
.twofactor-authentication > .btn svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  transform: rotate(-180deg);
}

/* Utils */
.reset-password {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
.reset-password-container {
  margin: 0 auto;
  padding: 0px 40px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1360px) {
  .reset-password-container {
    max-width: 1285px;
  }
}
@media (min-width: 1600px) {
  .reset-password-container {
    max-width: 1506px;
  }
}
@media (max-width: 767px) {
  .reset-password-container {
    padding: 0px 24px;
  }
}
.reset-password-header {
  padding: 16px 0;
}
.reset-password-header .reset-password-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reset-password-header-logo {
  display: flex;
  align-items: center;
}
.reset-password-header-logo img {
  display: block;
  height: 26px;
}
@media (max-width: 767px) {
  .reset-password-header-logo img {
    height: 21px;
  }
}
.reset-password-header .custom-select {
  position: relative;
  color: #024840;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
}
.reset-password-header .custom-select select {
  display: none;
}
.reset-password-header .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 8px 9px;
}
.reset-password-header .custom-select-trigger.active svg {
  transform: rotate(-180deg);
}
.reset-password-header .custom-select-trigger svg {
  width: 12px;
  height: 12px;
  fill: rgba(2, 72, 64, 0.5);
  margin-left: 8px;
  transition: 0.2s;
}
.reset-password-header .custom-select-dropdown {
  position: absolute;
  transition: 0.2s ease-in-out;
  transform: translateY(105%);
  left: 0;
  z-index: 100;
  bottom: -4px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 4px;
  pointer-events: none;
}
.reset-password-header .custom-select-dropdown.active {
  pointer-events: inherit;
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}
.reset-password-header .custom-select-dropdown ul li {
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
  border-radius: 6px;
  position: relative;
}
.reset-password-header .custom-select-dropdown ul li:hover {
  background: rgba(1, 24, 22, 0.2);
}
@media (pointer: coarse) {
  .reset-password-header .custom-select-dropdown ul li:hover {
    background: transparent;
  }
}
.reset-password-header .custom-select-dropdown ul li:not(:last-child) {
  margin-bottom: 4px;
}
.reset-password-header .custom-select-dropdown ul li.selected {
  background: rgba(1, 24, 22, 0.2);
}
.reset-password-main {
  background: linear-gradient(90deg, #024840 50%, #E3EDE2 0);
  padding-top: 80px;
  overflow: auto;
}
@media (max-width: 1169px) {
  .reset-password-main {
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .reset-password-main {
    background: #E3EDE2;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .reset-password-main {
    padding: 24px 0;
  }
}
.reset-password-main .reset-password-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
@media (max-width: 1169px) {
  .reset-password-main .reset-password-container {
    gap: 60px;
  }
}
@media (max-width: 991px) {
  .reset-password-main .reset-password-container {
    display: block;
  }
  .reset-password-illustration {
    display: none;
  }
}
.reset-password-illustration img {
  max-width: 100%;
  max-height: 496px;
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-height: 749px) {
  .reset-password-illustration img {
    max-height: 60vh;
  }
}
@media (max-width: 767px) {
  .reset-password-illustration img {
    max-height: 255px;
  }
}
.reset-password-form {
  display: grid;
  grid-template-rows: max-content 1fr;
  align-items: start;
}
.reset-password-form > .btn {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 160%;
  gap: 8px;
}
.reset-password-form > .btn:not(:hover) {
  color: #6B807D;
}
.reset-password-form > .btn svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transform: rotate(-180deg);
}
.reset-password-form-step {
  grid-column: 1/2;
  grid-row: 2/3;
  max-width: 447px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-content: start;
}
.reset-password-form-step.-active {
  transition-delay: 0.15s;
  transform: translateX(0);
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
  position: static;
}
.reset-password-form-step.-finished {
  transform: translateX(-25%);
}
.reset-password-form-info {
  text-align: center;
}
.reset-password-form-info h2 {
  font-size: 30px;
  line-height: 120%;
}
@media (max-width: 767px) {
  .reset-password-form-info h2 {
    font-size: 26px;
    font-family: "Hahmlet";
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .reset-password-form-info h2 {
    font-size: 22px;
  }
}
.reset-password-form-info p {
  font-size: 16px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .reset-password-form-info p {
    font-size: 12px;
    line-height: 160%;
  }
}
.reset-password-form-info p:not(:first-child) {
  margin-top: 16px;
}
.reset-password-form-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.reset-password-form-actions .btn {
  width: 100%;
}
.reset-password-form-actions p {
  text-align: center;
  font-size: 14px;
  line-height: 160%;
}
.reset-password-form-actions p a {
  text-decoration-line: underline;
  color: #011816;
  font-weight: 600;
}
.reset-password-form-actions p a:hover {
  color: #AC8EFF;
  text-decoration-line: underline;
}
@media (pointer: coarse) {
  .reset-password-form-actions p a:hover {
    color: #011816;
  }
}
.reset-password-form-success {
  font-size: 16px;
  line-height: 160%;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
  color: #024840;
  gap: 16px;
}
.reset-password-form-success svg {
  --size: 22px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
}
@media (max-width: 767px) {
  .reset-password-form-success svg {
    --size: 18px;
  }
}

/* Utils */
.create-new-password {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  background: #024840;
  overflow: hidden;
  position: relative;
}
.create-new-password:before {
  position: absolute;
  content: "";
  background: url(/build/assets/logo-bg-ZEcvWHHn.svg) no-repeat center center/contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(60deg);
  width: 1793px;
  height: 1174px;
  opacity: 0.1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .create-new-password:before {
    width: 915px;
    height: 590px;
  }
}
.create-new-password-inner {
  margin: auto;
  width: 100%;
  position: relative;
}
.create-new-password-logo {
  --size: 72px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  display: block;
  color: #E4FD6F;
  margin: 0 auto 40px;
}
@media (max-width: 767px) {
  .create-new-password-logo {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
  }
}
.create-new-password h1 {
  text-align: center;
  letter-spacing: -0.01em;
  color: #fff;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .create-new-password h1 {
    font-size: 28px;
  }
}
.create-new-password-form {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  .create-new-password-form {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .create-new-password-form {
    max-width: calc(100% - 30px);
  }
}
.create-new-password-form .form-block:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .create-new-password-form .form-block:not(:last-child) {
    margin-bottom: 12px;
  }
}
.create-new-password-form .form-block label {
  color: #fff;
}
.create-new-password-form .form-block > div {
  background: #06221E;
}
.create-new-password-form .form-block input {
  color: #fff;
}
.create-new-password-form .form-block input::-moz-placeholder {
  color: #C6C6C6;
}
.create-new-password-form .form-block input::placeholder {
  color: #C6C6C6;
}
.create-new-password-form .btn {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .create-new-password-form .btn {
    margin-top: 18px;
  }
}

/* Utils */
.achievements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .achievements {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .achievements {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 30px;
    gap: 15px;
  }
}
.achievements-card {
  border-radius: 20px;
  padding: 24px;
}
@media (max-width: 767px) {
  .achievements-card {
    border-radius: 12px;
    padding: 16px;
  }
}
.achievements-card.-unlocked {
  background: #E3EDE2;
}
.achievements-card.-in-progress {
  box-shadow: inset 0 0 0 1px #024840;
}
.achievements-card.-in-progress .achievements-card-ico {
  background: transparent !important;
}
.achievements-card.-in-progress .achievements-card-ico:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/lock-green-CgqsO3C4.svg) no-repeat center center/32% auto;
}
.achievements-card.-in-progress .achievements-card-ico img {
  opacity: 0.3;
}
.achievements-card.-new {
  box-shadow: inset 0 0 0 2px #AC8EFF;
}
.achievements-card-top {
  display: flex;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .achievements-card-top {
    margin-bottom: 16px;
  }
}
.achievements-card-ico {
  --size: 76px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  border: 1px solid #024840;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .achievements-card-ico {
    --size: 62px;
  }
}
.achievements-card-ico img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.achievements-card-info {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .achievements-card-info {
    margin-left: 12px;
  }
}
.achievements-card-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .achievements-card-title {
    font-size: 16px;
  }
}
.achievements-card-details {
  font-size: 12px;
  line-height: 160%;
  color: #919392;
  margin-top: 2px;
}
.achievements-card .progress-bar {
  margin-top: 4px;
  max-width: 230px;
}
.achievements-card-desc {
  font-size: 16px;
  line-height: 150%;
}

/* Utils */
.season-winners-bar {
  width: 100%;
  background-color: #024840;
  padding: 1rem 1.5rem;
  border-radius: 1.25rem;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
@media (max-width: 767px) {
  .season-winners-bar {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}
.season-winners-bar h2 {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .season-winners-bar h2 {
    grid-row: 1;
  }
}
.season-winners-bar .season-winners-bar-close {
  margin-left: auto;
  width: 1rem;
  height: 1rem;
  fill: #fff;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .season-winners-bar .season-winners-bar-close {
    grid-row: 1;
  }
}
.season-winners-bar .season-winners-bar-close:hover {
  opacity: 1;
}
.season-winners-bar .swiper {
  width: 100%;
}
@media (max-width: 767px) {
  .season-winners-bar .swiper {
    grid-column: span 2;
  }
}
.season-winners-bar .swiper .swiper-bttn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.season-winners-bar .swiper .swiper-bttn.prev {
  left: 0;
  transform: translateY(-50%) rotate(90deg);
}
.season-winners-bar .swiper .swiper-bttn.next {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.season-winners-bar .swiper .swiper-bttn svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
}
.season-winners-bar .swiper .swiper-bttn svg:hover {
  opacity: 1;
}
.season-winners-bar .swiper .swiper-slide {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 0.75rem;
  height: auto;
}
@media (max-width: 767px) {
  .season-winners-bar .swiper .swiper-slide {
    font-size: 1rem;
  }
}
.season-winners-bar .swiper .swiper-slide img {
  width: 2rem;
  height: 2rem;
}

.leaderboard-timer-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.leaderboard-timer-wrapper svg {
  margin-right: 5px;
  width: 21px;
  height: 22px;
}

.leaderboard-tooltip {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  max-width: 24rem;
  visibility: hidden; /* Hidden by default */
  transition: visibility 0.2s ease-in-out; /* Smooth transition */
}
.leaderboard-tooltip .leaderboard-tooltip-content {
  padding: 0.5rem 0.75rem;
  background-color: #024840;
  border-radius: 0.5rem;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));
}
.leaderboard-tooltip .leaderboard-tooltip-content svg {
  fill: #fff;
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
}
.leaderboard-tooltip:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 14px 0 14px;
  border-color: #024840 transparent transparent transparent;
  transform: rotate(0deg);
}
.leaderboard-tooltip a {
  margin-left: 1rem;
  color: #E4FD6F;
  border-bottom: 1px dotted #E4FD6F;
}
.leaderboard-tooltip a:hover {
  border-bottom-style: solid;
}
.leaderboard-tooltip a[target] {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.tooltip-wrapper {
  position: relative;
}

.leaderboard-self-stats {
  width: 100%;
  display: flex;
  justify-content: space-around;
  grid-gap: 2rem;
  background-color: #fff;
  padding: 1.5rem 2rem;
  border-radius: 1.25rem;
}
@media (max-width: 767px) {
  .leaderboard-self-stats {
    flex-flow: column;
    grid-gap: 3rem;
  }
}
.leaderboard-self-stats .standing {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.leaderboard-self-stats .standing__label {
  font-size: 1rem;
  font-weight: 500;
  opacity: 50%;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .leaderboard-self-stats .standing__label {
    margin-bottom: 0;
  }
}
.leaderboard-self-stats .standing__current-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
}
.leaderboard-self-stats .standing__current-wrapper .standing__current {
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 0;
}
.leaderboard-self-stats .standing__current-wrapper .standing__diff {
  margin-left: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-size: 14px;
  line-height: 60%;
  font-weight: 700;
}
.leaderboard-self-stats .standing__current-wrapper .standing__diff.standing__diff--up {
  color: #2cb780;
  background-color: rgba(44, 183, 128, 0.1);
}
.leaderboard-self-stats .standing__current-wrapper .standing__diff.standing__diff--down {
  color: #d61e1e;
  background-color: rgba(216, 70, 84, 0.1);
}
.leaderboard-self-stats .standing__current-wrapper .standing__diff.standing__diff--unchanged {
  color: #999999;
  background-color: #EEEEEE;
}
.leaderboard-self-stats .standing__current-wrapper .standing__diff svg {
  height: 11px;
  width: 11px;
}
.leaderboard-self-stats .standing__sub {
  font-size: 1rem;
  font-weight: 500;
}
.leaderboard-self-stats .standing__sub .lock {
  color: #024840;
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.5rem;
}

.leaderboard-season-stats {
  width: 100%;
  margin-left: 2rem;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1.5rem 2rem;
  border-radius: 1.25rem;
}
@media (max-width: 1299px) {
  .leaderboard-season-stats {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.leaderboard-season-stats .leaderboard-season-stats__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .leaderboard-season-stats .leaderboard-season-stats__top {
    margin-bottom: 1rem;
  }
}
.leaderboard-season-stats .leaderboard-season-stats__top p {
  font-weight: 600;
  margin-bottom: 0;
}
.leaderboard-season-stats .leaderboard-season-stats__top p.sub {
  font-size: 14px;
  color: #024840;
}
.leaderboard-season-stats .leaderboard-season-stats__bottom {
  display: flex;
  grid-gap: 5rem;
}
@media (max-width: 991px) {
  .leaderboard-season-stats .leaderboard-season-stats__bottom {
    grid-gap: 2rem;
    flex-flow: column;
  }
}
.leaderboard-season-stats .leaderboard-season-stats__bottom .season-best {
  width: 100%;
}
.leaderboard-season-stats .season-best > p {
  font-size: 14px;
  opacity: 50%;
  margin-bottom: 0;
}
.leaderboard-season-stats .season-best .season-best__single-entity {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.leaderboard-season-stats .season-best .season-best__single-entity img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.leaderboard-season-stats .season-best .season-best__single-entity svg {
  margin-left: 0.5rem;
}
.leaderboard-season-stats .season-best .season-best__note {
  margin-top: 0.5rem;
  align-items: center;
  font-size: 14px;
}

.leaderboard {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .leaderboard {
    margin-top: 30px;
  }
}
.leaderboard-top {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 1299px) {
  .leaderboard-top {
    display: block;
  }
}
.leaderboard-standings {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .leaderboard-standings {
    margin-top: 30px;
  }
}
.leaderboard-standings .tabs-nav {
  justify-content: flex-start;
}
.leaderboard-standings .tabs-nav li {
  background: rgba(189, 204, 187, 0.5);
}
.leaderboard-standings .tabs-nav li.-active {
  background: #F1F6F0;
  color: #024840;
  font-weight: 700;
}
.leaderboard-standings .tabs-nav li a {
  color: inherit;
}
.leaderboard-standings .table table thead {
  background: rgba(255, 255, 255, 0.5);
}
.leaderboard-standings .table table thead th {
  background: #F1F6F0;
  color: #024840;
  padding: 12px 16px;
}
.leaderboard-standings .table table thead th .column-header {
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 0 1px 0.3rem;
  border-radius: 5px;
  grid-gap: 0.25rem;
  opacity: 0.5;
  transition: 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 100%;
}
.leaderboard-standings .table table thead th .column-header button {
  color: inherit;
  font-weight: inherit;
}
.leaderboard-standings .table table thead th .column-header .tooltip {
  opacity: 1;
}
.leaderboard-standings .table table thead th .column-header .tooltip svg {
  opacity: 1;
  color: #024840;
  fill: #024840;
}
.leaderboard-standings .table table thead th .column-header .tooltip svg:hover {
  color: inherit !important;
  fill: inherit !important;
}
.leaderboard-standings .table table thead th .column-header.-active {
  opacity: 1;
}
.leaderboard-standings .table table thead th .column-header svg {
  color: #024840;
  fill: #024840;
  width: 14px;
  height: 14px;
  margin: 0;
  opacity: 0.5;
  transition: 0.2s;
}
.leaderboard-standings .table table thead th .column-header svg.sort {
  opacity: 0;
}
.leaderboard-standings .table table thead th .column-header svg.info {
  margin-bottom: 2px;
}
.leaderboard-standings .table table thead th .column-header svg.info:hover {
  opacity: 1;
}
.leaderboard-standings .table table thead th .column-header svg:hover {
  fill: #06221E !important;
  color: #06221E !important;
}
.leaderboard-standings .table table thead th .column-header:hover {
  opacity: 1;
  background-color: #E3EDE2;
}
.leaderboard-standings .table table thead th .column-header:hover .sort {
  opacity: 0.5;
}
.leaderboard-standings .table table thead th .column-header.sorted {
  opacity: 1;
}
.leaderboard-standings .table table thead th .column-header.sorted .sort {
  opacity: 1;
}
.leaderboard-standings .table table thead th.sort .column-header {
  cursor: pointer;
}
.leaderboard-standings .table table thead th.sort .column-header button {
  color: inherit;
  font-weight: inherit;
}
.leaderboard-standings .table table thead th.sort .column-header:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
  border-bottom: 0;
  opacity: 0.3;
  margin-left: 8px;
  margin-bottom: -2px;
}
.leaderboard-standings .table table thead th.sort.asc .column-header:after, .leaderboard-standings .table table thead th.sort.desc .column-header:after {
  opacity: 1;
}
.leaderboard-standings .table table thead th.sort.desc .column-header::after {
  border-top: 0;
  border-bottom: 5px solid currentColor;
}
.leaderboard-standings .table table tbody tr:nth-child(1) {
  background: #E4FD6F;
  border: 0;
}
.leaderboard-standings .table table tbody tr:nth-child(1) td {
  font-weight: 600;
  color: #024840;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr:nth-child(1) td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.leaderboard-standings .table table tbody tr td {
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr td {
    font-size: 16px;
  }
}
.leaderboard-standings .table table tbody tr td:not(:first-child) {
  text-align: center;
}
.leaderboard-standings .table table tbody tr td:nth-child(1) {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr td:nth-child(1) {
    padding-left: 20px;
  }
}
.leaderboard-standings .table table tbody tr td:last-child {
  padding-right: 40px;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr td:last-child {
    padding-right: 20px;
  }
}
.leaderboard-standings .table table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.leaderboard-standings .table table tbody tr:nth-child(even) {
  background-color: #F1F6F0;
}
.leaderboard-standings .table table tbody tr.me {
  background-color: #E4FD6F;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider {
  cursor: pointer;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td {
  padding: 0.25rem 1rem;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div {
  display: flex;
  align-items: center;
  grid-gap: 1.5rem;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div:before, .leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div:after {
  content: "";
  display: block;
  height: 1px;
  background-image: linear-gradient(90deg, #CCCCCC, #CCCCCC 50%, transparent 50%, transparent 100%);
  background-size: 10px 1px;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div:before {
  width: 4.5rem;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div:after {
  width: 100%;
}
.leaderboard-standings .table table tbody tr.leaderboard-standings-more-divider td div p {
  font-size: 14px;
  flex-shrink: 0;
  color: #024840;
  display: flex;
  align-items: center;
  grid-gap: 0.25rem;
}
.leaderboard-standings .table table tbody tr td:not([class]) .tooltip-wrapper {
  display: inline;
}
.leaderboard-standings .table table tbody tr td:not([class]) .tooltip-wrapper .graph {
  width: 1rem;
  height: 1rem;
  opacity: 0.5;
}
.leaderboard-standings .table table tbody tr td:not([class]) .tooltip-wrapper:hover .graph {
  opacity: 1;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card {
  align-items: center;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card .pf {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 32px;
  fill: #024840;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card .pf.team {
  opacity: 0.5;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card > div {
  width: auto;
  margin-right: 0.5rem;
}
.leaderboard-standings .table table tbody tr.my-team .leaderboard-standings-user-card .pf.team {
  opacity: 1;
}
.leaderboard-standings .table table tbody tr .hall-of-fame {
  flex-shrink: 0;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user {
  display: flex;
  align-items: center;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card {
  display: flex;
  align-items: center;
  width: 100%;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-card img {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 32px;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr .leaderboard-standings-user-card img {
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-right: 20px;
  }
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-name {
  font-size: 16px;
  line-height: 160%;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user-description {
  font-size: 14px;
  line-height: 160%;
  color: #999999;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-user .progress-bar {
  margin-top: 8px;
  max-width: 320px;
}
@media (max-width: 767px) {
  .leaderboard-standings .table table tbody tr .leaderboard-standings-user .progress-bar {
    margin-top: 6px;
    max-width: 280px;
  }
}
.leaderboard-standings .table table tbody tr.my-team .leaderboard-standings-user-card .pf.team {
  opacity: 1;
}
.leaderboard-standings .table table tbody tr .hall-of-fame {
  flex-shrink: 0;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-you {
  padding: 0.5rem;
  margin-right: 1rem;
  background-color: #AC8EFF;
  border-radius: 0.25rem;
  font-size: 13px;
  line-height: 60%;
  font-weight: 700;
  color: #fff;
  min-width: unset !important;
  flex-shrink: 0;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-rank {
  display: flex;
  align-items: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.leaderboard-standings .table table tbody tr .leaderboard-standings-rank svg {
  height: 22px;
  width: 22px;
}
.leaderboard-standings .table table .form-block .custom-select {
  min-height: 32px;
}
.leaderboard-standings .table table .form-block .custom-select .custom-select-trigger {
  padding: 8px 12px;
  background: #F1F6F0;
}
.leaderboard-standings .table table .form-block .custom-select .custom-select-trigger.active {
  background: #E3EDE2;
  box-shadow: none;
}
.leaderboard-standings .table table .form-block .custom-select .custom-select-dropdown {
  background: #F1F6F0;
}
.leaderboard-standings .table table .form-block .custom-select .custom-select-dropdown.active {
  background: #E3EDE2;
  box-shadow: none;
}
.leaderboard-standings .table table .form-block .custom-select .custom-select-dropdown ul li:not(.selected) {
  font-weight: 400;
}
.leaderboard-standings-user {
  display: flex;
  align-items: center;
}
.leaderboard-standings-user-card {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.leaderboard-standings-user-card > div {
  width: 100%;
}
.leaderboard-standings-user-card img {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 32px;
}
@media (max-width: 767px) {
  .leaderboard-standings-user-card img {
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-right: 20px;
  }
}
.leaderboard-standings-user-name {
  font-size: 16px;
  line-height: 160%;
}
.leaderboard-standings-user .progress-bar {
  margin-top: 8px;
  max-width: 320px;
}
@media (max-width: 767px) {
  .leaderboard-standings-user .progress-bar {
    margin-top: 6px;
    max-width: 280px;
  }
}
.leaderboard-standings-organization-name {
  font-size: 14px;
  text-align: left;
}

/* Utils */
.game-statistics-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1299px) {
  .game-statistics-top {
    display: block;
  }
}
.game-statistics-content h2 {
  margin-bottom: 2px;
  font-size: 30px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .game-statistics-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.game-statistics-content .tabs-nav {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .game-statistics-content .tabs-nav {
    justify-content: flex-start;
  }
}
.game-statistics-content .tabs-nav li {
  padding: 0;
}
@media (max-width: 767px) {
  .game-statistics-content .tabs-nav li {
    padding: 0;
  }
}
.game-statistics-content .tabs-nav li a {
  padding: 8px 32px;
  color: inherit;
  display: block;
}
@media (max-width: 767px) {
  .game-statistics-content .tabs-nav li a {
    padding: 6px 18px;
  }
}
.game-statistics-content-tabs .tab {
  display: none;
}
.game-statistics-content-tabs .tab.-active {
  display: block;
}

/* Utils */
.challenges {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .challenges {
    margin-top: 30px;
  }
}
.challenges-top {
  display: grid;
  grid-template-columns: 0.64fr 1fr;
  gap: 32px;
}
@media (max-width: 1299px) {
  .challenges-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .challenges-top {
    gap: 15px;
  }
}
.challenges-info {
  padding: 32px;
}
@media (max-width: 767px) {
  .challenges-info {
    padding: 18px;
  }
}
.challenges-info-top {
  display: flex;
}
.challenges-info-top img {
  --size: 63px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 24px;
}
@media (max-width: 767px) {
  .challenges-info-top img {
    --size: 56px;
    margin-right: 18px;
  }
}
.challenges-info-title {
  margin-bottom: 8px;
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-info-title {
    font-size: 22px;
    margin-bottom: 6px;
  }
}
.challenges-info-details {
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.challenges-info-details span {
  font-weight: 600;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .challenges-info-details span {
    margin-right: 6px;
  }
}
.challenges-info-stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .challenges-info-stat {
    margin-top: 18px;
    gap: 14px 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.challenges-info-stat li {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
}
.challenges-info-stat li svg {
  --size: 36px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin: 6px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .challenges-info-stat li svg {
    --size: 28px;
    margin: 4px;
    margin-right: 18px;
  }
}
.challenges-info-stat li span.-value {
  font-family: "Hahmlet";
  font-size: 18px;
  line-height: 120%;
  display: block;
  margin-bottom: 4px;
  color: #024840;
}
@media (max-width: 767px) {
  .challenges-info-stat li span.-value {
    font-size: 16px;
  }
}
.challenges-streak {
  padding: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 575px) {
  .challenges-streak {
    flex-direction: column-reverse;
    gap: 18px;
  }
}
.challenges-streak-title {
  margin-bottom: 10px;
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-streak-title {
    font-size: 22px;
    margin-bottom: 8px;
  }
}
.challenges-streak p {
  font-size: 16px;
  line-height: 160%;
  margin: 0;
}
.challenges-streak ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .challenges-streak ul {
    gap: 8px;
    margin-top: 18px;
  }
}
.challenges-streak ul li {
  --size: 38px;
  width: var(--size);
  height: var(--size);
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 7px;
  line-height: 12px;
  font-weight: 600;
  text-align: center;
  color: #024840;
  background: url(/build/assets/streak-default-DThPglLB.svg) center center/contain no-repeat;
}
@media (max-width: 767px) {
  .challenges-streak ul li {
    --size: 34px;
  }
}
.challenges-streak ul li.-filled {
  background-image: url(/build/assets/streak-filled-CRvmKavU.svg);
  color: #fff;
}
.challenges-streak img {
  height: 100%;
  display: block;
  max-height: 150px;
}
@media (max-width: 767px) {
  .challenges-streak img {
    max-height: 120px;
  }
}
.challenges-start {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .challenges-start {
    margin-top: 30px;
  }
}
.challenges-start h2 {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-start h2 {
    font-size: 28px;
  }
}
.challenges-start-content {
  display: flex;
  max-width: 715px;
  margin-top: 67px;
  margin-left: 12%;
}
@media (max-width: 1169px) {
  .challenges-start-content {
    margin-left: 8%;
  }
}
@media (max-width: 991px) {
  .challenges-start-content {
    margin-left: 0;
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .challenges-start-content {
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .challenges-start-content {
    flex-direction: column-reverse;
  }
}
.challenges-start-content img {
  width: 237px;
}
@media (max-width: 767px) {
  .challenges-start-content img {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .challenges-start-content img {
    margin-bottom: 15px;
  }
}
.challenges-start-info {
  width: 100%;
  margin-right: 80px;
}
.challenges-start-info p {
  font-size: 14px;
  line-height: 160%;
  margin: 0;
}
.challenges-start-info .btn {
  margin-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .challenges-start-info .btn {
    margin-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.challenges-story {
  overflow: hidden;
  margin: 40px -40px 0;
}
@media (max-width: 991px) {
  .challenges-story {
    margin: 40px -20px 0;
  }
}
@media (max-width: 767px) {
  .challenges-story {
    margin: 30px -15px 0;
  }
}
.challenges-story > * {
  padding: 0px 40px;
}
@media (max-width: 991px) {
  .challenges-story > * {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .challenges-story > * {
    padding: 0px 15px;
  }
}
.challenges-story-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .challenges-story-top {
    flex-wrap: wrap;
  }
}
.challenges-story-top h2 {
  order: 1;
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-story-top h2 {
    font-size: 28px;
  }
}
.challenges-story-top > .btn {
  padding-top: 14px;
  padding-bottom: 14px;
  gap: 8px;
  order: 3;
}
@media (max-width: 575px) {
  .challenges-story-top > .btn {
    width: 100%;
    margin-top: 20px;
  }
}
.challenges-story-top > .btn.-sm {
  font-size: 14px;
}
.challenges-story-top > .btn.-green-light:hover {
  background: #AC8EFF;
}
@media (pointer: coarse) {
  .challenges-story-top > .btn.-green-light:hover {
    background: #E3EDE2;
  }
}
.challenges-story-nav {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 24px;
  order: 2;
}
@media (max-width: 991px) {
  .challenges-story-nav {
    order: 4;
    width: 100%;
    justify-content: center;
    margin-right: 0;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .challenges-story-nav {
    margin-top: 30px;
  }
}
.challenges-story-nav p {
  font-size: 14px;
  line-height: 160%;
  margin: 0px 16px;
}
.challenges-story-slider {
  overflow: visible;
  --item-size: 82px;
  margin-top: 40px;
  background: linear-gradient(rgba(0, 0, 0, 0) 40%, #E3EDE2 40% 60%, rgba(0, 0, 0, 0) 0);
  display: flex;
  justify-content: end;
}
@media (max-width: 1299px) {
  .challenges-story-slider {
    --item-size: 70px;
  }
}
@media (max-width: 991px) {
  .challenges-story-slider {
    --item-size: 64px;
  }
}
@media (max-width: 767px) {
  .challenges-story-slider {
    margin-top: 30px;
    --item-size: 64px;
  }
}
.challenges-story-slider .swiper-wrapper {
  width: auto;
  max-width: 100%;
}
.challenges-story-slider .swiper-slide {
  width: var(--item-size);
  min-width: var(--item-size);
  max-width: var(--item-size);
}
.challenges-story-slider .swiper-slide:hover {
  z-index: 20;
}
.challenges-story-slider-item {
  width: var(--item-size);
  height: var(--item-size);
  min-width: var(--item-size);
  line-height: var(--item-size);
  text-align: center;
  letter-spacing: -0.01em;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
  background: #E3EDE2;
  color: #011816;
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-story-slider-item {
    font-size: 22px;
  }
}
.challenges-story-slider-item:hover {
  background: #AC8EFF;
  color: #fff;
}
@media (pointer: coarse) {
  .challenges-story-slider-item:hover {
    background: #E3EDE2;
    color: #011816;
  }
}
.challenges-story-slider-item span {
  position: relative;
}
.challenges-story-slider-item.-finished {
  background: #024840;
  color: #fff;
}
.challenges-story-slider-item.-finished:after {
  display: block;
  content: "";
  --size: calc(var(--item-size) / 2.5);
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  bottom: 0;
  right: 0;
  background: #024840 url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.challenges-story-slider-item.-active {
  background: #E4FD6F;
  color: #011816;
}
.challenges-story-slider-item.-active:before {
  opacity: 0.4;
}
.challenges-story-slider-item.-active:after {
  background: #E4FD6F url(/build/assets/check-green-D3oPopOb.svg) no-repeat center center/50% auto;
}
.challenges-story-slider-item.-partially-finished {
  position: relative;
}
.challenges-story-slider-item.-partially-finished:hover:before {
  opacity: 0.4;
}
.challenges-story-slider-item.-partially-finished:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  background: linear-gradient(rgba(0, 0, 0, 0) 0 50%, #BDCCBB 0);
}
.challenges-story-slider-item.-locked {
  background: #fff;
  color: #fff;
}
.challenges-story-slider-item.-locked:hover .challenges-story-slider-tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
  transform: translate(-50%, 100%);
}
.challenges-story-slider-item.-locked:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/lock-dark-GhcA-7F-.svg) no-repeat center center/24px auto;
}
@media (max-width: 767px) {
  .challenges-story-slider-item.-locked:after {
    background-size: 20px auto;
  }
}
.challenges-story-slider-item.-locked.-chronologically-locked {
  background: #eef5ee;
  color: #eef5ee;
}
.challenges-story-slider-item.-locked.-chronologically-locked:hover {
  background: #eef5ee;
}
.challenges-story-slider-tooltip {
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
  color: #011816;
  background: #F7F9F3;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 15;
  position: absolute;
  transform: translate(-50%, 105%);
  left: 50%;
  bottom: 25px;
  width: 360px;
  padding: 15px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  z-index: 9999;
}
@media (max-width: 767px) {
  .challenges-story-slider-tooltip {
    width: 260px;
    padding: 12px;
    bottom: 10px;
  }
}
.challenges-items {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .challenges-items {
    margin-top: 30px;
  }
}
.challenges-items-week {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  display: none;
}
@media (max-width: 1299px) {
  .challenges-items-week {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .challenges-items-week {
    margin-top: 30px;
    gap: 20px;
  }
}
.challenges-items-week.-active {
  display: grid;
}
.challenges-card {
  padding: 58px 32px 32px 32px;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 32px;
  position: relative;
  overflow: hidden;
  color: inherit;
}
@media (max-width: 1299px) {
  .challenges-card {
    grid-template-columns: 1fr 0.4fr;
  }
}
@media (max-width: 767px) {
  .challenges-card {
    padding: 45px 18px 18px 18px;
    gap: 18px 24px;
  }
}
@media (max-width: 575px) {
  .challenges-card {
    grid-template-columns: 1fr;
  }
}
.challenges-card.-locked {
  background: rgba(227, 237, 226, 0.1);
  cursor: unset;
}
.challenges-card.-locked.-finished {
  background: rgba(2, 72, 64, 0.1);
}
.challenges-card.-locked:before {
  content: none !important;
}
.challenges-card.-locked:hover .challenges-card-info, .challenges-card.-locked:hover .challenges-card-illustration {
  color: inherit !important;
}
.challenges-card.-locked:hover .challenges-card-info .btn {
  color: inherit !important;
}
.challenges-card.-locked:hover .challenges-card-illustration img {
  opacity: 1 !important;
}
.challenges-card.-locked .challenges-card-label, .challenges-card.-locked .challenges-card-info, .challenges-card.-locked .challenges-card-illustration {
  opacity: 0.1;
}
.challenges-card.-locked .challenges-card-illustration:after {
  content: none !important;
}
.challenges-card.-locked .challenges-card-locked-info {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  padding: 20px;
  color: #024840;
}
@media (min-width: 768px) {
  .challenges-card.-locked .challenges-card-locked-info {
    padding: 40px;
  }
}
.challenges-card.-locked .challenges-card-locked-info svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor;
  margin-top: 3px;
  margin-right: 12px;
}
@media (min-width: 768px) {
  .challenges-card.-locked .challenges-card-locked-info svg {
    margin-right: 16px;
    --size: 20px;
    margin-top: 5px;
  }
}
.challenges-card.-locked .challenges-card-locked-info-title {
  margin-bottom: 5px;
  line-height: 160%;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .challenges-card.-locked .challenges-card-locked-info-title {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.challenges-card.-locked .challenges-card-locked-info p {
  line-height: 160%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .challenges-card.-locked .challenges-card-locked-info p {
    font-size: 18px;
  }
}
.challenges-card:not(.-finished):before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(2, 72, 64, 0.8);
  opacity: 0;
  transition: 0.2s;
}
.challenges-card:not(.-finished):hover:before {
  opacity: 1;
}
@media (pointer: coarse) {
  .challenges-card:not(.-finished):hover:before {
    opacity: 0;
  }
}
.challenges-card:not(.-finished):hover .challenges-card-info {
  color: #fff;
}
@media (pointer: coarse) {
  .challenges-card:not(.-finished):hover .challenges-card-info {
    color: currentColor;
  }
}
@media (min-width: 768px) {
  .challenges-card:not(.-finished):hover .challenges-card-info .btn:not(:hover) {
    color: #fff;
  }
}
.challenges-card:not(.-finished):hover.-upcoming .challenges-card-info, .challenges-card:not(.-finished):hover.-locked .challenges-card-info {
  color: #F8F8F8;
}
@media (min-width: 768px) {
  .challenges-card:not(.-finished):hover.-upcoming .challenges-card-info .btn:not(:hover), .challenges-card:not(.-finished):hover.-locked .challenges-card-info .btn:not(:hover) {
    color: #F8F8F8;
  }
}
.challenges-card:not(.-finished):hover .challenges-card-illustration:after {
  opacity: 1;
}
@media (pointer: coarse) {
  .challenges-card:not(.-finished):hover .challenges-card-illustration:after {
    opacity: 0;
  }
}
.challenges-card:not(.-finished):hover .challenges-card-illustration img {
  opacity: 0.3;
}
@media (pointer: coarse) {
  .challenges-card:not(.-finished):hover .challenges-card-illustration img {
    opacity: 1;
  }
}
.challenges-card:not(.-finished) .challenges-card-illustration:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --size: 138px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: url(/build/assets/right-arrow-6feKcE5t.svg) no-repeat center center/100% auto;
  opacity: 0;
  transition: 0.2s;
}
@media (max-width: 991px) {
  .challenges-card:not(.-finished) .challenges-card-illustration:after {
    --size: 90px;
  }
}
@media (max-width: 767px) {
  .challenges-card:not(.-finished) .challenges-card-illustration:after {
    --size: 60px;
  }
}
@media (max-width: 575px) {
  .challenges-card:not(.-finished) .challenges-card-illustration:after {
    --size: 90px;
  }
}
.challenges-card.-finished {
  background: #024840;
  color: #fff;
}
.challenges-card.-finished .challenges-card-illustration:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --size: 132px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  border: 2px solid #fff;
  background: url(/build/assets/check-white-BHr3Cyyq.svg) no-repeat center center/38% auto;
}
@media (max-width: 991px) {
  .challenges-card.-finished .challenges-card-illustration:after {
    --size: 90px;
  }
}
@media (max-width: 767px) {
  .challenges-card.-finished .challenges-card-illustration:after {
    --size: 60px;
  }
}
@media (max-width: 575px) {
  .challenges-card.-finished .challenges-card-illustration:after {
    --size: 90px;
  }
}
.challenges-card.-finished .challenges-card-illustration img {
  opacity: 0.3;
}
.challenges-card-info {
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  position: relative;
}
.challenges-card-info p {
  font-size: 16px;
  line-height: 150%;
}
@media (min-width: 768px) {
  .challenges-card-info p {
    margin-bottom: 60px;
  }
}
.challenges-card-info .btn {
  gap: 8px;
  font-weight: 800;
  margin-top: auto;
  align-self: start;
}
.challenges-card-details {
  font-size: 12px;
  line-height: 160%;
}
.challenges-card-title {
  margin-bottom: 16px;
  font-size: 26px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .challenges-card-title {
    font-size: 22px;
  }
}
.challenges-card-illustration {
  position: relative;
  align-self: start;
}
@media (max-width: 575px) {
  .challenges-card-illustration {
    grid-row: 1/2;
  }
}
.challenges-card-illustration img {
  width: 100%;
  display: block;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .challenges-card-illustration img {
    max-width: 280px;
    margin: 0 auto;
  }
}
.challenges-card-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #E4FD6F;
  color: #011816;
  font-size: 12px;
  line-height: 160%;
  font-weight: 600;
  text-align: center;
  padding: 4px 0;
}
.challenges-card-label.-bonus {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-top {
  grid-template-columns: 0.8fr 1.2fr;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 1299px) {
  .challenges-v3 .challenges-top {
    grid-template-columns: 1fr;
  }
}
.challenges-v3 .challenges-info {
  padding: 32px;
  background: #e9f0e9;
  border-radius: 20px;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-top .challenges-info-badge {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-top .challenges-info-user-name {
  font-size: 30px;
  font-family: "Hahmlet";
  font-weight: 400;
  color: #024840;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-info.-profile .challenges-info-profile-top .challenges-info-user-name {
    font-size: 24px;
  }
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-top .challenges-info-user-rank {
  font-size: 14px;
  line-height: 160%;
  color: #024840;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-top .challenges-info-user-rank strong {
  font-weight: 700;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-stats {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-stats .challenges-info-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-stats .challenges-info-stat-item .challenges-info-stat-icon svg {
  width: 32px;
  height: 32px;
  fill: #024840;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-stats .challenges-info-stat-item .challenges-info-stat-content .challenges-info-stat-value {
  font-family: "Hahmlet";
  font-size: 20px;
  color: #024840;
  line-height: 1.2;
}
.challenges-v3 .challenges-info.-profile .challenges-info-profile-stats .challenges-info-stat-item .challenges-info-stat-content .challenges-info-stat-label {
  font-size: 12px;
  line-height: 160%;
  color: #4b6b66;
  font-weight: 400;
}
.challenges-v3 .challenges-info.-streak-v3 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 32px 40px;
  position: relative;
  overflow: hidden;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 {
  flex: 1;
  position: relative;
  z-index: 2;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-text {
  margin-bottom: 24px;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-text h3 {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
  color: #024840;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-text h3 {
    font-size: 28px;
  }
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-text p {
  font-size: 14px;
  line-height: 160%;
  color: #4b6b66;
  max-width: 480px;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-flames {
  display: flex;
  gap: 12px;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-flames li {
  width: 32px;
  height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  background: url(/build/assets/streak-default-DThPglLB.svg) no-repeat center center/contain;
  color: #024840;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-content-v3 .challenges-info-streak-flames li.-active {
  background-image: url(/build/assets/streak-filled-CRvmKavU.svg);
  color: #fff;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-illustration {
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.challenges-v3 .challenges-info.-streak-v3 .challenges-info-streak-illustration img {
  width: 100%;
  height: auto;
  display: block;
}
.challenges-v3 .challenges-story-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
  }
}
.challenges-v3 .challenges-story-top h2 {
  font-size: 50px;
  letter-spacing: -0.01em;
  font-family: "Hahmlet";
  font-weight: 400;
  color: #024840;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-top h2 {
    font-size: 36px;
    width: 100%;
    text-align: center;
  }
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 {
  display: flex;
  align-items: center;
  gap: 24px;
  order: 2;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-top .challenges-story-nav-v3 {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
  }
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows p {
  font-size: 14px;
  line-height: 160%;
  color: #024840;
  margin: 0 4px;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows .btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f4f0;
  border: none;
  transition: 0.2s;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows .btn svg {
  width: 16px;
  height: 16px;
  fill: #024840;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows .btn.-prev svg {
  transform: rotate(90deg);
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows .btn.-next svg {
  transform: rotate(-90deg);
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .challenges-story-nav-arrows .btn:hover {
  background: #e0e8e0;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .btn.-filled.-green-light {
  background: #e9f0e9;
  color: #024840;
  border: none;
  border-radius: 20px;
  padding: 12px 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .btn.-filled.-green-light svg {
  width: 20px;
  height: 20px;
  fill: #024840;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .btn.-filled.-green-light:hover {
  background: #7446ff;
  color: #fff;
}
.challenges-v3 .challenges-story-top .challenges-story-nav-v3 .btn.-filled.-green-light:hover svg {
  fill: #fff;
}
.challenges-v3 .challenges-story-slider {
  margin: 40px 0;
  background: none;
  position: relative;
  overflow: visible;
  --item-size: 82px;
  --icon-design-size: 82.207px;
  z-index: 10;
}
@media (max-width: 1299px) {
  .challenges-v3 .challenges-story-slider {
    --item-size: 70px;
  }
}
@media (max-width: 991px) {
  .challenges-v3 .challenges-story-slider {
    --item-size: 64px;
  }
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-slider {
    --item-size: 56px;
  }
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  pointer-events: none;
  width: var(--icon-design-size) !important;
  height: 82px !important;
  transform: translateX(-50%) scale(calc(var(--item-size) / var(--icon-design-size))) !important;
  transform-origin: top center;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk {
  position: relative;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk--partial {
  background: #e3ede2;
  overflow: hidden;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk--on_time, .challenges-v3 .challenges-story-slider .icon-v3-story-disk--late_bonus {
  background: #024840;
  border: 2px solid #024840;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk--late {
  background: #f6f1c6;
  border: 2px solid #024840;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk--missed {
  background: #fff;
  border: 2px solid #024840;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk--on_time .icon-v3-story-week-num, .challenges-v3 .challenges-story-slider .icon-v3-story-disk--late_bonus .icon-v3-story-week-num {
  color: #fff;
  background: transparent;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-disk-partial-b {
  position: absolute;
  width: 82.207px;
  height: 41px;
  top: 41px;
  left: -0.2px;
  background: #bdccbb;
  transform: rotate(180deg);
}
.challenges-v3 .challenges-story-slider .icon-v3-story-week-num {
  position: absolute;
  top: 25.41px;
  left: 15.52px;
  width: 50.819px;
  height: 31.388px;
  font-family: "Hahmlet", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.01em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: #024840;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-week-num--on-split {
  color: #024840;
  background: transparent;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-week-num--on-late {
  color: #024840;
  background: transparent;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-week-num--on-missed {
  color: #011816;
  background: #fff;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb {
  position: absolute;
  top: 49px;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb--on-time {
  left: 48.82px;
  width: 33px;
  height: 33px;
  border: 2px solid #fff;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb--late, .challenges-v3 .challenges-story-slider .icon-v3-story-thumb--late-bonus {
  left: 50px;
  width: 33px;
  height: 33px;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb--late-bonus {
  border: 2px solid #024840;
}
.challenges-v3 .challenges-story-slider .icon-v3-story-thumb--missed {
  left: 49px;
  width: 32px;
  height: 32px;
}
.challenges-v3 .challenges-story-slider:before {
  content: "";
  position: absolute;
  left: calc(var(--item-size) / 2);
  top: 50%;
  width: calc(100% - var(--item-size));
  height: 8px;
  background: #E3EDE2;
  transform: translateY(-50%);
  z-index: 0;
}
.challenges-v3 .challenges-story-slider .swiper-wrapper {
  z-index: 2;
}
.challenges-v3 .challenges-story-slider .swiper-slide {
  width: var(--item-size);
  min-width: var(--item-size);
  max-width: var(--item-size);
  position: relative;
  z-index: 2;
}
.challenges-v3 .challenges-story-slider-item {
  width: var(--item-size);
  height: var(--item-size);
  min-width: var(--item-size);
  background: #E3EDE2;
  color: #024840;
  z-index: 2;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hahmlet";
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-slider-item {
    font-size: 24px;
  }
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished) {
  background: #E4FD6F;
  color: #024840;
  z-index: 3;
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished):after {
  content: none;
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished):hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished):hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished):hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999;
}
.challenges-v3 .challenges-story-slider-item[data-server-active-week]:not(.-finished):hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item[data-server-active-week]:not(.-finished):hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item[data-server-active-week]:not(.-finished):hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999;
}
.challenges-v3 .challenges-story-slider-item.-finished {
  background: #024840;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-finished span {
  position: relative;
  z-index: 1;
}
.challenges-v3 .challenges-story-slider-item.-finished::after {
  display: none;
  content: none;
}
.challenges-v3 .challenges-story-slider-item.-finished .challenges-story-slider-done-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  --badge-size: calc(var(--item-size) / 2.8);
  width: var(--badge-size);
  height: var(--badge-size);
  min-width: var(--badge-size);
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #024840;
  border: 2px solid #fff;
  color: #e4fd6f;
  pointer-events: none;
}
.challenges-v3 .challenges-story-slider-item.-finished .challenges-story-slider-done-badge svg {
  width: 50%;
  height: 50%;
  display: block;
}
.challenges-v3 .challenges-story-slider-item.-finished:hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-finished:hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-finished:hover .challenges-story-slider-done-badge {
  background: #AC8EFF url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto;
  border-color: #AC8EFF;
}
.challenges-v3 .challenges-story-slider-item.-finished:hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%; /* places it below the parent */
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999; /* very high layer */
}
.challenges-v3 .challenges-story-slider-item.-active {
  background: #E4FD6F;
  color: #024840;
  z-index: 3;
}
.challenges-v3 .challenges-story-slider-item.-active::after {
  display: none;
  content: none;
}
.challenges-v3 .challenges-story-slider-item.-active:not(.-finished) .challenges-story-slider-done-badge {
  display: none;
}
.challenges-v3 .challenges-story-slider-item.-active:hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active:hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active:hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%; /* places it below the parent */
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999; /* very high layer */
}
.challenges-v3 .challenges-story-slider-item.-active.-finished {
  background: #E4FD6F;
  color: #024840;
  box-shadow: inset 0 0 0 2px #024840;
}
.challenges-v3 .challenges-story-slider-item.-active.-finished .challenges-story-slider-done-badge {
  display: flex;
  background: #E4FD6F;
  border: 2px solid #024840;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-item.-active.-finished:hover {
  background: #AC8EFF;
  color: #fff;
  box-shadow: inset 0 0 0 2px #AC8EFF;
}
.challenges-v3 .challenges-story-slider-item.-active.-finished:hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active.-finished:hover .challenges-story-slider-done-badge {
  background: #AC8EFF;
  border-color: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-active.-finished:hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999;
}
.challenges-v3 .challenges-story-slider-item.-locked {
  background: #E3EDE2;
  color: transparent;
  cursor: default;
  border-radius: 50%;
  flex-shrink: 0;
}
.challenges-v3 .challenges-story-slider-item.-locked:after {
  display: block;
  content: "";
  width: calc(var(--item-size) * 0.29);
  height: calc(var(--item-size) * 0.29);
  min-width: calc(var(--item-size) * 0.29);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/lock-dark-GhcA-7F-.svg) no-repeat center center/contain;
}
.challenges-v3 .challenges-story-slider-item.-locked.-chronologically-locked {
  background: #E3EDE2;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished {
  background: #E3EDE2;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active {
  background: #E4FD6F;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active:hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active:hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active:hover .challenges-story-slider-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  pointer-events: auto;
  z-index: 9999;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished:before {
  content: none;
}
.challenges-v3 .challenges-story-slider-item:not(.-locked):hover .challenges-v3 .challenges-story-slider-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.challenges-v3 .challenges-story-slider-dropdown {
  --dropdown-offset: 0px;
  display: block;
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px);
  min-width: min(600px, 100vw - 32px);
  min-height: 100px;
  height: auto;
  background: #fff;
  padding: 0;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  pointer-events: none;
  text-align: left;
  cursor: default;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  border: 1px solid #C6C6C6;
}
.challenges-v3 .challenges-story-slider-dropdown:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(calc(-50% - var(--dropdown-offset, 0px)));
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
.challenges-v3 .challenges-story-slider-dropdown:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(calc(-50% - var(--dropdown-offset, 0px)));
  border: 11px solid transparent;
  border-bottom-color: #C6C6C6;
  margin-bottom: 1px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 {
  font-weight: 400;
  color: #011816;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-inner {
  padding: 33px 23px 24px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  align-items: center;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-status {
  display: flex;
  align-items: center;
  gap: 12px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 20px;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-regular_played_slot_open {
  background: linear-gradient(180deg, #e3ede2 50%, #bdccbb 50%);
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-complete_regular_on_time {
  background: #e3ede2;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-complete_regular_on_time.challenges-story-slider-dropdown-badge--bonus-late {
  background: #e3ede2;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-complete_regular_late {
  background: #f6f1c6;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-complete_regular_missed {
  background: #f0f0f0;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-badge--slot-not_started {
  background: #e3ede2;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-icons {
  display: none;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-main {
  font-family: "Hahmlet", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #06221e;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-sub {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  line-height: 1.6;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-sub.complete_regular_on_time, .challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-sub.regular_played_slot_open {
  color: #024840;
  background: #becabd;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-sub.complete_regular_late {
  color: #8f8f8f;
  background: #f4f0ca;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-sub.complete_regular_missed {
  color: #8f8f8f;
  background: #f0f0ef;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points {
  text-align: right;
  font-family: "Hahmlet", serif;
  font-weight: 400;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned {
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned:not(:last-child) {
  margin-bottom: 4px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned .points-earned-total {
  font-size: 26px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned + .points-earned {
  font-size: 16px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned + .points-earned .points-cap {
  font-size: 12px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-cap {
  font-size: 14px;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned-breakdown {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-description {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 1.6;
  color: #011816 !important;
  margin-bottom: 24px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item {
  min-height: 80px;
  padding: 16px 20px;
  border: 1px solid #e3ede2;
  border-radius: 16px;
  background: #f7f9f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item:hover {
  background: #eef2e8;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item .item-status-icon {
  width: 33px;
  height: 33px;
  flex-shrink: 0;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-label {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 12px;
  line-height: 1.4;
  color: #6b807d !important;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 1.3;
  color: #011816 !important;
  margin-top: 2px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-date {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 1.4;
  color: #919392 !important;
  margin-top: 4px;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores {
  margin-left: auto;
  text-align: right;
  font-family: "Hahmlet", serif;
  flex-shrink: 0;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .score-row {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 2px;
  line-height: 1.1;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .xp-earned {
  font-size: 12px;
  color: #024840;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .xp-earned-breakdown {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .xp-cap {
  font-size: 12px;
  color: #6b807d;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card {
  border-radius: 24px;
  padding: 40px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card-label {
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  padding: 6px 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #E4FD6F;
  color: #024840;
  font-weight: 700;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card-label.-bonus {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card-title {
  font-size: 36px;
  font-family: "Hahmlet";
  font-weight: 400;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-slider-dropdown .challenges-card-title {
    font-size: 28px;
  }
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card-illustration {
  justify-self: center;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card-illustration img {
  max-width: 320px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-card .btn {
  border-radius: 12px;
  padding: 16px 32px;
  text-transform: none;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info {
  background: #F7F9F3;
  border: 1px solid #E3EDE2;
  padding: 24px 32px;
  border-radius: 20px;
  width: 100%;
  max-width: 1274px;
  box-sizing: border-box;
  margin: 0 auto 40px;
  position: relative;
  z-index: 10;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info.-story-slider {
  height: 38px;
  padding: 0 32px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  margin-left: 120px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info.-story-slider .challenges-scoring-info-header {
  width: 100%;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-slide {
  width: 100% !important;
  display: block !important;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-slide {
  display: none !important;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-slide.swiper-slide-active {
  display: block !important;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-left, .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-icon {
  width: 16px;
  height: 16px;
  background: #E3EDE2;
  border: 1px solid #024840;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: content-box;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-icon img {
  width: 16px;
  height: 16px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-title {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  color: #011816;
  margin: 0;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-readme {
  width: 98px;
  height: 19px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header-readme img {
  width: 100%;
  height: auto;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header .toggle-icon {
  width: 5px;
  height: 8px;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
  cursor: pointer;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-header.-active .toggle-icon {
  transform: rotate(-90deg);
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-content {
  display: none;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  width: 100%;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info.-active .challenges-scoring-info-content {
  display: flex;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-status {
  border-bottom: 1px solid rgba(1, 24, 22, 0.1);
  padding-bottom: 24px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-status .challenges-scoring-info-item {
  flex: 1;
  min-width: 0;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
  flex: 1;
  min-width: 0;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  box-sizing: border-box;
  flex: 1;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item-icon {
  width: 33px;
  height: 33px;
  flex: 0 0 33px;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item-title {
  font-family: "Kumbh Sans";
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #011816;
}
.challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-item-text {
  font-family: "Kumbh Sans";
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #011816;
}
@media (max-width: 991px) {
  .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row {
    flex-wrap: nowrap;
    gap: 24px 20px;
  }
  .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-status .challenges-scoring-info-item, .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info {
    padding: 20px;
  }
  .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-status .challenges-scoring-info-item, .challenges-v3 .challenges-story-slider-dropdown .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.challenges-week-check-badge {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  vertical-align: middle;
  margin-left: 8px;
  background: #024840 url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto;
  border: 2px solid #fff;
  border-radius: 50%;
}

/* FIX: scoring info must not behave like a Swiper item and must lay out in rows */
@media (max-width: 767px) {
  .challenges-v3 .challenges-story {
    overflow: visible;
  }
}
.challenges-v3 .challenges-story-slider-item.-finished > span,
.challenges-v3 .challenges-story-slider-item.-partially-finished > span,
.challenges-v3 .challenges-story-slider-item.-active > span {
  visibility: hidden;
}
.challenges-v3 .challenges-story-dropdown-host {
  display: none;
  width: 100%;
  position: relative;
  margin: 4px 0 20px;
  z-index: 40;
  padding: 0 4px;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-dropdown-host.-visible {
  display: block;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  transform: none;
  --dropdown-offset: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown::before, .challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown::after {
  left: var(--dropdown-caret-left, 50%);
  transform: translateX(-50%);
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-inner {
  padding: 20px 16px 16px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-header {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-header-left {
  flex: 1;
  min-width: 0;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title-main {
  font-size: 20px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points {
  flex-shrink: 0;
  text-align: right;
  width: auto;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned {
  justify-content: flex-end;
  font-size: 22px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-points .points-earned + .points-earned {
  font-size: 16px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-description {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.5;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item {
  flex-direction: row;
  align-items: center;
  min-height: 0;
  padding: 12px 14px;
  gap: 10px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-info {
  flex: 1;
  min-width: 0;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-label {
  font-size: 11px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-title {
  font-size: 15px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-date {
  font-size: 12px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores {
  margin-left: auto;
  text-align: right;
  width: auto;
  flex-shrink: 0;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .score-row {
  justify-content: flex-end;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .xp-earned {
  font-size: 18px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .challenges-story-slider-dropdown-item-scores .xp-cap {
  font-size: 13px;
}
.challenges-v3 .challenges-story-dropdown-host .challenges-story-slider-dropdown.-v3 .item-status-icon {
  width: 36px;
  height: 36px;
}
.challenges-v3 .challenges-story-slider-item {
  font-weight: 400;
}
.challenges-v3 .challenges-story-slider-item:not(.-finished) .challenges-story-slider-done-badge {
  display: none !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time {
  position: relative;
  background: #024840;
  color: #fff;
  border: 1px solid #024840;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time:after {
  display: block !important;
  content: "" !important;
  --size: calc(var(--item-size) / 2.5);
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  bottom: 0;
  right: 0;
  background: #024840 url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: 0.2s;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time:hover:after {
  background: #AC8EFF url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time:hover .challenges-story-slider-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late {
  position: relative;
  background: #f6f1c6;
  color: #024840;
  border: 1px solid #024840;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late:after {
  display: block;
  content: "";
  --size: calc(var(--item-size) / 2.5);
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f6f1c6 url(/build/assets/calendar-17-MhOBOICF.svg) no-repeat center center/60% auto;
  border: 1px solid #024840;
  border-radius: 50%;
  transition: 0.2s;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late:hover:after {
  background: #AC8EFF url(/build/assets/calendar-17-white-BN2u2Hbc.svg) no-repeat center center/60% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late:hover .challenges-story-slider-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed {
  position: relative;
  background: #fff;
  color: #024840;
  border: 1px solid #024840;
  box-sizing: border-box;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed:after {
  display: block;
  content: "";
  --size: calc(var(--item-size) / 2.5);
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff url(/build/assets/missed-DwE2Ypx7.svg) no-repeat center center/60% auto;
  border: 1px solid #919392;
  border-radius: 50%;
  transition: 0.2s;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed:hover:after {
  background: #AC8EFF url(/build/assets/missed-white-mb1OnYvU.svg) no-repeat center center/60% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed:hover .challenges-story-slider-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.challenges-v3 .challenges-story-slider-item:not(.-locked):hover {
  background: #AC8EFF;
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item:not(.-locked):hover > div > span {
  color: #fff;
}
.challenges-v3 .challenges-story-slider-item:not(.-locked):hover .challenges-story-slider-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(calc(-50% + var(--dropdown-offset, 0px))) translateY(10px) !important;
  pointer-events: auto !important;
  z-index: 9999 !important;
}
@media (pointer: coarse) {
  .challenges-v3 .challenges-story-slider-item:not(.-locked):hover {
    background: #E3EDE2;
    color: #011816;
  }
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active {
  background: #E4FD6F;
  color: #011816;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished.-active:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0 50%, #C6DC4E 0);
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed.-active {
  background: #E4FD6F !important;
  color: #011816 !important;
  border: 1px solid #024840 !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed.-active:after {
  display: block !important;
  content: "" !important;
  --size: calc(var(--item-size) / 2.5);
  width: var(--size) !important;
  height: var(--size) !important;
  min-width: var(--size) !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  background: #E4FD6F url(/build/assets/missed-DwE2Ypx7.svg) no-repeat center center/60% auto !important;
  border: 1px solid #919392 !important;
  border-radius: 50% !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed.-active:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-missed.-active:hover:after {
  background: #AC8EFF url(/build/assets/missed-white-mb1OnYvU.svg) no-repeat center center/60% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late.-active {
  background: #E4FD6F !important;
  color: #011816 !important;
  border: 1px solid #024840 !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late.-active:after {
  display: block !important;
  content: "" !important;
  --size: calc(var(--item-size) / 2.5);
  width: var(--size) !important;
  height: var(--size) !important;
  min-width: var(--size) !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  background: #E4FD6F url(/build/assets/calendar-17-MhOBOICF.svg) no-repeat center center/60% auto !important;
  border: 1px solid #024840 !important;
  border-radius: 50% !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late.-active:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-late.-active:hover:after {
  background: #AC8EFF url(/build/assets/calendar-17-white-BN2u2Hbc.svg) no-repeat center center/60% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time.-active {
  background: #E4FD6F !important;
  color: #011816 !important;
  border: 1px solid #024840 !important;
  box-shadow: none !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time.-active:after {
  display: block !important;
  content: "" !important;
  --size: calc(var(--item-size) / 2.5);
  width: var(--size) !important;
  height: var(--size) !important;
  min-width: var(--size) !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  background: #E4FD6F url(/build/assets/check-green-D3oPopOb.svg) no-repeat center center/50% auto !important;
  border: 1px solid #024840 !important;
  border-radius: 50% !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time.-active:hover {
  background: #AC8EFF !important;
  color: #fff !important;
  border-color: #AC8EFF !important;
}
.challenges-v3 .challenges-story-slider-item.-slot-complete-on-time.-active:hover:after {
  background: #AC8EFF url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto !important;
  border-color: #fff !important;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished {
  position: relative;
}
.challenges-v3 .challenges-story-slider-item.-partially-finished:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  background: linear-gradient(rgba(0, 0, 0, 0) 0 50%, #BDCCBB 0);
}
.challenges-v3 .challenges-story-slider-item.-partially-finished:hover:before {
  opacity: 0.4;
}
.challenges-v3 .challenges-story-slider {
  z-index: 30;
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-story-slider-item:not(.-locked):hover .challenges-story-slider-dropdown {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.icon-v3-wrapper):not(:has(.challenges-story-slider-item.-active)) .challenges-story-slider-item.-finished {
  background: none !important;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.icon-v3-wrapper):not(:has(.challenges-story-slider-item.-active)) .challenges-story-slider-item.-finished > span {
  visibility: hidden;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item.-active) .icon-v3-wrapper:not(.icon-v3-wrapper--bonus-pending) {
  display: none;
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-disk {
  background: #e4fd6f !important;
  border: 2px solid #024840 !important;
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-disk-partial-b {
  display: none !important;
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-week-num,
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-week-num--on-split,
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-week-num--on-late,
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-week-num--on-missed {
  color: #024840 !important;
  background: transparent !important;
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-thumb {
  background-color: #e4fd6f !important;
  border: 2px solid #024840 !important;
  box-shadow: none;
  background-image: none;
}
.challenges-v3 .challenges-story-slider .icon-v3-wrapper--selected .icon-v3-story-thumb img {
  opacity: 1;
  filter: none;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk {
  background-color: #ac8eff !important;
  border: 2px solid #fff !important;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk-partial-b {
  display: none !important;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-week-num,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-week-num--on-split,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-week-num--on-late,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-week-num--on-missed {
  color: #fff !important;
  background-color: transparent !important;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--on_time .icon-v3-story-thumb,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--late_bonus .icon-v3-story-thumb {
  background-image: url(/build/assets/check-white-BHr3Cyyq.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% auto;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-thumb {
  background-color: #ac8eff !important;
  border: 2px solid #fff !important;
  box-shadow: none;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-thumb img {
  opacity: 0;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--late .icon-v3-story-thumb,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--missed .icon-v3-story-thumb,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--partial .icon-v3-story-thumb {
  background-image: none;
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--late .icon-v3-story-thumb img,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--missed .icon-v3-story-thumb img,
.challenges-v3 .challenges-story-slider .swiper-slide:has(.challenges-story-slider-item:not(.-locked):hover) .icon-v3-story-disk--partial .icon-v3-story-thumb img {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.challenges-v3 .challenges-story-slider .swiper-slide:has(.icon-v3-wrapper):not(:has(.challenges-story-slider-item.-active)) .challenges-story-slider-item.-finished:hover {
  background-color: #ac8eff url(/build/assets/check-neon-vn8R2I6l.svg) no-repeat center center/50% auto !important;
  color: #fff;
}
.challenges-v3 .challenges-story-slider .swiper-slide:not(.challenges-scoring-info-header-slide):not(.challenges-scoring-info-slide) {
  width: var(--item-size);
  min-width: var(--item-size);
  max-width: var(--item-size);
}
.challenges-v3 .challenges-scoring-info-header-slide {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
}
.challenges-v3 .challenges-scoring-info-header-slide.-hidden {
  display: none;
}
.challenges-v3 .challenges-scoring-info-slide {
  display: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 40px;
}
.challenges-v3 .challenges-scoring-info-slide.-visible {
  display: block;
}
.challenges-v3 .challenges-scoring-info {
  background: #F7F9F3;
  border: 1px solid #E3EDE2;
  padding: 24px 32px;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  z-index: 5;
}
.challenges-v3 .challenges-scoring-info.-story-slider {
  min-height: 38px;
  padding: 12px 32px;
  margin: 0;
  display: flex;
  align-items: center;
}
.challenges-v3 .challenges-scoring-info.-story-slider .challenges-scoring-info-header {
  width: 100%;
}
.challenges-v3 .challenges-scoring-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: default;
}
.challenges-v3 .challenges-scoring-info-header-icon {
  background: transparent;
  border: 0;
  padding: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.challenges-v3 .challenges-scoring-info-header-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 32px;
  min-height: 32px;
  margin: -6px;
  padding: 6px;
  border: 0;
  background: transparent;
  box-sizing: border-box;
}
.challenges-v3 .challenges-scoring-info-header-info.js-scoring-info-open, .challenges-v3 .challenges-scoring-info-header-info.js-scoring-info-close {
  cursor: pointer;
}
.challenges-v3 .challenges-scoring-info-header-info img {
  width: 16px;
  height: 16px;
  display: block;
  pointer-events: none;
}
.challenges-v3 .challenges-scoring-info-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 40px;
  min-height: 40px;
  margin: -8px -8px -8px 0;
  padding: 8px;
  cursor: pointer;
}
.challenges-v3 .challenges-scoring-info-toggle .toggle-icon {
  width: 8px;
  height: 5px;
  transform: none;
  transition: none;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.challenges-v3 .challenges-scoring-info .js-scoring-info-close .toggle-icon {
  transform: none;
}
.challenges-v3 .challenges-scoring-info-header-left, .challenges-v3 .challenges-scoring-info-header-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.challenges-v3 .challenges-scoring-info-header-icon {
  width: 16px;
  height: 16px;
  background: #E3EDE2;
  border: 1px solid #024840;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: content-box;
  flex: 0 0 16px;
}
.challenges-v3 .challenges-scoring-info-header-icon img {
  width: 16px;
  height: 16px;
  display: block;
}
.challenges-v3 .challenges-scoring-info-header-title {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  color: #011816;
  margin: 0;
}
.challenges-v3 .challenges-scoring-info-header-readme {
  width: 98px;
  height: 19px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.challenges-v3 .challenges-scoring-info-header-readme img {
  width: 100%;
  height: auto;
  display: block;
}
.challenges-v3 .challenges-scoring-info-content {
  display: flex !important;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  width: 100%;
  box-sizing: border-box;
}
.challenges-v3 .challenges-scoring-info-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
.challenges-v3 .challenges-scoring-info-row.-status {
  border-bottom: 1px solid rgba(1, 24, 22, 0.1);
  padding-bottom: 24px;
}
.challenges-v3 .challenges-scoring-info-row.-status .challenges-scoring-info-item {
  flex: 0 0 calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
}
.challenges-v3 .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
  flex: 0 0 calc((100% - 80px) / 5);
  max-width: calc((100% - 80px) / 5);
}
.challenges-v3 .challenges-scoring-info-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  box-sizing: border-box;
}
.challenges-v3 .challenges-scoring-info-item-icon {
  width: 33px;
  height: 33px;
  flex: 0 0 33px;
}
.challenges-v3 .challenges-scoring-info-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.challenges-v3 .challenges-scoring-info-item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.challenges-v3 .challenges-scoring-info-item-title {
  font-family: "Kumbh Sans";
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #011816;
}
.challenges-v3 .challenges-scoring-info-item-text {
  font-family: "Kumbh Sans";
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #011816;
}
@media (max-width: 991px) {
  .challenges-v3 .challenges-scoring-info-row {
    flex-wrap: wrap !important;
  }
  .challenges-v3 .challenges-scoring-info-row.-status .challenges-scoring-info-item, .challenges-v3 .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .challenges-v3 .challenges-scoring-info {
    padding: 20px;
  }
  .challenges-v3 .challenges-scoring-info-row.-status .challenges-scoring-info-item, .challenges-v3 .challenges-scoring-info-row.-xp .challenges-scoring-info-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Utils */
.alerts {
  display: grid;
  grid-template-rows: max-content 1fr;
}
@media (max-width: 991px) {
  .alerts {
    display: block;
  }
}
.alerts-empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.alerts-empty.-with-fixed-top-dashboard {
  padding-top: 84px;
}
.alerts-empty img {
  display: block;
  margin: 0 auto 40px;
  max-width: 379px;
  width: 100%;
}
@media (max-width: 767px) {
  .alerts-empty img {
    margin-bottom: 25px;
    max-width: 270px;
  }
}
.alerts-table {
  border-radius: 10px;
  overflow: auto;
}
@media (max-width: 767px) {
  .alerts-table {
    border-radius: 12px;
  }
}
.alerts-table .simplebar-content {
  min-height: auto !important;
}
.alerts-table-inner {
  min-width: 900px;
}
.alerts-table-head {
  background: #024840;
}
.alerts-table-head .alerts-table-row {
  font-size: 14px;
  line-height: 160%;
  font-weight: 800;
  color: #fff;
}
.alerts-table-head .alerts-table-row .alerts-table-cell {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.-active span {
  opacity: 1;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort > button {
  cursor: pointer;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort > button:hover {
  color: #AC8EFF;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort > button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
  border-bottom: 0;
  opacity: 0.3;
  margin-left: 8px;
  margin-bottom: -2px;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort > button.-active:after {
  opacity: 1;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort.asc > button:after, .alerts-table-head .alerts-table-row .alerts-table-cell.sort.desc > button:after {
  opacity: 1;
}
.alerts-table-head .alerts-table-row .alerts-table-cell.sort.desc > button::after {
  border-top: 0;
  border-bottom: 5px solid currentColor;
}
.alerts-table-head .alerts-table-row .alerts-table-cell > button {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: inherit;
}
.alerts-table-head .alerts-table-row .alerts-table-cell .tooltip {
  margin-left: 12px;
  /*color: var.$dark;*/
  font-weight: 400;
}
.alerts-table-head .alerts-table-row .alerts-table-cell .tooltip .tooltip-content {
  color: #011816;
}
@media (max-width: 1299px) {
  .alerts-table-head .alerts-table-row .alerts-table-cell .tooltip .tooltip-content {
    left: -60px;
  }
}
@media (max-width: 767px) {
  .alerts-table-head .alerts-table-row .alerts-table-cell .tooltip .tooltip-content {
    max-width: 350px;
  }
}
@media (max-width: 1299px) {
  .alerts-table-head .alerts-table-row .alerts-table-cell .tooltip .tooltip-content:before {
    left: calc(50% + 68px);
  }
}
.alerts-table-head .alerts-table-row .alerts-table-cell .tooltip svg {
  fill: #fff;
}
.alerts-table-body {
  background: #E3EDE2;
  border-radius: 0 0 10px 10px;
}
.alerts-table-body-item:not(:last-child) {
  border-bottom: 1px solid #BDCCBB;
}
.alerts-table-body .alerts-table-row {
  font-size: 14px;
  line-height: 160%;
}
.alerts-table-body .alerts-table-row .alerts-table-cell svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  transition: 0.2s;
}
.alerts-table-body .alerts-table-row .alerts-table-cell:last-child {
  display: flex;
  justify-content: flex-end;
}
.alerts-table-body .alerts-table-row .alerts-table-cell:last-child button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.alerts-table-body .alerts-table-row .alerts-table-cell:last-child button.-active svg {
  transform: rotate(-180deg);
}
.alerts-table-body-content {
  display: none;
}
.alerts-table-body-content-inner {
  padding: 24px 16px;
  display: grid;
  grid-template-columns: 1.3fr 1.13fr 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1439px) {
  .alerts-table-body-content-inner {
    grid-template-columns: 1fr 1fr;
  }
}
.alerts-table-body-content-block {
  padding: 16px;
  border-radius: 20px;
  background: #F7F9F3;
}
.alerts-table-body-content-block-title {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  margin-bottom: 8px;
}
.alerts-table-body-content-block-subtitle {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  margin-bottom: 4px;
}
.alerts-table-body-content-block-subtitle:not(:first-child) {
  margin-top: 16px;
}
.alerts-table-body-content-block p {
  font-size: 12px;
  line-height: 160%;
}
.alerts-table-body-content-block p:not(:last-child) {
  margin-bottom: 8px;
}
.alerts-table-body-content-block-actions {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.alerts-table-body-content-block-actions .btn {
  gap: 8px;
}
.alerts-table-body-content-block-actions .btn:not(.-bordered) {
  margin: 0px 8px;
}
.alerts-table-body-content-block-actions .btn.-bordered {
  padding: 8px 16px;
}
.alerts-table-body-content-block-actions .btn svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.alerts-table-body-content-block-details:not(:last-child) {
  margin-bottom: 16px;
}
.alerts-table-body-content-block-details li {
  font-size: 12px;
  line-height: 160%;
  gap: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.alerts-table-body-content-block-details li:not(:last-child) {
  margin-bottom: 8px;
}
.alerts-table-body-content-block-details li span:nth-child(1) {
  font-weight: 600;
}
.alerts-table-body-content-block-to-do-list:not(:last-child) {
  margin-bottom: 8px;
}
.alerts-table-body-content-block-to-do-list.-do {
  color: #2CB780;
}
.alerts-table-body-content-block-to-do-list.-do li:before {
  background-image: url(/build/assets/check-green-light-DN378b5J.svg);
}
.alerts-table-body-content-block-to-do-list.-not-do {
  color: #D61E1E;
}
.alerts-table-body-content-block-to-do-list.-not-do li:before {
  background-image: url(/build/assets/delete-red-DQTYtUdC.svg);
}
.alerts-table-body-content-block-to-do-list li {
  font-size: 12px;
  line-height: 160%;
  display: flex;
}
.alerts-table-body-content-block-to-do-list li:not(:last-child) {
  margin-bottom: 4px;
}
.alerts-table-body-content-block-to-do-list li:before {
  display: block;
  content: "";
  --size: 11px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: transparent no-repeat center center/100%;
  margin-top: 4px;
  margin-right: 4px;
}
.alerts-table-row {
  display: grid;
  grid-template-columns: 18% 13% 30% 29% 10%;
  padding: 0px 40px;
}
@media (max-width: 1299px) {
  .alerts-table-row {
    grid-template-columns: 25% 15% 30% 20% 10%;
  }
}
@media (max-width: 767px) {
  .alerts-table-row {
    padding: 0 16px 0 0;
  }
}
.alerts-table-cell {
  padding: 20px 16px;
}
@media (max-width: 767px) {
  .alerts-table-cell {
    padding: 16px 12px;
  }
}
.alerts-table-label {
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 160%;
  font-weight: 600;
  display: inline-block;
  color: #fff;
}
.alerts-table-label.-urgent {
  background: #D84654;
}
.alerts-table-label.-high {
  background: #F99C39;
}
.alerts-table-label.-moderate {
  background: #F7CE64;
}
.alerts-table-label.-info {
  background: #5B629A;
}
.alerts-table-label.-low {
  background: #64A67F;
}

.my-organisation-users .table table {
  min-width: 900px;
}
@media (min-width: 768px) {
  .my-organisation-users .table table th:first-child, .my-organisation-users .table table td:first-child {
    padding-left: 40px;
  }
  .my-organisation-users .table table th:last-child, .my-organisation-users .table table td:last-child {
    padding-right: 40px;
  }
}
.my-organisation-users .table table tbody tr td:last-child {
  /*display: flex;*/
}
.my-organisation-users .table table tbody tr td:last-child button {
  margin-left: auto;
  font-size: 14px;
  gap: 8px;
}
.my-organisation-users .table table tbody tr td:last-child button svg {
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

/* Utils */
.my-organisation-groups .table table {
  min-width: 700px;
}
@media (max-width: 767px) {
  .my-organisation-groups .table table {
    min-width: 500px;
  }
}
@media (min-width: 768px) {
  .my-organisation-groups .table table th:first-child, .my-organisation-groups .table table td:first-child {
    padding-left: 40px;
  }
  .my-organisation-groups .table table th:last-child, .my-organisation-groups .table table td:last-child {
    padding-right: 40px;
  }
}
.my-organisation-groups .table table tbody tr td:last-child {
  display: flex;
}
.my-organisation-groups .table table tbody tr td:last-child button {
  margin-left: auto;
}
.my-organisation-groups .table table tbody tr td:last-child button svg {
  transform: rotate(-90deg);
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.my-organisation-groups-create-new {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  cursor: pointer;
}
.my-organisation-groups-create-new:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .my-organisation-groups-create-new:hover {
    color: #919392;
  }
}

/* Utils */
.my-organisation-details-form {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px 32px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 991px) {
  .my-organisation-details-form {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .my-organisation-details-form {
    gap: 18px;
    padding: 20px 15px;
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .my-organisation-details-form {
    grid-template-columns: 1fr;
  }
}
.my-organisation-details-form h2 {
  font-size: 18px;
  line-height: 120%;
}
@media (min-width: 576px) {
  .my-organisation-details-form .-wide {
    grid-column: 1/3;
  }
}
.my-organisation-details-form-bottom {
  display: flex;
  align-items: center;
  margin-top: 14px;
}
@media (max-width: 767px) {
  .my-organisation-details-form-bottom {
    flex-direction: column;
    margin-top: 8px;
  }
}
.my-organisation-details-form-bottom-info {
  margin-left: 24px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .my-organisation-details-form-bottom-info {
    margin-top: 8px;
  }
}
.my-organisation-details-form-bottom-info svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}
.my-organisation-details-form .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .my-organisation-details-form .btn {
    width: 100%;
  }
}
.my-organisation-details-archive {
  margin-top: 24px;
}
.my-organisation-details-archive h3 {
  font-size: 16px;
  line-height: 120%;
}
.my-organisation-details-archive p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
}
.my-organisation-details-archive p span {
  color: #D61E1E;
}

/* Utils */
@media (min-width: 768px) {
  .my-organisation-policies .tabs-nav {
    justify-content: flex-end;
    padding: 0px 20px;
  }
}
.my-organisation-policies .tabs-nav li {
  background: #F7F9F3;
}
.my-organisation-policies .tabs-nav li.-active {
  color: #011816;
  background: #E3EDE2;
  font-weight: 600;
}
.my-organisation-policies-tabs .tab {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px;
  display: none;
}
@media (max-width: 991px) {
  .my-organisation-policies-tabs .tab {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .my-organisation-policies-tabs .tab {
    padding: 20px 15px;
    border-radius: 12px;
  }
}
.my-organisation-policies-tabs .tab.-active {
  display: block;
}
.my-organisation-policies-tabs .tab h6 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .my-organisation-policies-tabs .tab h6 {
    margin-bottom: 16px;
  }
}
.my-organisation-policies-tabs .tab hr {
  border: 0;
  height: 1px;
  background: rgba(1, 24, 22, 0.3);
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .my-organisation-policies-tabs .tab hr {
    margin-bottom: 18px;
  }
}
.my-organisation-policies-tabs .tab .action-block:not(:last-child),
.my-organisation-policies-tabs .tab .range-slider:not(:last-child) {
  margin-bottom: 16px;
}
.my-organisation-policies-notifications-emails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
}
.my-organisation-policies-notifications-emails li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
  cursor: pointer;
}
.my-organisation-policies-notifications-emails li.-add {
  background: transparent;
  box-shadow: inset 0 0 0 1px #024840;
  color: #024840;
}
.my-organisation-policies-notifications-emails li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}
.my-organisation-policies-alerts-whitelist-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
}
.my-organisation-policies-alerts-whitelist-desc {
  font-size: 14px;
  line-height: 160%;
  color: #6B807D;
  margin-bottom: 13px;
}
.my-organisation-policies-alerts-whitelist-search {
  background: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 15px 16px;
}
@media (max-width: 767px) {
  .my-organisation-policies-alerts-whitelist-search {
    padding: 12px;
  }
}
.my-organisation-policies-alerts-whitelist-search svg {
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
@media (max-width: 767px) {
  .my-organisation-policies-alerts-whitelist-search svg {
    --size: 15px;
  }
}
.my-organisation-policies-alerts-whitelist-search input {
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  color: #011816;
  margin-left: 8px;
}
.my-organisation-policies-alerts-whitelist-list {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .my-organisation-policies-alerts-whitelist-list {
    margin-top: 18px;
  }
}
.my-organisation-policies-alerts-whitelist-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-organisation-policies-alerts-whitelist-list li:not(:last-child) {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .my-organisation-policies-alerts-whitelist-list li:not(:last-child) {
    margin-bottom: 18px;
  }
}
.my-organisation-policies-alerts-whitelist-list-name {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
}
.my-organisation-policies-alerts-whitelist-list-date {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  margin-top: 2px;
}
.my-organisation-policies-alerts-whitelist-list-remove {
  margin-left: 15px;
  white-space: nowrap;
}
.my-organisation-policies-alerts-whitelist-list-remove > button {
  font-size: 12px;
  line-height: 160%;
  font-weight: 800;
  color: #024840;
  transition: 0.2s;
}
.my-organisation-policies-alerts-whitelist-list-remove > button:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .my-organisation-policies-alerts-whitelist-list-remove > button:hover {
    color: #024840;
  }
}
.my-organisation-policies-alerts-whitelist-list-remove-confirm {
  display: flex;
  align-items: center;
}
.my-organisation-policies-alerts-whitelist-list-remove-confirm p {
  font-size: 14px;
  line-height: 160%;
  margin: 0;
}
.my-organisation-policies-alerts-whitelist-list-remove-confirm button {
  font-size: 14px;
  line-height: 160%;
  color: #011816;
  margin-left: 16px;
}
.my-organisation-policies-alerts-whitelist-list-remove-confirm button:last-child {
  font-weight: 600;
  color: #D61E1E;
}

/* Utils */
.resources {
  background: #E3EDE2;
  border-radius: 20px;
  align-self: start;
  padding: 24px 24px 32px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .resources {
    border-radius: 12px;
    padding: 20px 15px;
    gap: 18px;
  }
}
.resources-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .resources-block {
    gap: 18px;
  }
}
.resources-block:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(1, 24, 22, 0.3);
}
@media (max-width: 767px) {
  .resources-block:not(:last-child) {
    padding-bottom: 18px;
  }
}
.resources-block-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .resources-block-top {
    display: block;
  }
  .resources-block-top .resources-block-actions {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 16px;
  }
}
@media (max-width: 575px) {
  .resources-block-top .resources-block-actions {
    flex-direction: column-reverse;
  }
}
.resources-block-actions {
  display: flex;
  gap: 32px;
}
@media (max-width: 1169px) {
  .resources-block-actions {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .resources-block-actions {
    flex-direction: column;
    gap: 10px;
  }
}
.resources-block-actions .custom-select {
  min-width: 180px;
}
.resources-block-info {
  display: flex;
  align-items: center;
}
.resources-block-info img {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 12px;
}
.resources-block-system {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
}
.resources-block-version {
  font-size: 14px;
  line-height: 160%;
  color: #404342;
  margin-top: 2px;
}
.resources-block .btn {
  font-size: 14px;
  gap: 8px;
}
.resources-block .btn.-filled, .resources-block .btn.-bordered {
  padding-left: 64px;
  padding-right: 64px;
}
@media (max-width: 767px) {
  .resources-block .btn.-filled, .resources-block .btn.-bordered {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .resources-block .action-block {
    display: block;
  }
  .resources-block .action-block .resources-block-actions {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .resources-block .action-block .resources-block-actions {
    margin-top: 16px;
  }
}

/* Utils */
.sign-up {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
.sign-up-container {
  margin: 0 auto;
  padding: 0px 40px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1360px) {
  .sign-up-container {
    max-width: 1285px;
  }
}
@media (min-width: 1600px) {
  .sign-up-container {
    max-width: 1506px;
  }
}
@media (max-width: 767px) {
  .sign-up-container {
    padding: 0px 24px;
  }
}
.sign-up-header {
  padding: 16px 0;
}
.sign-up-header .sign-up-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sign-up-header-logo {
  display: flex;
  align-items: center;
}
.sign-up-header-logo img {
  display: block;
  height: 26px;
}
@media (max-width: 767px) {
  .sign-up-header-logo img {
    height: 21px;
  }
}
.sign-up-header .custom-select {
  position: relative;
  color: #024840;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
}
.sign-up-header .custom-select select {
  display: none;
}
.sign-up-header .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 8px 9px;
}
.sign-up-header .custom-select-trigger.active svg {
  transform: rotate(-180deg);
}
.sign-up-header .custom-select-trigger svg {
  width: 12px;
  height: 12px;
  fill: rgba(2, 72, 64, 0.5);
  margin-left: 8px;
  transition: 0.2s;
}
.sign-up-header .custom-select-dropdown {
  position: absolute;
  transition: 0.2s ease-in-out;
  transform: translateY(105%);
  left: 0;
  z-index: 100;
  bottom: -4px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #E7E9E9;
  border-radius: 10px;
  padding: 4px;
  pointer-events: none;
}
.sign-up-header .custom-select-dropdown.active {
  pointer-events: inherit;
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}
.sign-up-header .custom-select-dropdown ul li {
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
  border-radius: 6px;
  position: relative;
}
.sign-up-header .custom-select-dropdown ul li:hover {
  background: rgba(1, 24, 22, 0.2);
}
@media (pointer: coarse) {
  .sign-up-header .custom-select-dropdown ul li:hover {
    background: transparent;
  }
}
.sign-up-header .custom-select-dropdown ul li:not(:last-child) {
  margin-bottom: 4px;
}
.sign-up-header .custom-select-dropdown ul li.selected {
  background: rgba(1, 24, 22, 0.2);
}
.sign-up-main {
  background: linear-gradient(90deg, #024840 50%, #E3EDE2 0);
  padding-top: 80px;
  overflow: auto;
}
@media (max-width: 1169px) {
  .sign-up-main {
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .sign-up-main {
    background: #E3EDE2;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .sign-up-main {
    padding: 24px 0;
  }
}
.sign-up-main .sign-up-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-bottom: 20px;
}
@media (max-width: 1169px) {
  .sign-up-main .sign-up-container {
    gap: 60px;
  }
}
@media (max-width: 991px) {
  .sign-up-main .sign-up-container {
    display: block;
  }
}
.sign-up-info {
  display: grid;
}
.sign-up-info-step {
  grid-column: 1/2;
  grid-row: 1/2;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 40px;
  color: #fff;
}
@media (max-width: 991px) {
  .sign-up-info-step {
    display: none;
  }
}
.sign-up-info-step.-active {
  transition-delay: 0.15s;
}
@media (min-width: 992px) {
  .sign-up-info-step.-active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: inherit;
    visibility: visible;
  }
  .sign-up-info-step.-finished {
    transform: translateX(-50%);
  }
}
.sign-up-info-step.-step-4 img {
  max-height: 496px;
}
.sign-up-info-step img {
  max-width: 100%;
  max-height: 320px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1169px) {
  .sign-up-info-step img {
    max-height: 280px;
  }
}
@media (max-width: 767px) {
  .sign-up-info-step img {
    max-height: 255px;
  }
}
.sign-up-info-step ul li {
  display: flex;
}
.sign-up-info-step ul li:not(:last-child) {
  margin-bottom: 16px;
}
.sign-up-info-step ul li:before {
  display: block;
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: url(/build/assets/check-circle-neon-D2O6iYHs.svg) no-repeat center center/100%;
  margin-right: 8px;
  margin-top: 6px;
}
@media (max-width: 1169px) {
  .sign-up-info-step ul li:before {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .sign-up-info-step ul li:before {
    --size: 12px;
    margin-top: 8px;
  }
}
.sign-up-info-step ul li p {
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sign-up-info-step ul li p {
    font-size: 18px;
  }
}
@media (max-width: 1169px) {
  .sign-up-info-step ul li p {
    font-size: 18px;
    line-height: 160%;
  }
}
@media (max-width: 1169px) and (max-width: 767px) {
  .sign-up-info-step ul li p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .sign-up-info-step ul li p {
    font-size: 16px;
    line-height: 160%;
  }
}
.sign-up-info-step ul li p span {
  color: #E4FD6F;
}
.sign-up-info-step h4 {
  text-align: center;
}
@media (max-width: 767px) {
  .sign-up-info-step h5 {
    text-align: center;
  }
}
.sign-up-form {
  display: grid;
  grid-template-rows: max-content 1fr;
  align-items: start;
}
.sign-up-form-step {
  grid-column: 1/2;
  grid-row: 2/3;
  max-width: 447px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.2s;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-content: start;
}
.sign-up-form-step.-active {
  transition-delay: 0.15s;
  transform: translateX(0);
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
  position: static;
}
.sign-up-form-step.-finished {
  transform: translateX(-25%);
}
@media (max-width: 991px) {
  .sign-up-form-step.-step-1 {
    padding-bottom: 56px;
  }
}
.sign-up-form-step.-step-1 .sign-up-form-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.sign-up-form-step.-step-1 .sign-up-form-actions p {
  text-align: center;
  font-size: 14px;
  line-height: 160%;
}
.sign-up-form-step.-step-1 .sign-up-form-actions p a {
  text-decoration-line: underline;
  color: #011816;
  font-weight: 600;
}
.sign-up-form-step.-step-1 .sign-up-form-actions p a:hover {
  color: #AC8EFF;
  text-decoration-line: underline;
}
@media (pointer: coarse) {
  .sign-up-form-step.-step-1 .sign-up-form-actions p a:hover {
    color: #011816;
  }
}
.sign-up-form-step.-step-4 .sign-up-form-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.sign-up-form-step.-step-4 .sign-up-form-actions .btn:not(.-filled) {
  font-size: 14px;
  justify-self: center;
}
.sign-up-form-info {
  text-align: center;
}
.sign-up-form-info h2 {
  font-size: 30px;
  line-height: 120%;
}
@media (max-width: 767px) {
  .sign-up-form-info h2 {
    font-size: 26px;
    font-family: "Hahmlet";
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .sign-up-form-info h2 {
    font-size: 22px;
  }
}
.sign-up-form-info p {
  font-size: 16px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sign-up-form-info p {
    font-size: 12px;
    line-height: 160%;
  }
}
.sign-up-form-info p:not(:first-child) {
  margin-top: 16px;
}
.sign-up-form-inputs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 16px;
}
@media (min-width: 768px) {
  .sign-up-form-inputs.-two-col {
    grid-template-columns: 1fr 1fr;
  }
}
.sign-up-form-inputs .form-block .custom-select-dropdown ul {
  max-height: 230px;
}
@media (max-width: 767px) {
  .sign-up-form-inputs .form-block .custom-select-dropdown ul {
    max-height: 167px;
  }
}
.sign-up-form-have-account {
  margin-top: -4px;
  font-size: 14px;
  line-height: 160%;
  text-decoration-line: underline;
  color: #011816;
  justify-self: end;
  font-weight: 600;
}
.sign-up-form-have-account:hover {
  color: #AC8EFF;
  text-decoration-line: underline;
}
@media (pointer: coarse) {
  .sign-up-form-have-account:hover {
    color: #011816;
  }
}
.sign-up-form-actions {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.sign-up-form-actions .btn.-filled {
  width: 100%;
}
.sign-up-form-actions .btn.sign-up-form-prev-step {
  padding: 16px;
}
.sign-up-form-actions .btn.sign-up-form-prev-step svg {
  --size: 22px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.sign-up-pagination {
  justify-self: center;
  --size: 32px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .sign-up-pagination {
    --size: 24px;
  }
}
.sign-up-pagination:before {
  display: block;
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: calc(var(--size) / 2);
  width: calc(100% - var(--size));
  height: 20%;
  background: #BDCCBB linear-gradient(#024840, #024840) no-repeat center left/0 100%;
  background-size: var(--progress, 0) 100%;
  transition: 0.2s;
}
.sign-up-pagination li {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #024840;
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 2) #BDCCBB;
  position: relative;
}
.sign-up-pagination li:not(:last-child) {
  margin-right: 72px;
}
@media (max-width: 767px) {
  .sign-up-pagination li:not(:last-child) {
    margin-right: 54px;
  }
}
.sign-up-pagination li.-active {
  transition: box-shadow 0.1s 0.2s;
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 4) #BDCCBB;
}
.sign-up-pagination li.-finished {
  box-shadow: inset 0 0 0 calc(var(--size) / 8) #024840, inset 0 0 0 calc(var(--size) / 4) #BDCCBB;
}
@media (max-width: 991px) {
  .sign-up-why {
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    display: grid;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #024840;
    transform: translateY(100%);
    max-width: 100%;
    padding: 40px 40px 80px;
    overflow: auto;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .sign-up-why {
    padding: 32px 24px 64px;
  }
}
.sign-up-why.-visible {
  transform: translate(0);
}
.sign-up-why-close {
  display: none;
  align-items: center;
  justify-content: center;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  background: #E4FD6F;
  padding: 4px;
  position: absolute;
  bottom: 24px;
  right: 24px;
}
@media (max-width: 991px) {
  .sign-up-why-close {
    display: flex;
  }
}
@media (max-width: 767px) {
  .sign-up-why-close {
    bottom: 16px;
    right: 16px;
  }
}
.sign-up-why-close svg {
  width: 100%;
  height: 100%;
  fill: #024840;
}
.sign-up-why-open {
  display: none;
  grid-template-columns: 1fr 2fr 1fr;
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  color: #024840;
  align-items: center;
  padding: 16px;
  background: #BDCCBB;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
@media (max-width: 991px) {
  .sign-up-why-open {
    display: grid;
  }
}
.sign-up-why-open span {
  grid-column: 2/3;
}
.sign-up-why-open svg {
  --size: 16px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transform: rotate(-180deg);
  fill: currentColor;
  justify-self: end;
}

/* Utils */
.manage-game-bottom {
  margin-top: 32px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .manage-game-bottom {
    margin-top: 24px;
    padding-left: 0;
  }
}
.manage-game-bottom h3 {
  font-size: 16px;
  line-height: 120%;
}
.manage-game-bottom p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
}
.manage-game-bottom p a {
  font-weight: 600;
}
.manage-game-settings {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px;
}
@media (max-width: 767px) {
  .manage-game-settings {
    border-radius: 12px;
    padding: 20px 15px;
  }
}
.manage-game-settings h6 {
  margin-bottom: 24px;
}
.manage-game-settings .action-block:not(:last-child),
.manage-game-settings .range-slider:not(:last-child) {
  margin-bottom: 16px;
}
.manage-game-settings hr {
  border: 0;
  height: 1px;
  margin: 0;
  background: rgba(1, 24, 22, 0.3);
}
.manage-game-settings hr:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .manage-game-settings hr:not(:last-child) {
    margin-bottom: 24px;
  }
}
.manage-game-creator {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px;
}
@media (max-width: 767px) {
  .manage-game-creator {
    border-radius: 12px;
    padding: 20px 15px;
  }
}
.manage-game-creator:not(:last-child) {
  margin-bottom: 40px;
}
.manage-game-creator > h4 {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .manage-game-creator > h4 {
    margin-bottom: 24px;
  }
}
.manage-game-creator-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  position: relative;
}
@media (max-width: 767px) {
  .manage-game-creator-form {
    gap: 18px;
  }
}
.manage-game-creator-form.-created:after {
  display: block;
  content: "";
  --size: 175px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/check-purple-Ck1IpC8F.svg) no-repeat center center/100% auto;
}
@media (max-width: 767px) {
  .manage-game-creator-form.-created:after {
    --size: 110px;
  }
}
.manage-game-creator-form.-created > * {
  pointer-events: none;
  opacity: 0.3;
}
.manage-game-creator-form hr {
  border: 0;
  height: 1px;
  background: #BDCCBB;
  margin: 0;
}
.manage-game-creator-form .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .manage-game-creator-form .btn {
    width: 100%;
  }
}
.manage-game-creator-form .manage-game-creator-actions {
  margin: 0;
}
.manage-game-creator-info {
  margin-top: 8px;
  padding: 16px;
  background: #D2F9EA;
  border-radius: 20px;
  font-size: 14px;
  line-height: 160%;
  color: #2CB780;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .manage-game-creator-info {
    border-radius: 12px;
    padding: 12px;
  }
}
.manage-game-creator-info svg {
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-top: 2px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .manage-game-creator-info svg {
    --size: 16px;
    margin-right: 8px;
  }
}
.manage-game-creator-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .manage-game-creator-actions {
    margin-top: 18px;
    gap: 10px 18px;
  }
}
.manage-game-creator-actions .btn {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .manage-game-creator-actions .btn {
    width: 100%;
  }
}
.manage-game-creator-more-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.manage-game-creator-more-actions:not(:first-child) {
  margin-top: 12px;
}
.manage-game-creator-more-actions .btn {
  width: auto !important;
  font-weight: 800;
  padding: 0;
}

.slider-feedback {
  max-width: 100%;
  z-index: 101;
}
.slider-feedback-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  position: relative;
}
.slider-feedback .bar {
  background-color: #2cb780;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  border-radius: 20px;
  color: #ffffff;
}
.slider-feedback .bar.-error {
  background-color: #d61e1e;
}
.slider-feedback .bar.-alert {
  background-color: #ffe500;
  color: #011816;
}
.slider-feedback .bar.-alert svg {
  fill: #011816;
}
.slider-feedback .bar.-alert .explanation:hover {
  color: #011816;
}
.slider-feedback .bar.-alert .explanation:hover svg {
  fill: #011816;
}
.slider-feedback .bar svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}
.slider-feedback .bar .info {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-right: 36px;
}
@media (max-width: 767px) {
  .slider-feedback .bar .info {
    font-size: 16px;
  }
}
.slider-feedback .bar .info svg {
  margin-right: 8px;
}
.slider-feedback .bar .explanation {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}
.slider-feedback .bar .explanation .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.slider-feedback .bar .explanation .trigger:hover {
  color: #e4fd6f;
}
.slider-feedback .bar .explanation .trigger:hover .text {
  color: #e4fd6f;
}
.slider-feedback .bar .explanation .trigger .text {
  text-decoration: underline;
  transition: 0.2s;
}
@media (max-width: 400px) {
  .slider-feedback .bar .explanation .trigger .text {
    display: none;
  }
}
.slider-feedback .bar .explanation .trigger svg {
  margin-left: 8px;
  transition: 0.2s;
}
.slider-feedback .bar .explanation.open .details {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}
.slider-feedback .bar .explanation .details {
  position: absolute;
  width: 500px;
  top: 100%;
  right: -70px;
  padding-top: 14px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1;
}
@media (max-width: 1100px) {
  .slider-feedback .bar .explanation .details {
    right: 0;
  }
  .slider-feedback .bar .explanation .details .triangle {
    right: 50px;
  }
}
@media (max-width: 767px) {
  .slider-feedback .bar .explanation .details {
    width: 90vw;
    right: -12px;
  }
}
@media (max-width: 575px) {
  .slider-feedback .bar .explanation .details {
    width: calc(100vw - 30px);
  }
  .slider-feedback .bar .explanation .details .content {
    max-height: 250px;
  }
}
.slider-feedback .bar .explanation .details .triangle {
  position: absolute;
  top: 0;
  right: 120px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent #024840 transparent;
}
.slider-feedback .bar .explanation .details .inner {
  background-color: #024840;
  padding: 24px;
  border-radius: 20px;
}
.slider-feedback .bar .explanation .details .inner .header {
  display: flex;
  justify-content: space-between;
  color: #e4fd6f;
}
.slider-feedback .bar .explanation .details .inner .header p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.slider-feedback .bar .explanation .details .inner .header svg {
  margin-top: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.slider-feedback .bar .explanation .details .inner .content {
  margin-top: 8px;
  text-align: left;
  max-height: 300px;
  overflow-y: auto;
  color: #fff;
}
.slider-feedback .bar .explanation .details .inner .content * {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.slider-feedback .bar .explanation .details .inner .content > :first-child {
  margin-top: 0;
}
.slider-feedback .bar .explanation .details .inner .content > :last-child {
  margin-bottom: 0;
}
.slider-feedback .bar .explanation .details .inner .content ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-left: 10px;
}

.slider-this-that-btn.feedback {
  pointer-events: none;
}
.slider-this-that-btn.-success {
  background-color: #d2f9ea;
  color: #2cb780;
}
.slider-this-that-btn.-error {
  background-color: #f8d3d3;
  color: #d61e1e;
}
.slider-this-that-btn svg {
  margin-right: 18px;
  max-height: 18px;
  max-width: 18px;
}
.slider-this-that-btn[disabled] {
  cursor: inherit;
  pointer-events: none;
  opacity: 0.3;
}

.slider-choice-items label.feedback {
  display: flex;
  align-items: flex-start;
  background-color: transparent;
  color: #024840;
  pointer-events: none;
}
.slider-choice-items label.feedback.-success {
  background-color: #d2f9ea;
  color: #2cb780;
}
.slider-choice-items label.feedback.-success svg {
  fill: #2cb780;
}
.slider-choice-items label.feedback.-error {
  background-color: #f8d3d3;
  color: #d61e1e;
}
.slider-choice-items label.feedback.-error svg {
  fill: #d61e1e;
}
.slider-choice-items label.feedback.-success svg, .slider-choice-items label.feedback.-error svg {
  padding: 4px;
  background-color: #ffffff;
  border-radius: 5px;
}
.slider-choice-items label.feedback svg {
  width: 19px;
  height: 19px;
  margin-top: 6px;
  margin-right: 8px;
  fill: #024840;
  flex-shrink: 0;
}
.slider-choice-items label.feedback:before {
  content: none;
}

.slider-connect-item.feedback {
  pointer-events: none;
}
.slider-connect-item.feedback.-success {
  background-color: #d2f9ea;
  color: #2cb780;
}
.slider-connect-item.feedback.-error {
  background-color: #f8d3d3;
  color: #d61e1e;
}

.slider-connect .jtk-endpoint.feedback {
  pointer-events: none;
}
.slider-connect .jtk-endpoint.-success circle {
  fill: #d2f9ea;
  stroke: #2cb780;
}
.slider-connect .jtk-endpoint.-error circle {
  fill: #f8d3d3;
  stroke: #d61e1e;
}
.slider-connect .jtk-connector.-success path {
  stroke: #2cb780;
}
.slider-connect .jtk-connector.-error path {
  stroke: #d61e1e;
}
.slider-connect .jtk-connector.-dashed {
  stroke-dasharray: 6;
}

.slider-choose-image-option input + label.feedback.-success:after {
  border-color: #d2f9ea;
  border-width: 10px;
}
.slider-choose-image-option input + label.feedback.-error:after {
  border-color: #f8d3d3;
  border-width: 10px;
}

/* Utils */
.manage-game-users .table table {
  min-width: 1050px;
}
.manage-game-users .table table td:last-child {
  text-align: right;
}
.manage-game-users .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-users .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.manage-game-users .table table input {
  background: #fff;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 160%;
  padding: 0;
  width: 40px;
  min-width: 40px;
  transition: 0.2s;
}
.manage-game-users .table table input:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .manage-game-users .table table input:hover {
    color: #011816;
  }
}
.manage-game-users .table table input:focus {
  color: #011816;
  box-shadow: 0 0 0 1px #024840;
}
.manage-game-users .table table input.-has-error {
  color: #D61E1E;
  box-shadow: 0 0 0 1px currentColor;
}

.manage-game-user .dashboard-actions {
  margin: 40px 0;
}
@media (min-width: 992px) {
  .manage-game-user .dashboard-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .manage-game-user .dashboard-actions {
    margin: 24px 0;
  }
}
.manage-game-user-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.manage-game-user-tabs .tab.-active {
  display: grid;
}
.manage-game-user .table table.-modules {
  min-width: 850px;
}
.manage-game-user .table table.-challenges {
  min-width: 1000px;
}
.manage-game-user .table table.-challenges tbody tr td:nth-child(1) .label {
  margin-left: 4px;
}
.manage-game-user .table table.-achievements {
  min-width: 800px;
}
.manage-game-user .table table.-achievements tbody tr td:nth-child(1) > div {
  display: flex;
  align-items: flex-start;
}
.manage-game-user .table table.-achievements tbody tr td:nth-child(1) > div div {
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #E4FD6F;
  margin-right: 8px;
  position: relative;
  border: 0.3px solid #024840;
  overflow: hidden;
  border-radius: 50%;
}
.manage-game-user .table table.-achievements tbody tr td:nth-child(1) > div div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manage-game-user .table table.-achievements tbody tr td:nth-child(1) > div span {
  align-self: center;
}
.manage-game-user .table table.-certificates {
  min-width: 1000px;
}
.manage-game-user .table table.-certificates tbody tr td:last-child {
  text-align: right;
}
.manage-game-user .table table.-certificates tbody tr td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-user .table table.-certificates tbody tr td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

.manage-game-groups .table table {
  min-width: 950px;
}
.manage-game-groups .table table td:last-child {
  text-align: right;
}
.manage-game-groups .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-groups .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

.manage-game-group .dashboard-actions {
  margin: 40px 0;
}
@media (min-width: 992px) {
  .manage-game-group .dashboard-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .manage-game-group .dashboard-actions {
    margin: 24px 0;
  }
}
.manage-game-group-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.manage-game-group-tabs .tab.-active {
  display: grid;
}
.manage-game-group .table table.-modules {
  min-width: 850px;
}
.manage-game-group .table table.-challenges {
  min-width: 850px;
}

.manage-game-modules .table table {
  min-width: 1000px;
}
.manage-game-modules .table table td:last-child {
  text-align: right;
}
.manage-game-modules .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-modules .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

.manage-game-module-stat {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 991px) {
  .manage-game-module-stat {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .manage-game-module-stat {
    margin-top: 24px;
    gaP: 16px;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .manage-game-module-stat .dashboard-stat-block.-pie-chart {
    grid-row: 1/3;
  }
}
.manage-game-module .dashboard-actions {
  margin: 40px 0;
}
@media (min-width: 992px) {
  .manage-game-module .dashboard-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .manage-game-module .dashboard-actions {
    margin: 24px 0;
  }
}
.manage-game-module-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.manage-game-module-tabs .tab.-active {
  display: grid;
}
.manage-game-module .table table.-users {
  min-width: 950px;
}
.manage-game-module .table table.-groups {
  min-width: 900px;
}
.manage-game-module .table table.-challenges {
  min-width: 900px;
}

/* Utils */
.manage-game-challenges .table table {
  min-width: 1000px;
}
.manage-game-challenges .table table td:first-child {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
}
.manage-game-challenges .table table td:last-child {
  text-align: right;
}
.manage-game-challenges .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-challenges .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

.manage-game-challenge-stat {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 991px) {
  .manage-game-challenge-stat {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .manage-game-challenge-stat {
    margin-top: 24px;
    gaP: 16px;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .manage-game-challenge-stat .dashboard-stat-block.-pie-chart {
    grid-row: 1/3;
  }
}
.manage-game-challenge .dashboard-actions {
  margin: 40px 0;
}
@media (min-width: 992px) {
  .manage-game-challenge .dashboard-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .manage-game-challenge .dashboard-actions {
    margin: 24px 0;
  }
}
.manage-game-challenge-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.manage-game-challenge-tabs .tab.-active {
  display: grid;
}
.manage-game-challenge .table table.-users {
  min-width: 950px;
}
.manage-game-challenge .table table.-groups {
  min-width: 850px;
}
.manage-game-challenge .table table.-challenges {
  min-width: 900px;
}

/* Utils */
.manage-game-create-challenge-question {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  position: relative;
}
@media (max-width: 767px) {
  .manage-game-create-challenge-question {
    gap: 18px;
  }
}
.manage-game-create-challenge-question:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #BDCCBB;
}
@media (max-width: 767px) {
  .manage-game-create-challenge-question:not(:last-child) {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
}
.manage-game-create-challenge-question.sortable-ghost {
  opacity: 0.3;
}
.manage-game-create-challenge-question-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manage-game-create-challenge-question-drag {
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage-game-create-challenge-question-drag svg {
  fill: #024840;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.manage-game-create-challenge-answers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.manage-game-create-challenge-answers > label {
  font-size: 14px;
  line-height: 160%;
  align-self: start;
}
.manage-game-create-challenge-answers .btn {
  width: auto !important;
  padding: 0 !important;
  justify-self: start;
}
.manage-game-create-challenge-answers-item {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .manage-game-create-challenge-answers-item {
    align-items: flex-start;
  }
}
.manage-game-create-challenge-answers-item .form-block {
  width: 100%;
}
.manage-game-create-challenge-answers-item .form-block.-correct > div {
  box-shadow: inset 0 0 0 1px #2CB780 !important;
}
.manage-game-create-challenge-answers-radio {
  margin-left: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .manage-game-create-challenge-answers-radio {
    margin-left: 8px;
  }
}
@media (max-width: 575px) {
  .manage-game-create-challenge-answers-radio {
    margin-top: 21px;
  }
}
.manage-game-create-challenge-answers-radio input {
  display: none;
}
.manage-game-create-challenge-answers-radio input:checked + div {
  background: #2CB780;
  border-color: #2CB780;
}
.manage-game-create-challenge-answers-radio input:checked + div + span {
  color: #2CB780;
}
.manage-game-create-challenge-answers-radio div {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  border: 2px solid #024840;
}
.manage-game-create-challenge-answers-radio span {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  color: #024840;
  white-space: nowrap;
  margin-left: 8px;
}
@media (max-width: 575px) {
  .manage-game-create-challenge-answers-radio span {
    display: none;
  }
}

/* Utils */
.manage-game-achievements .table table {
  min-width: 1000px;
}
.manage-game-achievements .table table tbody td:first-child > div {
  display: flex;
  align-items: flex-start;
}
.manage-game-achievements .table table tbody td:first-child > div div {
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 8px;
  position: relative;
  border: 0.3px solid #024840;
  overflow: hidden;
  border-radius: 50%;
}
.manage-game-achievements .table table tbody td:first-child > div div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manage-game-achievements .table table tbody td:first-child > div span {
  align-self: center;
}
.manage-game-achievements .table table tbody td:last-child .switch {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #024840;
}
.manage-game-achievements .table table tbody td:last-child .switch span {
  height: 24px;
  min-width: 42px;
  width: 42px;
}
@media (max-width: 767px) {
  .manage-game-achievements .table table tbody td:last-child .switch span {
    min-width: 42px;
    width: 42px;
  }
}
.manage-game-achievements .table table tbody td:last-child .switch span:after {
  --size: 20px;
}
@media (max-width: 767px) {
  .manage-game-achievements .table table tbody td:last-child .switch span:after {
    --size: 20px;
  }
}
.manage-game-achievements .table table tbody td:last-child > div {
  display: flex;
  justify-content: flex-end;
  gap: 32px;
}
@media (max-width: 767px) {
  .manage-game-achievements .table table tbody td:last-child > div {
    gap: 18px;
  }
}
.manage-game-achievements .table table tbody td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-achievements .table table tbody td:last-child button svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

/* Utils */
.manage-game-create-achievement {
  margin-bottom: 100px;
}
.manage-game-create-achievement-icons > label {
  font-size: 14px;
  line-height: 160%;
  align-self: start;
  margin-bottom: 8px;
}
.manage-game-create-achievement-icons-items {
  --size: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--size), 1fr));
  gap: 18px 22px;
  justify-items: center;
}
@media (max-width: 767px) {
  .manage-game-create-achievement-icons-items {
    gap: 12px;
    --size: 62px;
  }
}
.manage-game-create-achievement-icons-items label input {
  display: none;
}
.manage-game-create-achievement-icons-items label input:checked + div {
  opacity: 1;
}
.manage-game-create-achievement-icons-items label input:checked + div:after {
  border: 2px solid #06221E;
  background: url(/build/assets/check-dark-D8dBWHEv.svg) no-repeat center center/54% auto;
}
.manage-game-create-achievement-icons-items label div {
  border-radius: 50%;
  position: relative;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  opacity: 0.3;
  transition: opacity 0.2s;
  cursor: pointer;
  overflow: hidden;
}
.manage-game-create-achievement-icons-items label div:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #024840;
  border-radius: 50%;
}
.manage-game-create-achievement-icons-items label div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manage-game-create-achievement-terms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .manage-game-create-achievement-terms {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .manage-game-create-achievement-terms {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 576px) {
  .manage-game-create-achievement-terms .-wide {
    grid-column: 1/3;
  }
}
.manage-game-create-achievement-terms-result {
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 16px;
  margin-top: 16px;
}
.manage-game-create-achievement-terms-result svg {
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #024840;
  margin: 4px;
}
.manage-game-create-achievement-terms-result p {
  font-size: 14px;
  line-height: 160%;
  margin-left: 10px;
  color: #024840;
}

/* Utils */
.manage-game-notifications .manage-game-settings:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .manage-game-notifications .manage-game-settings:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .manage-game-notifications .manage-game-settings .btn {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  .manage-game-notifications .manage-game-settings .btn {
    width: 100%;
  }
}
.manage-game-notifications-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.manage-game-notifications-list li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
}
.manage-game-notifications-list li.-add {
  background: transparent;
  box-shadow: inset 0 0 0 1px #024840;
  color: #024840;
  cursor: pointer;
}
.manage-game-notifications-list li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}

/* Utils */
.manage-game-create-notification {
  margin-bottom: 100px;
}
.manage-game-create-notification .manage-game-creator h6 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .manage-game-create-notification .manage-game-creator h6 {
    margin-bottom: 18px;
  }
}
.manage-game-create-notification-preview {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .manage-game-create-notification-preview {
    margin-bottom: 18px;
  }
}
.manage-game-create-notification-preview > label {
  font-size: 14px;
  line-height: 160%;
  font-weight: 600;
  align-self: start;
  margin-bottom: 8px;
}
.manage-game-create-notification-preview-block {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .manage-game-create-notification-preview-block {
    padding: 16px;
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .manage-game-create-notification-preview-block {
    display: block;
  }
}
.manage-game-create-notification-preview-block svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transform: rotate(-90deg);
  fill: #011816;
}
@media (max-width: 575px) {
  .manage-game-create-notification-preview-block svg {
    display: none;
  }
}
.manage-game-create-notification-preview-ico {
  --size: 49px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #BDCCBB;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage-game-create-notification-preview-ico img {
  display: block;
  max-width: 60%;
  max-height: 60%;
}
.manage-game-create-notification-preview-info {
  margin: 0px 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .manage-game-create-notification-preview-info {
    margin: 0px 18px;
  }
}
@media (max-width: 575px) {
  .manage-game-create-notification-preview-info {
    margin: 0;
    margin-top: 16px;
  }
}
.manage-game-create-notification-preview-title p {
  margin: 0;
  display: inline-block;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .manage-game-create-notification-preview-title p {
    font-size: 18px;
  }
}
.manage-game-create-notification-preview-title span {
  display: inline-block;
  font-size: 12px;
  line-height: 160%;
  color: #919392;
  padding: 3px 7px;
  border: 1px solid #919392;
  border-radius: 10px;
}
.manage-game-create-notification-preview-desc {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
}
@media (max-width: 767px) {
  .manage-game-create-notification-preview-desc {
    margin-top: 5px;
  }
}

.manage-game-certificates .table table {
  min-width: 950px;
}
.manage-game-certificates .table table td:last-child {
  text-align: right;
}
.manage-game-certificates .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-certificates .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

@media (min-width: 768px) {
  .manage-game-certificate .tabs-nav {
    justify-content: flex-end;
  }
}
.manage-game-certificate-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.manage-game-certificate-tabs .tab.-active {
  display: grid;
}
.manage-game-certificate .table table {
  min-width: 875px;
}
@media (max-width: 767px) {
  .manage-game-certificate .table table {
    min-width: 830px;
  }
}
.manage-game-certificate .table table td:last-child {
  text-align: right;
}
.manage-game-certificate .table table td:last-child button {
  font-size: 14px;
  gap: 8px;
}
.manage-game-certificate .table table td:last-child button svg {
  --size: 21px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

/* Utils */
.notifications {
  display: grid;
  grid-template-rows: max-content 1fr;
}
@media (max-width: 991px) {
  .notifications {
    display: block;
  }
}
.notifications-inner {
  display: grid;
  grid-template-rows: max-content 1fr;
}
@media (max-width: 991px) {
  .notifications-inner {
    display: block;
  }
}
.notifications-inner-top {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .notifications-inner-top {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .notifications-inner-top {
    margin-bottom: 30px;
    gap: 16px;
  }
}
.notifications-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 767px) {
  .notifications-filter {
    gap: 6px;
  }
}
.notifications-filter li {
  font-size: 12px;
  line-height: 160%;
  font-weight: 600;
  color: #024840;
  padding: 16px 24px;
  box-shadow: inset 0 0 0 1px currentColor;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .notifications-filter li {
    padding: 12px 18px;
  }
}
.notifications-filter li:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .notifications-filter li:hover {
    color: #024840;
  }
}
.notifications-filter li.-active {
  background: #024840;
  box-shadow: none;
  color: #fff;
}
.notifications-filter li.-active:hover {
  background: #024840;
  color: #fff;
}
@media (pointer: coarse) {
  .notifications-filter li.-active:hover {
    background: #024840;
    color: #fff;
  }
}
.notifications-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .notifications-actions {
    flex-wrap: wrap;
    gap: 8px 12px;
  }
}
.notifications-actions .btn {
  font-size: 14px;
  gap: 8px;
  white-space: nowrap;
}
.notifications-actions .btn.-green-light:hover {
  background: #E3EDE2;
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .notifications-actions .btn.-green-light:hover {
    background: #E3EDE2;
    color: #011816;
  }
}
.notifications-items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .notifications-items {
    gap: 16px;
  }
}
.notifications-card {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  /* cursor: pointer; */
}
@media (max-width: 767px) {
  .notifications-card {
    padding: 16px;
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .notifications-card {
    display: block;
  }
}
.notifications-card:hover {
  background: #024840;
  color: #fff;
}
.notifications-card:hover .notifications-card-ico {
  background: #024840;
  color: #E4FD6F;
}
.notifications-card:hover .notifications-card-top p {
  color: #fff;
}
.notifications-card:hover .notifications-card-top span {
  color: #EEEEEE;
}
.notifications-card:hover .notifications-card-top .btn {
  opacity: 1;
}
.notifications-card:hover .notifications-card-desc {
  color: #EEEEEE;
}
.notifications-card.-new {
  background: #E3EDE2;
}
.notifications-card.-new:hover {
  background: #024840;
}
.notifications-card > svg {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  transform: rotate(-90deg);
  fill: #011816;
  transition: 0.2s;
}
@media (max-width: 575px) {
  .notifications-card > svg {
    display: none;
  }
}
.notifications-card-ico {
  --size: 49px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #BDCCBB;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.notifications-card-ico > svg {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #024840;
  transition: 0.2s;
  transition: color 0s;
}
.notifications-card-info {
  margin: 0px 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .notifications-card-info {
    margin: 0px 18px;
  }
}
@media (max-width: 575px) {
  .notifications-card-info {
    margin: 0;
    margin-top: 16px;
  }
}
.notifications-card-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.notifications-card-top p {
  margin: 0;
  transition: 0.2s;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .notifications-card-top p {
    font-size: 18px;
  }
}
.notifications-card-top span.-date {
  font-size: 12px;
  line-height: 160%;
  color: #919392;
  padding: 3px 7px;
  border: 1px solid currentColor;
  border-radius: 10px;
  margin-right: 8px;
  transition: 0.2s;
}
.notifications-card-top .btn {
  gap: 8px;
  font-size: 14px;
  opacity: 0;
}
@media (pointer: coarse) {
  .notifications-card-top .btn {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .notifications-card-top .btn {
    opacity: 1;
  }
}
.notifications-card-desc {
  margin-top: 6px;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .notifications-card-desc {
    margin-top: 5px;
  }
}
.notifications-empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notifications-empty p {
  color: #6B807D;
  margin: 0;
  font-size: 18px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .notifications-empty p {
    font-size: 16px;
  }
}
.notifications-empty img {
  display: block;
  margin: 64px auto 0;
  max-width: 380px;
  width: 100%;
}
@media (max-width: 767px) {
  .notifications-empty img {
    margin-top: 25px;
    max-width: 245px;
  }
}

/* Utils */
.home {
  margin-top: 40px;
}
.home-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}
@media (max-width: 1299px) {
  .home-top {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .home-top {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.home-details {
  padding: 24px;
}
@media (min-width: 768px) and (max-width: 1299px) {
  .home-details {
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .home-details {
    padding: 18px;
  }
}
.home-details-top {
  display: flex;
}
.home-details-top img {
  --size: 63px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 24px;
}
@media (max-width: 767px) {
  .home-details-top img {
    --size: 56px;
    margin-right: 18px;
  }
}
.home-details-title {
  margin-bottom: 8px;
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .home-details-title {
    font-size: 18px;
    margin-bottom: 6px;
  }
}
.home-details-info {
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.home-details-info span {
  font-weight: 600;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .home-details-info span {
    margin-right: 6px;
  }
}
.home-details-stat {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px 24px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .home-details-stat {
    margin-top: 18px;
    gap: 14px 20px;
  }
}
.home-details-stat li {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
}
.home-details-stat li svg {
  --size: 36px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin: 6px;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .home-details-stat li svg {
    --size: 28px;
    margin: 4px;
    margin-right: 18px;
  }
}
.home-details-stat li span.-value {
  font-family: "Hahmlet";
  font-size: 18px;
  line-height: 120%;
  display: block;
  margin-bottom: 4px;
  color: #024840;
}
@media (max-width: 767px) {
  .home-details-stat li span.-value {
    font-size: 16px;
  }
}
.home-info {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .home-info {
    min-height: 150px;
  }
}
.home-info img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 250px;
  pointer-events: none;
}
@media (max-width: 991px) {
  .home-info img {
    height: 230px;
  }
}
@media (max-width: 767px) {
  .home-info img {
    height: 150px;
  }
}
.home-info-top {
  position: relative;
  padding: 24px;
  max-width: 415px;
}
@media (max-width: 767px) {
  .home-info-top {
    padding: 18px;
  }
}
.home-info-top p {
  font-size: 16px;
  line-height: 160%;
  margin-top: 8px;
}
.home-info-title {
  font-size: 22px;
  font-family: "Hahmlet";
  font-weight: 400;
}
@media (max-width: 767px) {
  .home-info-title {
    font-size: 18px;
  }
}
.home-info-bottom {
  position: relative;
  padding: 12px 24px;
  background: #024840;
  margin-top: auto;
}
@media (max-width: 767px) {
  .home-info-bottom {
    padding: 8px 18px;
  }
}
.home-info-bottom .btn {
  gap: 10px;
}
.home-info-bottom .btn svg {
  fill: currentColor !important;
}
.home-challenges {
  margin-top: 40px;
}
.home-challenges-items {
  margin-top: 24px;
  display: flex;
}
@media (max-width: 1169px) {
  .home-challenges-items {
    display: block;
  }
}
@media (max-width: 767px) {
  .home-challenges-items {
    margin-top: 20px;
  }
}
.home-challenges-items .home-challenges-card {
  width: 100%;
  color: inherit;
}
.home-challenges-items .home-challenges-card:not(:last-child) {
  margin-right: 24px;
}
@media (max-width: 1169px) {
  .home-challenges-items .home-challenges-card:not(:last-child) {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .home-challenges-items .home-challenges-card:not(:last-child) {
    margin-bottom: 20px;
  }
}
.home-challenges-items .home-challenges-card.-finished {
  background: #024840;
  color: #fff;
}
.home-challenges-items .home-challenges-card.-upcoming, .home-challenges-items .home-challenges-card.-locked {
  background: #fff;
  color: #000;
  cursor: unset;
}
.home-challenges-items .home-challenges-card.-upcoming:hover .challenges-story-slider-tooltip, .home-challenges-items .home-challenges-card.-locked:hover .challenges-story-slider-tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
  transform: translate(-50%, 100%);
}
.home-challenges-items .home-challenges-card.-upcoming:after, .home-challenges-items .home-challenges-card.-locked:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/build/assets/lock-dark-GhcA-7F-.svg) no-repeat center center/24px auto;
}
@media (max-width: 767px) {
  .home-challenges-items .home-challenges-card.-upcoming:after, .home-challenges-items .home-challenges-card.-locked:after {
    background-size: 20px auto;
  }
  .home-challenges-items .home-info img {
    height: 150px;
    position: static;
    transform: none;
    align-self: start;
    margin-bottom: -30px;
  }
}
.home-challenges-card {
  min-height: 250px;
  padding: 34px 24px 12px;
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-challenges-card {
    padding: 45px 18px 18px 18px;
    gap: 18px 24px;
  }
}
@media (max-width: 575px) {
  .home-challenges-card {
    min-height: auto;
    grid-template-columns: 1fr;
  }
}
.home-challenges-card:not(.-upcoming):not(.-locked):before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(2, 72, 64, 0.8);
  opacity: 0;
  transition: 0.2s;
}
.home-challenges-card:not(.-upcoming):not(.-locked):hover:before {
  opacity: 1;
}
@media (pointer: coarse) {
  .home-challenges-card:not(.-upcoming):not(.-locked):hover:before {
    opacity: 0;
  }
}
.home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-info {
  color: #fff;
}
@media (pointer: coarse) {
  .home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-info {
    color: currentColor;
  }
}
@media (min-width: 768px) {
  .home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-info .btn:not(:hover) {
    color: #fff;
  }
}
.home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-illustration:after {
  opacity: 1;
}
@media (pointer: coarse) {
  .home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-illustration:after {
    opacity: 0;
  }
}
.home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-illustration img {
  opacity: 0.3;
}
@media (pointer: coarse) {
  .home-challenges-card:not(.-upcoming):not(.-locked):hover .home-challenges-card-illustration img {
    opacity: 1;
  }
}
.home-challenges-card:not(.-upcoming):not(.-locked) .home-challenges-card-illustration:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --size: 138px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: url(/build/assets/right-arrow-6feKcE5t.svg) no-repeat center center/100% auto;
  opacity: 0;
  transition: 0.2s;
}
@media (max-width: 991px) {
  .home-challenges-card:not(.-upcoming):not(.-locked) .home-challenges-card-illustration:after {
    --size: 90px;
  }
}
@media (max-width: 767px) {
  .home-challenges-card:not(.-upcoming):not(.-locked) .home-challenges-card-illustration:after {
    --size: 60px;
  }
}
@media (max-width: 575px) {
  .home-challenges-card:not(.-upcoming):not(.-locked) .home-challenges-card-illustration:after {
    --size: 90px;
  }
}
.home-challenges-card.-bonus .home-challenges-card-label {
  background: #AC8EFF;
  color: #fff;
}
.home-challenges-card.-upcoming, .home-challenges-card.-locked {
  background: #fff;
}
.home-challenges-card.-upcoming .home-challenges-card-label, .home-challenges-card.-locked .home-challenges-card-label {
  background: #EEEEEE;
}
.home-challenges-card.-upcoming .home-challenges-card-bottom, .home-challenges-card.-locked .home-challenges-card-bottom {
  background: #C6C6C6;
}
.home-challenges-card-info {
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  position: relative;
}
.home-challenges-card-info .btn {
  gap: 8px;
  font-weight: 800;
  margin-top: auto;
  align-self: start;
}
.home-challenges-card-details {
  font-size: 12px;
  line-height: 160%;
}
.home-challenges-card-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
.home-challenges-card-illustration {
  position: relative;
  align-self: center;
}
@media (max-width: 575px) {
  .home-challenges-card-illustration {
    grid-row: 1/2;
  }
}
.home-challenges-card-illustration img {
  width: 100%;
  display: block;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .home-challenges-card-illustration img {
    max-width: 180px;
    margin: 0 auto;
  }
}
.home-challenges-card-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #E4FD6F;
  font-size: 12px;
  line-height: 160%;
  font-weight: 600;
  text-align: center;
  padding: 4px 0;
  color: #011816;
}
.home-challenges-card-bottom {
  position: absolute;
  padding: 12px 24px;
  background: #024840;
  margin-top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .home-challenges-card-bottom {
    padding: 8px 18px;
  }
}
@media (max-width: 575px) {
  .home-challenges-card-bottom {
    position: static;
    margin: -18px;
    margin-top: 0;
    width: auto;
  }
}
.home-challenges-card-bottom .btn {
  gap: 10px;
}
.home-challenges-card-bottom .btn svg {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: currentColor !important;
}

.partner-home {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.partner-home.-goose {
  grid-template-columns: none;
  margin-top: 24px;
}

.partner-sign-ups {
  margin-top: 40px;
}
.partner-sign-ups .table table tbody td span {
  color: #919392;
}

/* Utils */
.partner-user-overview {
  margin-top: 28px;
}
.partner-user-overview table {
  width: 100%;
  border-radius: 20px;
  background: #E3EDE2;
  overflow: hidden;
}
.partner-user-overview table tr:not(:last-child) {
  border-bottom: 1px solid #BDCCBB;
}
.partner-user-overview table tr td {
  padding: 16px;
  font-size: 16px;
  line-height: 160%;
}
.partner-user-overview table tr td:nth-child(1) {
  font-weight: 600;
  color: #fff;
  background: #06221E;
  min-width: 228px;
  width: 25%;
}
.partner-user-overview table tr td:nth-child(2) {
  color: #011816;
}
.partner-user-overview table tr td.-green {
  color: #2CB780;
}
.partner-user-overview table tr td.-gray-dark {
  color: #999999;
}
.partner-user-overview table tr td.-gray-light {
  color: #999999;
}
.partner-user-overview table tr td > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.partner-user-overview table tr td > div .btn {
  margin-left: auto;
  font-size: 14px;
  line-height: 150%;
  font-weight: 800;
}
.partner-user-overview table tr td a:not(.btn) {
  text-decoration: underline;
  color: #011816;
}
.partner-user-overview table tr td a:not(.btn):hover {
  color: #AC8EFF;
}

.partner-user-game .dashboard-stat {
  margin-bottom: 16px;
}
.partner-user-game .tabs-nav {
  margin-top: 24px;
}
.partner-user-game-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-user-game-tabs .tab.-active {
  display: grid;
}
.partner-user-game .table table.-challenges tbody tr td:nth-child(1) .label {
  margin-left: 16px;
}
.partner-user-game .table table.-achievements tbody tr td:nth-child(1) > div {
  display: flex;
  align-items: flex-start;
}
.partner-user-game .table table.-achievements tbody tr td:nth-child(1) > div div {
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #E4FD6F;
  margin-right: 8px;
  position: relative;
  border: 0.3px solid #024840;
  overflow: hidden;
  border-radius: 50%;
}
.partner-user-game .table table.-achievements tbody tr td:nth-child(1) > div div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partner-user-game .table table.-achievements tbody tr td:nth-child(1) > div span {
  align-self: center;
}

/* Utils */
.partner-user-settings-personal-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 24px;
}
.partner-user-settings-personal-form .-wide {
  grid-column: 1/3;
}
.partner-user-settings-personal-form-bottom {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.partner-user-settings-personal-form-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
.partner-user-settings-personal-form-bottom p {
  margin-left: 16px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.partner-user-settings-personal-form-bottom p svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}

.partner-user-settings-actions .typ-block {
  padding: 24px;
}
.partner-user-settings-actions .typ-block .action-block {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(1, 24, 22, 0.3);
}
.partner-user-settings-actions .typ-block .action-block:not(:last-child) {
  margin-bottom: 28px;
}

.partner-group-overview {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.partner-group-overview.-wide {
  grid-template-columns: 1fr;
}

.partner-group-users .tabs-nav {
  justify-content: flex-end;
}
.partner-group-users-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-group-users-tabs .tab.-active {
  display: grid;
}
.partner-group-users .table table tbody td > span.-muted {
  color: #919392;
}
.partner-group-users-table-actions {
  display: flex;
  justify-content: flex-end;
}
.partner-group-users-table-actions .btn {
  margin-left: 10px !important;
}

.partner-group-game .tabs-nav {
  margin-top: 24px;
}
.partner-group-game-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-group-game-tabs .tab.-active {
  display: grid;
}
.partner-group-game .table table.-challenges tbody tr td:nth-child(1) .label {
  margin-left: 16px;
}
.partner-group-game .table table.-achievements tbody tr td:nth-child(1) > div {
  display: flex;
  align-items: flex-start;
}
.partner-group-game .table table.-achievements tbody tr td:nth-child(1) > div div {
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background: #E4FD6F;
  margin-right: 8px;
  position: relative;
  border: 0.3px solid #024840;
  overflow: hidden;
  border-radius: 50%;
}
.partner-group-game .table table.-achievements tbody tr td:nth-child(1) > div div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partner-group-game .table table.-achievements tbody tr td:nth-child(1) > div span {
  align-self: center;
}

/* Utils */
.partner-group-settings .typ-block {
  padding: 24px;
}
.partner-group-settings .typ-block:not(:first-child) {
  margin-top: 24px;
}
.partner-group-settings .typ-block .gc-subheading-1 {
  font-size: 14px;
  line-height: 1;
}
.partner-group-settings .typ-block .gc-subheading-1 svg {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.partner-group-settings .subtitle {
  padding: 0 24px;
}
.partner-group-settings .subtitle:not(:first-child) {
  margin-top: 24px;
}
.partner-group-settings hr {
  border: 0;
  height: 1px;
  background: rgba(1, 24, 22, 0.3);
}
.partner-group-settings hr:not(:last-child) {
  margin-bottom: 32px;
}
.partner-group-settings .action-block:not(:last-child),
.partner-group-settings .form-block:not(:last-child),
.partner-group-settings .range-slider:not(:last-child) {
  margin-bottom: 16px;
}
.partner-group-settings-details {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.partner-group-settings-details .form-block {
  margin: 0 !important;
}
.partner-group-settings-details:not(:last-child) {
  margin-bottom: 24px;
}
.partner-group-settings-alerts-whitelist {
  display: block;
}
.partner-group-settings-alerts-whitelist-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
}
.partner-group-settings-alerts-whitelist-desc {
  font-size: 14px;
  line-height: 160%;
  color: #6B807D;
  margin-bottom: 13px;
}
.partner-group-settings-alerts-whitelist-search {
  background: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.partner-group-settings-alerts-whitelist-search svg {
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
}
@media (max-width: 767px) {
  .partner-group-settings-alerts-whitelist-search svg {
    --size: 15px;
  }
}
.partner-group-settings-alerts-whitelist-search input {
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  color: #011816;
  margin-left: 8px;
}
.partner-group-settings-alerts-whitelist-list {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .partner-group-settings-alerts-whitelist-list {
    margin-top: 18px;
  }
}
.partner-group-settings-alerts-whitelist-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #BDCCBB;
}
.partner-group-settings-alerts-whitelist-list li.-hidden {
  display: none;
}
.partner-group-settings-alerts-whitelist-list li:not(:last-child) {
  margin-bottom: 6px;
}
.partner-group-settings-alerts-whitelist-list-name {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
}
.partner-group-settings-alerts-whitelist-list-date {
  font-size: 14px;
  line-height: 160%;
  color: #919392;
}
.partner-group-settings-alerts-whitelist-list-remove {
  margin-left: 15px;
  white-space: nowrap;
}
.partner-group-settings-alerts-whitelist-list-remove > button {
  font-size: 12px;
  line-height: 160%;
  font-weight: 800;
  color: #024840;
  transition: 0.2s;
}
.partner-group-settings-alerts-whitelist-list-remove > button:hover {
  color: #AC8EFF;
}
@media (pointer: coarse) {
  .partner-group-settings-alerts-whitelist-list-remove > button:hover {
    color: #024840;
  }
}
.partner-group-settings-alerts-whitelist-list-remove > button:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.partner-group-settings-alerts-whitelist-list-remove.active .remove-confirm {
  display: flex;
}
.partner-group-settings-alerts-whitelist-list-remove.active .button-remove {
  display: none;
}
.partner-group-settings-alerts-whitelist-list-remove-confirm {
  display: none;
  align-items: center;
}
.partner-group-settings-alerts-whitelist-list-remove-confirm p {
  font-size: 14px;
  line-height: 160%;
  margin: 0;
}
.partner-group-settings-alerts-whitelist-list-remove-confirm button {
  font-size: 14px;
  line-height: 160%;
  color: #011816;
  margin-left: 16px;
}
.partner-group-settings-alerts-whitelist-list-remove-confirm button:last-child {
  font-weight: 600;
  color: #D61E1E;
}
.partner-group-settings-alerts-whitelist-list-remove-confirm button:hover {
  color: #AC8EFF;
}
.partner-group-settings-alerts-whitelist .form-block .-search button {
  background: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.partner-group-settings-alerts-whitelist .form-block .-search .whitelist-list {
  border: none;
  padding: 0;
  bottom: 5px;
}
.partner-group-settings-alerts-whitelist .form-block .-search .whitelist-list li {
  border-bottom: none !important;
  border-top: 1px solid rgba(1, 24, 22, 0.3);
  padding: 6px 40px;
}
.partner-group-settings-alerts-whitelist .form-block .-search .whitelist-list li.-hidden {
  display: none;
}
.partner-group-settings-connection-ip {
  display: none;
}
.partner-group-settings-connection-ip:not(:last-child) {
  margin-bottom: 16px;
}
.partner-group-settings-connection-ip-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 160%;
  cursor: pointer;
}
.partner-group-settings-connection-ip-trigger svg {
  transition: 0.2s;
  fill: #011816;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.partner-group-settings-connection-ip-dropdown {
  padding-top: 16px;
}
.partner-group-settings-connection-ip-dropdown .form-block > div {
  align-items: stretch;
}
.partner-group-settings-connection-ip-dropdown .form-block button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
.partner-group-settings-connection-ip-dropdown .form-block button:hover svg {
  fill: #AC8EFF;
}
.partner-group-settings-connection-ip-dropdown .form-block button svg {
  transition: 0.2s;
  fill: #011816;
  --size: 17px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.partner-group-settings-connection-ip-list {
  margin-top: 24px;
}
.partner-group-settings-connection-ip-list li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 160%;
}
.partner-group-settings-connection-ip-list li:not(:last-child) {
  margin-bottom: 16px;
}
.partner-group-settings-connection-ip-list li button {
  display: flex;
  align-items: center;
}
.partner-group-settings-connection-ip-list li button svg {
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  transition: 0.2s;
  margin-right: 10px;
}
.partner-group-settings-connection-ip-list li button svg:hover {
  fill: #D61E1E;
}
.partner-group-settings-notifications-emails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 24px;
}
.partner-group-settings-notifications-emails li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
  cursor: pointer;
}
.partner-group-settings-notifications-emails li.-add {
  background: transparent;
  box-shadow: inset 0 0 0 1px #024840;
  color: #024840;
}
.partner-group-settings-notifications-emails li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}
.partner-group-settings-bottom {
  display: flex;
  align-items: center;
}
.partner-group-settings-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
.partner-group-settings-bottom p {
  margin-left: 16px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.partner-group-settings-bottom p svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}

.partner-reseller-overview {
  margin-top: 40px;
}

/* Utils */
.partner-reseller-settings-form {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px 24px;
  padding: 24px;
}
.partner-reseller-settings-form .-col-1-7 {
  grid-column: 1/7;
}
.partner-reseller-settings-form .-col-7-13 {
  grid-column: 7/13;
}
.partner-reseller-settings-form .-col-1-5 {
  grid-column: 1/5;
}
.partner-reseller-settings-form .-col-5-9 {
  grid-column: 5/9;
}
.partner-reseller-settings-form .-col-7-10 {
  grid-column: 7/10;
}
.partner-reseller-settings-form .-col-10-13 {
  grid-column: 10/13;
}
.partner-reseller-settings-form .-col-9-13 {
  grid-column: 9/13;
}
.partner-reseller-settings-form .-wide {
  grid-column: 1/13;
}
.partner-reseller-settings-form-bottom {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.partner-reseller-settings-form-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
.partner-reseller-settings-form-bottom p {
  margin-left: 16px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.partner-reseller-settings-form-bottom p svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}

.partner-company-overview {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.partner-company-users .tabs-nav {
  justify-content: flex-end;
}
.partner-company-users-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-company-users-tabs .tab.-active {
  display: grid;
}
.partner-company-users .table table tbody td > span.-muted {
  color: #919392;
}
.partner-company-users-table-actions {
  display: flex;
  justify-content: flex-end;
}
.partner-company-users-table-actions .btn {
  margin-left: 10px !important;
}

.partner-company-game {
  display: flex;
}
.partner-company-game-tabs {
  margin-left: 50px;
  flex: 1 0;
}

.partner-company-game-insights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.partner-company-game-insights .dashboard-stat, .partner-company-game-insights .-full-width {
  grid-column: 1/3;
}
.partner-company-game-insights .dashboard-stat .legend-chart, .partner-company-game-insights .-full-width .legend-chart {
  position: absolute;
  left: 1px;
  bottom: 1px;
}

.partner-company-game-reports {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.partner-company-game-reports .action-block {
  padding: 24px;
}
.partner-company-game-reports .dashboard-stat {
  width: 100%;
}
.partner-company-game-reports .report-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.partner-company-game-module-stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
.partner-company-game-module-stat .dashboard-stat-block.-pie-chart {
  grid-row: 1/3;
}
.partner-company-game-module-stat .dashboard-stat-block.-module {
  height: 100%;
  align-items: flex-start;
}
.partner-company-game-module-stat .dashboard-stat-block.-module > svg {
  align-self: center;
}
.partner-company-game-module .tabs-nav {
  margin-top: 24px;
}
.partner-company-game-module-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-company-game-module-tabs .tab.-active {
  display: grid;
}
.partner-company-game-module-tabs .tab .table.-challenges td:nth-child(1) .label {
  margin-left: 17px;
}
.partner-company-game-module-settings {
  background: #E3EDE2;
  border-radius: 20px;
  padding: 32px;
}
.partner-company-game-module-settings .action-block:not(:last-child),
.partner-company-game-module-settings .range-slider:not(:last-child) {
  margin-bottom: 16px;
}
.partner-company-game-module-settings hr {
  border: 0;
  height: 1px;
  margin: 0;
  background: rgba(1, 24, 22, 0.3);
}
.partner-company-game-module-settings hr:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .partner-company-game-module-settings hr:not(:last-child) {
    margin-bottom: 24px;
  }
}

/* Utils */
.partner-company-game-challenge-stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
.partner-company-game-challenge-stat .dashboard-stat-block.-pie-chart {
  grid-row: 1/3;
}
.partner-company-game-challenge-stat .dashboard-stat-block.-module {
  height: 100%;
  align-items: flex-start;
}
.partner-company-game-challenge-stat .dashboard-stat-block.-module > svg {
  align-self: center;
}
.partner-company-game-challenge .tabs-nav {
  margin-top: 24px;
}
.partner-company-game-challenge-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-company-game-challenge-tabs .tab.-active {
  display: grid;
}
.partner-company-game-challenge-tabs .tab .table.-questions td:nth-child(1) span {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  margin-right: 17px;
}

/* Utils */
.partner-company-game-challenges .table table td:nth-child(1) span {
  font-size: 16px;
  line-height: 160%;
  font-weight: 600;
  margin-right: 17px;
}
.partner-company-game-challenges .table table td:nth-child(1) .label {
  margin-left: 17px;
}

/* Utils */
.partner-company-game-achievements .table table td:first-child > div {
  display: flex;
  align-items: flex-start;
}
.partner-company-game-achievements .table table td:first-child > div div {
  background: #E4FD6F;
  --size: 23px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-right: 8px;
  position: relative;
  border: 0.3px solid #024840;
  overflow: hidden;
  border-radius: 50%;
}
.partner-company-game-achievements .table table td:first-child > div div img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partner-company-game-achievements .table table td:first-child > div span {
  align-self: center;
}
.partner-company-game-achievements .table table td:last-child .switch {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
  color: #024840;
}
.partner-company-game-achievements .table table td:last-child .switch span {
  height: 24px;
  min-width: 42px;
  width: 42px;
}
@media (max-width: 767px) {
  .partner-company-game-achievements .table table td:last-child .switch span {
    min-width: 42px;
    width: 42px;
  }
}
.partner-company-game-achievements .table table td:last-child .switch span:after {
  --size: 20px;
}
@media (max-width: 767px) {
  .partner-company-game-achievements .table table td:last-child .switch span:after {
    --size: 20px;
  }
}
.partner-company-game-achievements .table table td:last-child > div {
  display: flex;
  justify-content: flex-end;
}
.partner-company-game-achievements .table table td:last-child > div .btn {
  margin-left: 24px !important;
}

.partner-company-game-certificate-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.partner-company-game-certificate-tabs .tab.-active {
  display: grid;
}

.partner-user-game-insights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-left: 50px;
  flex: 1 0;
}
.partner-user-game-insights .dashboard-stat, .partner-user-game-insights .-full-width {
  grid-column: 1/3;
}
.partner-user-game-insights .dashboard-stat .legend-chart, .partner-user-game-insights .-full-width .legend-chart {
  position: absolute;
  left: 1px;
  bottom: 0;
}

/* Utils */
.partner-company-settings .typ-block {
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.partner-company-settings hr {
  border: 0;
  height: 1px;
  background: rgba(1, 24, 22, 0.3);
}
.partner-company-settings hr:not(:last-child) {
  margin-bottom: 8px;
}
.partner-company-settings-block {
  display: grid;
  gap: 16px 24px;
}
.partner-company-settings-info {
  padding: 16px;
  background: #F7F9F3;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
}
.partner-company-settings-info svg {
  fill: currentColor;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-top: 2px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .partner-company-settings-info svg {
    --size: 16px;
    margin-right: 8px;
  }
}
.partner-company-settings-info p {
  font-size: 14px;
  line-height: 160%;
  color: #06221E;
}
.partner-company-settings-info p a {
  color: currentColor;
}
.partner-company-settings-info p a:hover {
  color: #AC8EFF;
}
.partner-company-settings-bottom {
  display: flex;
  align-items: center;
}
.partner-company-settings-bottom .btn {
  justify-self: start;
  padding-left: 100px;
  padding-right: 100px;
}
.partner-company-settings-bottom p {
  margin-left: 16px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
}
.partner-company-settings-bottom p svg {
  --size: 12px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  fill: #011816;
  margin-right: 8px;
}
.partner-company-settings-details {
  grid-template-columns: repeat(12, 1fr);
}
.partner-company-settings-details .-col-1-7 {
  grid-column: 1/7;
}
.partner-company-settings-details .-col-7-13 {
  grid-column: 7/13;
}
.partner-company-settings-details .-col-1-5 {
  grid-column: 1/5;
}
.partner-company-settings-details .-col-5-9 {
  grid-column: 5/9;
}
.partner-company-settings-details .-col-7-10 {
  grid-column: 7/10;
}
.partner-company-settings-details .-col-10-13 {
  grid-column: 10/13;
}
.partner-company-settings-details .-col-9-13 {
  grid-column: 9/13;
}
.partner-company-settings-details .-wide {
  grid-column: 1/13;
}
.partner-company-settings-partner {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.partner-company-settings-partner .-wide {
  grid-column: 1/3;
}
.partner-company-settings-partner-support-details {
  display: none;
}
.partner-company-settings-partner-support-details-inner {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.partner-company-settings-partner-season-setting-form {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
.partner-company-settings-partner-season-setting-form .action-block-info {
  flex: 1;
}
.partner-company-settings-partner-season-setting-form-fields {
  display: flex;
  gap: 16px;
}
.partner-company-settings-partner-season-setting-form-fields .form-block {
  margin-bottom: 0 !important;
}
.partner-company-settings-partner-season-setting-form-fields .form-block .gc-bg-green-light {
  padding-left: 70px;
}
.partner-company-settings-partner-season-setting-form-fields .form-block .gc-bg-green-light .custom-select label {
  position: absolute;
  left: -55px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 14px;
  opacity: 0.5;
}
.partner-company-settings-partner-select {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
.partner-company-settings-partner-select.-active .-search {
  display: none;
}
.partner-company-settings-partner-select.-active .partner-company-settings-partner-select-value {
  grid-column: 1/3;
  color: #011816;
}
.partner-company-settings-partner-select.-active .partner-company-settings-partner-select-reset {
  display: block;
}
.partner-company-settings-partner-select label {
  grid-column: 1/3;
}
.partner-company-settings-partner-select .-search input {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.partner-company-settings-partner-select .-search svg {
  margin: 0px 12px;
}
.partner-company-settings-partner-select-value {
  padding: 12px 16px;
  background: transparent;
  font-size: 14px;
  line-height: 160%;
  color: #919392;
  display: flex;
  align-items: center;
}
.partner-company-settings-partner-select-value svg {
  fill: #011816;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
.partner-company-settings-partner-select-value span {
  margin-left: 8px;
  width: 100%;
}
.partner-company-settings-partner-select-reset {
  display: flex;
  align-items: center;
  margin-left: 8px;
  display: none;
}
.partner-company-settings-reporting-emails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.partner-company-settings-reporting-emails li {
  padding: 8px 16px;
  border-radius: 20px;
  background: #024840;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
  cursor: pointer;
}
.partner-company-settings-reporting-emails li.-add {
  background: transparent;
  box-shadow: inset 0 0 0 1px #024840;
  color: #024840;
}
.partner-company-settings-reporting-emails li svg {
  fill: currentColor;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  margin-left: 8px;
  cursor: pointer;
  margin-top: 1px;
}
.partner-company-settings-advanced-azure-details {
  display: none;
}
.partner-company-settings-advanced-azure-details-inner {
  padding-top: 24px;
  display: grid;
  gap: 24px;
}

.partner-error {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  justify-items: center;
  height: 100%;
  align-content: center;
}
.partner-error-actions {
  display: flex;
  align-items: center;
}
.partner-error-actions .btn {
  padding-left: 100px;
  padding-right: 100px;
}
.partner-error-actions .btn:not(:last-child) {
  margin-right: 16px;
}

.partner-phishing {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40% 17%;
  gap: 40px;
  justify-items: center;
  height: 100%;
  align-content: center;
  padding: 0 10%;
}
.partner-phishing h2 {
  text-align: center;
}
.partner-phishing .image-wrapper img {
  width: 100%;
  height: 100%;
}

.campaigns-overview {
  /*.table{

      table{

          tbody{

              td{

                  > span{
                      color: #919392;
                  }
              }
          }
      }
  }*/
}
.campaigns-overview .tabs-nav {
  justify-content: flex-end;
  /*li{
      font-weight: 600;
  }*/
}
.campaigns-overview-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.campaigns-overview-tabs .tab.-active {
  display: grid;
}
.campaigns-overview-table-actions {
  display: flex;
  justify-content: flex-end;
}
.campaigns-overview-table-actions .btn {
  margin-left: 10px !important;
}

.campaigns-overview-select .tabs-nav {
  justify-content: flex-end;
}
.campaigns-overview-select .tabs-nav li {
  font-weight: 600;
}
.campaigns-overview-select .tabs-nav li ul {
  display: flex;
  align-items: center;
}
.campaigns-overview-select .tabs-nav li ul li {
  background: none;
  padding: 0 8px;
}
.campaigns-overview-select .tabs-nav li ul li a {
  color: #E4FD6F;
  text-decoration: underline;
}
.campaigns-overview-select .tabs-nav li ul li a.-active, .campaigns-overview-select .tabs-nav li ul li a:hover {
  color: #fff;
}
.campaigns-overview-select .tabs-nav li ul li + li {
  margin-left: 10px;
}
.campaigns-overview-select-tabs .table-select-actions {
  background-color: #122C28;
}
.campaigns-overview-select-tabs .table-select-actions-btn {
  color: #E4FD6F;
  margin-right: 0;
}
.campaigns-overview-select-tabs .table-select-actions-btn + button {
  margin-left: 10px;
}
.campaigns-overview-select-tabs .table-select-actions-btn.-active {
  color: #fff;
}
.campaigns-overview-select-tabs .tab {
  display: none;
  grid-template-columns: 100%;
}
.campaigns-overview-select-tabs .tab.-active {
  display: grid;
}
.campaigns-overview-select .table table tbody td > span {
  color: #919392;
}
.campaigns-overview-select-table-actions {
  display: flex;
  justify-content: flex-end;
}
.campaigns-overview-select-table-actions .btn {
  margin-left: 10px !important;
}

.single-campaign {
  margin-top: 34px;
}
.single-campaign h5 {
  margin-bottom: 20px;
}
.single-campaign .alerts-table-cell {
  align-items: center;
  display: flex;
  gap: 8px;
}
.single-campaign .portal-alerts-table .alerts-table-row {
  grid-template-columns: 20% 30% 29% 12% 9%;
}
.single-campaign .alerts-table-body-content-inner {
  grid-template-columns: 3fr 1fr;
}
.single-campaign .alerts-table-body-content-details {
  margin-top: 8px;
  display: block;
}
.single-campaign .alerts-table-body-content-details summary {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: #024840;
}
.single-campaign .alerts-table-body-content-details summary span {
  display: inline-block;
}
.single-campaign .alerts-table-body-content-details table thead th {
  color: #011816;
  font-size: 14px;
  font-weight: 700;
}
.single-campaign .alerts-table-body-content-details table td, .single-campaign .alerts-table-body-content-details table th {
  padding: 6px 8px;
}
.single-campaign .alerts-table-body-content-details table tbody th, .single-campaign .alerts-table-body-content-details table tbody td {
  font-size: 14px;
  font-weight: 600;
  color: #011816;
}
.single-campaign .alerts-table-body-content-details table tbody th a, .single-campaign .alerts-table-body-content-details table tbody td a {
  color: #024840;
  text-decoration: underline;
}
.single-campaign .alerts-table-body-content-details table tbody th {
  white-space: nowrap;
}
.single-campaign .alerts-table-body-content-details table tbody tr:nth-child(2n+1) th, .single-campaign .alerts-table-body-content-details table tbody tr:nth-child(2n+1) td {
  background-color: #E3EDE2;
}
.single-campaign .alerts-table-body-content-system {
  gap: 6px;
  display: flex;
  font-size: 12px;
  margin-top: 5px;
  flex-direction: column;
}
.single-campaign .alerts-table-body-content-system > div {
  gap: 5px;
  display: flex;
  font-weight: 600;
  align-items: center;
}
.single-campaign .alerts-table-body-content-block-title {
  margin-bottom: 24px;
}
.single-campaign .alerts-table-body-content-block-title h6 {
  font-size: 18px;
}
.single-campaign .alerts-table-body-content-block-details li {
  display: block;
  padding-left: 48px;
  position: relative;
  margin-bottom: 24px;
}
.single-campaign .alerts-table-body-content-block-details li:not(:last-child):before {
  background-color: #CFD9CE;
  position: absolute;
  bottom: -24px;
  content: "";
  left: 16px;
  width: 1px;
  top: 0;
}
.single-campaign .alerts-table-body-content-block-details li .label {
  top: 0;
  left: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 12px;
  justify-content: center;
}
.single-campaign .alerts-table-body-content-block-details li > div:nth-child(2) {
  gap: 24px;
  display: grid;
  min-height: 32px;
  align-items: center;
  grid-template-columns: minmax(160px, 0.75fr) 2.5fr;
}
.single-campaign .alerts-table-body-content-block.-actions {
  display: flex;
}
.single-campaign .alerts-table-body-content-block.-actions .alerts-table-body-content-block-title, .single-campaign .alerts-table-body-content-block.-actions .label {
  margin-bottom: 8px;
}
.single-campaign .alerts-table-body-content-block.-actions .flex-1 {
  flex-grow: 1;
}

#off,
details[open] #on {
  display: none;
}

details[open] #off {
  display: inline-block;
}

.single-campaign-2 {
  margin-bottom: 20px;
}
.single-campaign-2 > h6 {
  margin-bottom: 20px;
}

.divider-hr {
  height: 1px;
  border: none;
  opacity: 0.3;
  margin: 24px 0;
  background-color: #011816;
}

.dashboard-title {
  margin-bottom: 24px;
}
.dashboard-title h4 {
  margin-bottom: 8px;
}
.dashboard-title p {
  font-size: 16px;
}
.dashboard-title p span {
  color: #919392;
}

.popup-campain-inner {
  width: auto;
}
.popup-campain-inner-lg .popup-campain-content p {
  font-size: 16px;
}
.popup-campain-inner-lg .popup-campain-content .btn {
  max-width: 260px;
}
.popup-campain-inner-lg .popup-campain-content .btn + .btn {
  margin-top: 16px;
  box-shadow: inset 0 0 0 2px currentColor;
}
.popup-campain-inner .popup-onboarding-close {
  position: absolute;
  right: 20px;
  top: 24px;
}
.popup-campain-grid {
  padding-bottom: 3%;
  padding-top: 3%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popup-campain-grid > div {
  max-width: 348px;
  width: 100%;
}
.popup-campain-content {
  display: flex;
  flex-direction: column;
}
.popup-campain-content h3 {
  margin-bottom: 8px;
  font-size: 35px;
  white-space: nowrap;
}
.popup-campain-content p {
  color: #919392;
  max-width: 380px;
  width: 100%;
}
.popup-campain-content .btn {
  width: 100%;
}
.popup-campain-content .btn + .btn {
  margin-top: 25px;
}

.overflow-auto {
  overflow: auto;
}

.campaign-select-templates-container {
  width: 100%;
}
.campaign-steps {
  min-height: 100vh;
  padding-top: 42px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 42px;
  overflow-y: auto;
  background-color: #E3EDE2;
}
@media screen and (max-width: 1169px) {
  .campaign-steps {
    display: none;
  }
}
.campaign-steps .container {
  max-width: 1096px;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.campaign-steps-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  display: flex;
}
.campaign-steps-header .dashboard-actions {
  width: auto;
}
.campaign-steps-header .dashboard-actions-btn {
  background-color: #fff;
}
.campaign-steps-header .dashboard-actions-btn:hover {
  background-color: #AC8EFF;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker {
  --adp-background-color: #fff;
  --adp-border-radius: 20px;
  --adp-font-family: "Kumbh Sans";
  --adp-font-size: 15px;
  --adp-color: #011816;
  --adp-nav-color-secondary: #011816;
  --adp-color-other-month: #011816;
  --adp-color-other-month-hover: #fff;
  padding: 12px;
  border: none;
  box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.19);
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker--pointer::after {
  background: #fff;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav {
  align-items: center;
  border: none;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--title {
  color: #011816;
  font-size: 15px;
  font-weight: 600;
  padding-right: 20px;
  background: transparent url(/build/assets/select-arrow-CWhGFIFb.svg) no-repeat center right/12px;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--title i {
  text-decoration: none;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--action {
  background: #fff;
  width: 21px;
  height: 21px;
  border-radius: 5px;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--action::before {
  content: url(/build/assets/angle-left-DK65ktdf.svg);
  font-size: 0;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--action > svg {
  display: none;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-nav--action[data-action=next] {
  transform: rotate(180deg);
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-body--day-names {
  display: none;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-body--cells {
  gap: 2px 10px;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-cell {
  --adp-cell-background-color-hover: #AC8EFF;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-cell.-day- {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-cell.-other-month- {
  opacity: 0.3;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-cell.-focus- {
  color: #fff;
  opacity: 1;
}
.campaign-steps ~ .air-datepicker-global-container .air-datepicker .air-datepicker-cell.-current- {
  --adp-color-current-date: var.$dark !important;
  background: #E4FD6F;
}
.campaign-steps .simplebar-track.simplebar-vertical {
  background: rgba(1, 24, 22, 0.2);
  width: 4px;
  border-radius: 10px;
}
.campaign-steps .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 100%;
  background: #024840;
  border-radius: 10px;
}
.campaign-steps .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  display: none;
}
.campaign-version {
  left: 32px;
  bottom: 24px;
  opacity: 0.3;
  font-size: 13px;
  color: #011816;
  position: fixed;
}
.campaign-cards-container {
  overflow: visible;
  margin-bottom: auto;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.campaign-cards-container > [data-simplebar] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.campaign-select-template-filters .template-search-clear:hover {
  opacity: 1;
}
.campaign-cards {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 860px) {
  .campaign-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .campaign-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 420px) {
  .campaign-cards {
    grid-template-columns: 1fr;
  }
}
.campaign-card {
  overflow: hidden;
  min-height: 212px;
  position: relative;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.05);
}
.campaign-card.-pointer {
  cursor: pointer;
}
.campaign-card img {
  top: 10px;
  left: 10px;
  right: 10px;
  border-radius: 12px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-user-drag: none;
}
.campaign-card .template-row {
  padding: 10px;
}
.campaign-card .template-row img {
  position: relative;
  border-radius: 0;
  margin-right: 30px;
  vertical-align: middle;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
.campaign-card-icon {
  opacity: 0.5;
  transition: all 0.35s linear;
}
.campaign-card:hover .campaign-content {
  background-color: #024840;
}
.campaign-card:hover .campaign-content p span, .campaign-card:hover .campaign-content p span:before, .campaign-card:hover .campaign-content h6 {
  color: #fff;
}
.campaign-card:hover .campaign-content p {
  color: rgba(255, 255, 255, 0.6);
}
.campaign-card:hover .campaign-card-icon {
  color: #E4FD6F;
  opacity: 1;
}
.campaign-card.-hidden {
  display: none;
}
.campaign-no-cards {
  display: flex;
  justify-content: center;
}
.campaign-content {
  transition: all 0.35s linear;
  justify-content: space-between;
  background-color: #fff;
  align-items: center;
  position: absolute;
  padding: 12px 16px;
  display: flex;
  width: 100%;
  gap: 10px;
  bottom: 0;
  left: 0;
}
.campaign-content-text {
  flex-grow: 1;
}
.campaign-content-text p {
  margin: 0;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  transition: all 0.35s linear;
}
.campaign-content-text p:first-child {
  margin-bottom: 4px;
}
.campaign-content-text p span {
  font-size: 10px;
  font-weight: 600;
  color: #677473;
  letter-spacing: 0.02em;
  transition: all 0.35s linear;
}
.campaign-content-text p span + span:before {
  content: "·";
  color: #011816;
  opacity: 0.8;
  margin-left: 4px;
  margin-right: 4px;
}
.campaign-content-text h6 {
  font-size: 16px;
  margin: 0 0 6px;
  letter-spacing: 0.02em;
  transition: all 0.35s linear;
}
.campaign-grid {
  gap: 20px;
  width: 100%;
  height: calc(100vh - 84px);
  display: flex;
  flex-direction: column;
}
.campaign-grid-assert {
  width: 100%;
}
.campaign-grid-assert img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.campaign-grid-content {
  gap: 25px;
  width: 100%;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
}
.campaign-grid-content-row {
  gap: 50px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .campaign-grid-content-row {
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.campaign-grid-content-row-col.left {
  align-items: center;
  max-width: 340px;
  display: flex;
  width: 100%;
}
.campaign-grid-content-row-col.right {
  flex-direction: column;
  margin-left: auto;
  max-width: 585px;
  display: flex;
  width: 100%;
  gap: 25px;
}
.campaign-grid-content-row-col.right .campaign-grid-content-bottom {
  justify-content: flex-end;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .campaign-grid-content-row-col.right {
    flex-grow: 1;
  }
}
.campaign-grid-content-row-col.left-70 {
  display: flex;
  width: 70%;
}
.campaign-grid-content-row-col.right-30 {
  flex-direction: column;
  margin-left: auto;
  display: flex;
  width: 30%;
  gap: 25px;
}
.campaign-grid-content-row-col.right-30 .campaign-grid-content-bottom {
  justify-content: flex-end;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .campaign-grid-content-row-col.right-30 {
    flex-grow: 1;
  }
}
.campaign-grid-content-row-col.center {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 585px;
  display: flex;
  width: 100%;
  gap: 25px;
}
.campaign-grid-content-row .-muted {
  color: #919392;
}
.campaign-grid-content .progress-steps {
  margin-bottom: 20px;
}
.campaign-grid-content-bottom {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  gap: 12px;
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .campaign-grid-content-bottom {
    justify-content: space-between;
  }
}
.campaign-grid-content-bottom a, .campaign-grid-content-bottom button {
  padding: 12px 32px !important;
}
@media screen and (max-width: 575px) {
  .campaign-grid-content-bottom a.btn:last-child, .campaign-grid-content-bottom button.btn:last-child {
    margin-left: auto;
  }
}
.campaign-grid-content-bottom a.-back, .campaign-grid-content-bottom a.btn:first-child, .campaign-grid-content-bottom button.-back, .campaign-grid-content-bottom button.btn:first-child {
  margin-right: auto;
  min-width: auto;
}
.campaign-grid-content-bottom a[disabled], .campaign-grid-content-bottom button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.campaign-grid-content-bottom a svg, .campaign-grid-content-bottom button svg {
  width: 22px;
  height: 22px;
}
.campaign-grid-content-bottom a.-back, .campaign-grid-content-bottom button.-back {
  color: #011816;
}
.campaign-grid-content-bottom a.-back svg, .campaign-grid-content-bottom button.-back svg {
  transform: rotate(180deg);
}
.campaign-grid-content-bottom a.-filled, .campaign-grid-content-bottom button.-filled {
  min-width: 200px;
}
.campaign-grid-content-bottom a.-neon:hover, .campaign-grid-content-bottom button.-neon:hover {
  background-color: #E4FD6F;
  color: #011816;
  opacity: 0.7;
}
.campaign-grid-content-info {
  align-items: flex-start;
  flex-direction: column;
  max-width: 455px;
  display: flex;
  width: 100%;
  gap: 8px;
}
.campaign-grid-content-info.-wide {
  max-width: 100%;
}
.campaign-grid-content-info .subtext {
  font-size: 16px;
  color: #919392;
}
.campaign-grid-content-info-card {
  background-color: #fff;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 12px;
  display: flex;
  padding: 24px;
  gap: 12px;
}
.campaign-grid-content-info-card p {
  font-size: 16px;
  margin-bottom: 12px;
}
.campaign-grid-content-info-card a {
  gap: 8px;
  color: #024840;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  text-decoration: underline;
}
.campaign-grid-content-info-card a img, .campaign-grid-content-info-card a svg {
  width: 16px;
  height: 16px;
}
.campaign-grid-content-info-card .agreed {
  gap: 12px;
  color: #024840;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.campaign-grid-content-info-card .agreed .table-checkbox span {
  border-radius: 25px;
}
.campaign-grid-content-info-card .agreed .table-checkbox input:checked + span {
  background-position: left 3px center;
}
.campaign-grid-content-domain.form-block {
  max-width: 340px;
}
.campaign-grid-content-domain .custom-select-trigger {
  padding-left: 45px;
  background: #fff url("/build/assets/globe-location-pin-C9vyKMzp.svg") no-repeat center left 16px/16px;
}
.campaign-grid-content-platform.form-block {
  max-width: 340px;
}
.campaign-grid-content-platform input {
  font-weight: 600;
}
.campaign-grid-content-date-time {
  gap: 24px;
  display: flex;
  align-items: flex-start;
}
.campaign-grid-content-date-time input {
  font-weight: 600;
}
.campaign-grid-content-date {
  min-width: 260px;
}
.campaign-grid-content-time {
  min-width: 100px;
  max-width: 100px;
}
.campaign-grid-content-time input {
  padding-top: 11px;
  border-radius: 50px;
  padding-bottom: 11px;
  background: #fff url("/build/assets/clock-BY2EGT6I.svg") no-repeat center right 16px/16px;
}
.campaign-grid-content-time input:focus {
  border: 1px solid #024840;
}
.campaign-grid-content-radio {
  gap: 16px;
  width: 100%;
  display: flex;
  max-width: 320px;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.campaign-grid-content-radio label {
  background: transparent url(/build/assets/checkbox-empty-_VWp1J0k.svg) no-repeat center left 16px/16px;
  justify-content: space-between;
  padding: 12px 18px 12px 42px;
  transition: all 0.3s linear;
  border: 1px solid #024840;
  border-radius: 32px;
  align-items: center;
  font-weight: 600;
  color: #024840;
  cursor: pointer;
  display: flex;
  width: 100%;
}
.campaign-grid-content-radio label svg {
  width: 20px;
  height: 20px;
}
.campaign-grid-content-radio label:hover {
  background-color: #fff;
  border-color: #fff;
}
.campaign-grid-content-radio input:checked + label {
  border-color: #fff;
  background-color: #fff;
  background-image: url(/build/assets/checkbox-checked-Bv_oj9dA.svg);
}
.campaign-grid-content-checkbox {
  display: flex;
  margin-top: 0;
  justify-content: flex-end;
}
.campaign-grid-content-checkbox .table-checkbox {
  font-size: 14px;
}
.campaign-grid-content-checkbox .table-checkbox span {
  border-radius: 15px;
  background-position: top 2.5px left 2.5px !important;
}
.campaign-grid-content-checkbox .table-checkbox a {
  color: #024840;
  font-weight: 600;
  display: inline-block;
  text-decoration: underline;
}
.campaign-grid-content-status {
  display: none;
  margin-top: 0;
  justify-content: flex-end;
}
.campaign-grid-content-status + div {
  margin-top: 0;
}
.campaign-grid-content-status .alert {
  gap: 16px;
  font-size: 14px;
  max-width: 430px;
  padding: 16px 24px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.campaign-grid-content-status .alert svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.campaign-grid-content-status .table-checkbox {
  font-size: 14px;
}
.campaign-grid-content-status .table-checkbox span {
  border-radius: 15px;
  background-position: top 2.5px left 2.5px !important;
}
.campaign-grid-content-status .table-checkbox a {
  color: #024840;
  font-weight: 600;
  display: inline-block;
  text-decoration: underline;
}
.campaign-grid-content-review {
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
  border-radius: 20px;
  padding: 22px;
  display: grid;
  gap: 24px;
}
@media (max-width: 767px) {
  .campaign-grid-content-review {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.campaign-grid-content-review label {
  color: #919392;
  font-size: 14px;
  display: block;
}
.campaign-grid-content-review h6 {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  font-family: "Kumbh Sans";
}
.campaign-grid-content-review-info a, .campaign-grid-content-review-info button {
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
  color: #024840;
}
.campaign-grid-content-review .campaign-content {
  background-color: #024840;
  color: #fff;
}
.campaign-grid-content-review .campaign-content h6 {
  font-weight: 500;
}
.campaign-grid-content-review .campaign-content p {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: -12px;
}
.campaign-grid-content-review .campaign-content a, .campaign-grid-content-review .campaign-content button {
  float: right;
  color: #E4FD6F;
  font-size: 14px;
  font-weight: 600;
}

.campaign-textarea {
  width: 100%;
  border-radius: 15px;
  overflow: auto;
  padding: 15px;
}

.campaign-mce .tox.tox-tinymce {
  min-height: 30vw !important;
  height: 30vw !important;
}

.progress-steps {
  width: 100%;
  max-width: 280px;
  margin-bottom: 16px;
}
.progress-label {
  font-size: 12px;
  margin-bottom: 6px;
  color: #919392;
}

.alert {
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 12px;
  gap: 8px;
}
.alert-danger {
  color: #fff;
  background-color: #D61E1E;
  /* img, svg{
      filter: invert(1);
  } */
}
.alert img, .alert svg {
  width: 12px;
  height: 12px;
}

.popup-table-search-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.popup-table-search-inner .popup-onboarding-close {
  position: absolute;
  right: -30px;
  top: 15px;
  color: white;
  /* @media screen and (min-width: 992px) {
      svg{
          filter: invert(1) brightness(4);
      }
  } */
}
@media screen and (max-width: 991px) {
  .popup-table-search-inner .popup-onboarding-close {
    right: 20px;
  }
}
.popup-table-search-inner .dashboard-top {
  align-items: center;
  margin-bottom: 16px;
}
.popup-table-search-inner .table {
  height: 100%;
}
.popup-table-search-inner .table tr {
  border-bottom: 1px solid #BDCCBB !important;
}
.popup-table-search-inner .table td {
  border-radius: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.popup-table-search-inner .table td:not(:first-child) {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.m-0 {
  margin: 0 !important;
}

.my-auto {
  gap: 20px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .my-auto {
    margin-top: 0;
  }
}

.gc-datepicker-container-center input {
  text-align: center;
  text-indent: 18px;
}
.gc-datepicker-container-center button {
  transform: translate(20px, 1px);
  position: absolute;
  left: 0;
}
@media screen and (max-width: 480px) {
  .gc-datepicker-container-center button {
    transform: translate(-75px, 1px);
  }
}
.gc-datepicker-container-time {
  padding-left: 10px;
}
.gc-datepicker-container-time > button::before {
  content: url(/build/assets/clock-BY2EGT6I.svg);
}

.swiper-slide .campaign-card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.swiper-slide .campaign-card img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.popup-create-campaign-inner {
  overflow: visible !important;
  max-width: 960px !important;
  width: 100%;
}
.popup-create-campaign-inner .popup-onboarding-close {
  position: absolute;
  right: -30px;
  top: 15px;
  color: white;
  /* @media screen and (min-width: 992px) {
      svg{
          filter: invert(1) brightness(4);
      }
  } */
}
@media screen and (max-width: 991px) {
  .popup-create-campaign-inner .popup-onboarding-close {
    right: 20px;
  }
}
.popup-create-campaign-grid {
  gap: 24px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-width: 991px) {
  .popup-create-campaign-grid {
    flex-direction: column;
  }
}
.popup-create-campaign-content {
  max-width: 316px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .popup-create-campaign-content {
    margin-bottom: 30px;
    margin-right: auto;
    max-width: 480px;
  }
}
.popup-create-campaign-content .pills {
  margin-bottom: 32px;
}
.popup-create-campaign-content h3 {
  margin-bottom: 16px;
}
.popup-create-campaign-content .email {
  gap: 8px;
  display: flex;
  font-size: 16px;
  align-items: center;
  margin-bottom: 16px;
}
.popup-create-campaign-content .email svg {
  flex: none;
  height: 16px;
  width: 16px;
  color: #999999;
}
.popup-create-campaign-content .description {
  min-height: 112px;
  font-size: 14px;
  color: #919392;
}
.popup-create-campaign-content .btn {
  width: 100%;
}
.popup-create-campaign-images {
  max-width: 530px;
  width: 100%;
}
.popup-create-campaign-images .campaign-card {
  height: 415px;
  background-color: #F8F8F8;
}
.popup-create-campaign-images .campaign-card > img {
  height: 90%;
}
.popup-create-campaign-images .campaign-content {
  padding: 24px;
  display: block;
  min-height: 95px;
  background-color: #024840;
}
.popup-create-campaign-images .campaign-content h6 {
  font-size: 18px;
  color: #fff;
}
.popup-create-campaign-images .swiper-pagination {
  position: absolute;
  bottom: 16px;
  width: 100%;
  z-index: 1;
  left: 0;
}
.popup-create-campaign-images .swiper-pagination span {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background-color: #6E847C;
}
.popup-create-campaign-images .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #E4FD6F;
}
.popup-create-campaign-images .swiper:hover .swiper-button {
  opacity: 1;
}
.popup-create-campaign-images .swiper-button {
  transform: translateY(-50%);
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 50%;
}
.popup-create-campaign-images .swiper-button.-next {
  right: 10px;
}
.popup-create-campaign-images .swiper-button.-prev {
  left: 10px;
}

.pills {
  margin-bottom: 32px;
}
.pills span {
  background-color: #024840;
  border-radius: 50px;
  padding: 0 12px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 8px 0;
  font-size: 14px;
}

.popup-phs-send-test-email .popup-inner {
  background-color: #E3EDE2;
  overflow: visible !important;
  max-width: 960px !important;
  padding: 32px;
  width: 100%;
}
.popup-phs-send-test-email .popup-onboarding-close {
  position: absolute;
  right: -30px;
  top: 15px;
  color: white;
}
.popup-phs-send-test-email-heading {
  margin-bottom: 48px;
}
.popup-phs-send-test-email-heading h4 {
  margin-bottom: 16px;
}
.popup-phs-send-test-email-heading p {
  font-size: 16px;
  color: #919392;
}
.popup-phs-send-test-email-form {
  gap: 32px;
  width: 100%;
  display: flex;
  margin-bottom: 48px;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .popup-phs-send-test-email-form {
    flex-direction: column;
    gap: 24px;
  }
}
.popup-phs-send-test-email-col {
  /*input{
      font-size: 17px;
  }*/
}
@media screen and (max-width: 575px) {
  .popup-phs-send-test-email-col {
    width: 100%;
  }
}
.popup-phs-send-test-email-col:last-child {
  flex-grow: 1;
}
.popup-phs-send-test-email .-muted {
  color: #919392;
}

.campaign-slider {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
  overflow: hidden;
}
.campaign-slider-items {
  position: relative;
  display: grid;
  z-index: 50;
}
.campaign-slider-slide {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 32px;
  grid-column: 1/2;
  grid-row: 1/2;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campaign-slider-slide.-active {
  transition: 0.5s;
  transform: translateX(0);
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
  position: static;
}
.campaign-slider-slide.-active.edit-form {
  position: absolute;
  overflow: scroll;
  background-color: #E3EDE2;
  overflow-x: hidden;
}
.campaign-slider-slide.-finished {
  transform: translateX(-100%);
}
.campaign-slider-leave svg {
  transform: rotate(-180deg);
}

.popup-send-test-email {
  background-color: #E3EDE2;
  overflow: visible !important;
  max-width: 960px !important;
  padding: 32px;
  width: 100%;
}
.popup-send-test-email .popup-onboarding-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.popup-send-heading {
  margin-bottom: 48px;
}
.popup-send-heading h4 {
  margin-bottom: 16px;
}
.popup-send-heading p {
  font-size: 16px;
  color: #919392;
}
.popup-send-form {
  gap: 32px;
  width: 100%;
  display: flex;
  margin-bottom: 48px;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .popup-send-form {
    flex-direction: column;
    gap: 24px;
  }
  .popup-send-col {
    width: 100%;
  }
}
.popup-send-col:last-child {
  flex-grow: 1;
}
.popup-send-col input {
  font-size: 17px;
}

.popup-campaign-table {
  width: 100%;
  border-collapse: separate;
}

.popup-campaign-table td {
  vertical-align: top;
  width: 50%;
}

.campaign-content h3 {
  margin-top: 0;
}

.campaign-select-template-table tbody {
  background: #fff !important;
}

.campaign-select-template.-random {
  display: flex;
  flex-direction: column;
}
.campaign-select-template.-random .campaign-cards-container {
  display: flex;
  padding-top: 6px;
  flex: 1 1 auto;
  min-height: 0;
}
.campaign-select-template.-random .campaign-cards-container .campaign-select-template-filters {
  width: 30%;
  padding: 1px 40px 1px 1px;
}
.campaign-select-template.-random .campaign-cards-container .campaign-select-template-filters svg.dashboard-actions-item-dropdown-filter-list-inner-back {
  margin: 0 0 0 12px;
  --size: 16px;
}
.campaign-select-template.-random .campaign-cards-container .campaign-select-template-filters .form-block {
  max-width: none;
  padding-bottom: 16px;
}
.campaign-select-template.-random .campaign-cards-container .campaign-select-templates-container {
  flex: 1;
  min-height: 0;
  display: flex;
  min-width: 0;
}
.campaign-select-template.-random .campaign-cards-container .table.-partner {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.campaign-select-template.-random .campaign-cards-container .table.-partner table tbody tr td label.-level {
  margin: 2px;
}
.campaign-select-template.-random .campaign-cards-container .table.-partner table tbody tr td.card-actions svg {
  transform: rotate(270deg);
}
.campaign-select-template.-random .campaign-cards-container .table.-partner table tfoot tr td {
  font-size: 14px;
  padding: 16px;
}

.select-templates-table {
  overflow: visible;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  width: 100%;
}
.select-templates-table > form {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.select-templates-table > form > div[data-simplebar] {
  flex: 1;
  height: 100%;
  min-height: 300px;
  max-height: 100%;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
  padding: inherit !important;
}

.tox-toolbar-overlord .tox-toolbar__primary {
  background-color: #06221E !important;
  background-image: inherit !important;
  padding: 6px !important;
}

#templates-per-user-error {
  padding: 10px;
  margin-top: 10px;
  background: #F8D3D3;
  color: #D61E1E;
}

.navbar-brand > .default-logo, .navbar-brand-image > a > .default-logo {
  display: block;
  width: 140px;
  height: 32px;
  background-image: url(/build/assets/logo-white-BKVEdqKg.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sign-up-header-logo > .default-logo, .reset-password-header-logo > .default-logo, .reset-password-header-logo > .default-logo {
  display: block;
  width: 140px;
  height: 32px;
  background-image: url(/build/assets/logo-green-CfNmBqif.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}