/* 1. Settings
=========================*/
/* 2. Font family
=========================*/
/* 3. Font sizes
=========================*/
/* 4. Colors
=========================*/
/* 39. Tooltips
=========================*/
/* Default */
/* Sizes */
/* Styling */
body.cabinet .nav__item {
  width: 100%; }
  body.cabinet .nav__item a {
    width: 100%; }

body.cabinet ::-webkit-scrollbar {
  width: 10px; }

body .page {
  overflow: initial; }

body.app-view .layout__main-link {
  display: flex; }

.layout__wrapper {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  background-color: #f5f6f8;
  font-family: "Inter", sans-serif; }
  .layout__wrapper .header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32rem;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 5.5rem;
    background-color: #FFFFFF;
    border-right: solid 4px #f5f6f8;
    overflow-y: auto; }
    .layout__wrapper .header .logo {
      width: 100%;
      height: 9rem;
      padding: 0 4.5rem; }
      .layout__wrapper .header .logo img {
        height: 3.5rem; }
    .layout__wrapper .header .nav {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      gap: .7rem;
      height: auto; }
    .layout__wrapper .header .nav__item {
      width: 100%;
      margin-right: 0; }
      .layout__wrapper .header .nav__item a {
        height: 3rem;
        padding: 0 4.5rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 1.3rem;
        font-size: 1.6rem; }
      .layout__wrapper .header .nav__item .icon {
        width: 1.5rem;
        height: 1.6rem;
        fill: #000000; }
      .layout__wrapper .header .nav__item:hover a {
        color: #34d186; }
        .layout__wrapper .header .nav__item:hover a .icon {
          fill: #34d186; }
      .layout__wrapper .header .nav__item.active a {
        color: #34d186; }
        .layout__wrapper .header .nav__item.active a .icon {
          fill: #34d186; }
    .layout__wrapper .header .copyright {
      margin-top: 2rem;
      padding-left: 4.5rem;
      padding-right: 3rem;
      font-size: 1.4rem;
      line-height: 1.3;
      letter-spacing: -0.05em;
      color: #95989c; }
    .layout__wrapper .header .header__user {
      margin-bottom: 3rem;
      padding: 0 4.5rem;
      width: 100%;
      color: #000000; }
      .layout__wrapper .header .header__user:hover {
        text-decoration: none; }
      .layout__wrapper .header .header__user .title {
        font-weight: 700;
        font-size: 1.6rem;
        letter-spacing: -0.05em;
        width: 22.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .layout__wrapper .header .header__user .text {
        font-size: 1.4rem;
        line-height: 1.15;
        letter-spacing: -0.05em;
        width: 22.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .layout__wrapper .header__wrapper {
    flex-direction: column;
    height: auto; }
  .layout__wrapper .header__block {
    width: 100%; }
  .layout__wrapper .checkbox .checkbox__label {
    font-size: 1.6rem; }

.layout__main {
  padding-top: 9rem;
  width: calc(100% - 32rem);
  margin-left: auto;
  height: 100%; }
  .layout__main .btn {
    font-size: 1.6rem; }
  .layout__main .plans__item-wrapper {
    min-height: calc(100vh - 10rem);
    padding-bottom: 6rem; }
  .layout__main .form--cabinet .btn {
    font-size: 2.4rem; }
  .layout__main .form--cabinet .form__control .btn {
    font-size: 1.6rem; }
  .layout__main--promo {
    padding-top: 0; }

.layout__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 9rem;
  padding: 0 4.5rem;
  border-bottom: solid 4px #f5f6f8;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 32rem;
  width: calc(100% - 32rem);
  z-index: 10; }
  .layout__header .btn {
    min-width: 13rem; }

.layout__row {
  background-color: #FFFFFF; }

.cabinet__title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #000000; }
  .cabinet__title a {
    display: block;
    width: 3.3rem;
    height: 3.3rem;
    margin-right: 2.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='16' viewBox='0 0 34 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.292893 7.29289C-0.0976295 7.68341 -0.0976296 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.92893C7.68054 0.538406 7.04738 0.538405 6.65686 0.92893L0.292893 7.29289ZM34 7L1 7L1 9L34 9L34 7Z' fill='%2340D48D'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s; }
    .cabinet__title a:hover {
      opacity: 0.7; }
  .cabinet__title.column {
    flex-direction: column;
    align-items: flex-start;
    font-size: 2.2rem; }

.cabinet__subtitle {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: .4rem; }
  .cabinet__subtitle span {
    color: #727272; }

.layout__header-actions {
  display: flex;
  align-items: center; }

.layout__header-action {
  margin-right: 4.5rem; }
  .layout__header-action:last-child {
    margin-right: 0; }

.layout__header-link {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-decoration: underline;
  text-decoration-color: transparent;
  color: #34d186;
  transition: 0.3s; }
  .layout__header-link:hover {
    text-decoration: underline;
    text-decoration-color: #34d186; }

.events-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - 16rem);
  padding: 5rem 0 14rem; }
  .events-empty .btn {
    min-width: 13rem; }

.events-empty__img {
  width: 15rem;
  margin-bottom: 5rem; }
  .events-empty__img img {
    display: block;
    width: 100%; }

.events_empty__text {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  letter-spacing: -0.05em;
  color: #95989c; }

.remove {
  display: block;
  width: 2rem; }
  .remove svg {
    display: block;
    width: 2rem;
    height: 2rem; }
    .remove svg path {
      transition: 0.3s; }
  .remove:hover svg path {
    fill: #C52626; }

.admin__row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 12.5rem;
  padding: 0 8rem;
  border-bottom: solid 1px #f5f6f8; }

.admin__name {
  margin-bottom: 1.2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #000000; }

.admin__email {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: -0.05em;
  color: #95989c; }

.language__row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 12.5rem;
  padding: 0 8rem;
  border-bottom: solid 1px #f5f6f8; }

.language__name {
  margin-bottom: 1.2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #000000; }

.form__control {
  position: absolute;
  right: 8rem;
  top: 50%;
  transform: translateY(-50%); }
  .form__control .btn {
    min-width: 13.5rem;
    height: 4.4rem;
    padding: 0 1rem;
    border-radius: 3rem; }
  .form__control img {
    display: block;
    width: 2.4rem; }

.daterangepicker {
  margin-left: -1px;
  border-radius: 0;
  border-color: #f5f6f8; }
  .daterangepicker:before {
    border-bottom-color: #f5f6f8; }
  .daterangepicker .drp-buttons {
    padding: 1rem;
    border-top-color: #f5f6f8; }
    .daterangepicker .drp-buttons .btn {
      height: 4.4rem;
      margin-left: 1rem;
      padding: 0 2.5rem;
      background-color: #34d186;
      border-color: #34d186;
      font-size: 1.4rem;
      color: #FFFFFF; }
      .daterangepicker .drp-buttons .btn:hover {
        background-color: #FFFFFF;
        color: #34d186; }
  .daterangepicker th.available:hover {
    background-color: transparent; }
  .daterangepicker td.start-date.end-date {
    border-radius: 0; }
  .daterangepicker td.active {
    background-color: #34d186; }
    .daterangepicker td.active:hover {
      background-color: #2cc079; }
  .daterangepicker .calendar-table th,
  .daterangepicker .calendar-table td {
    border-radius: 0; }
    .daterangepicker .calendar-table th span,
    .daterangepicker .calendar-table td span {
      transition: 0.3s; }
  .daterangepicker .calendar-table .next:hover span {
    border-color: #34d186; }
  .daterangepicker .calendar-table .prev:hover span {
    border-color: #34d186; }

.subscription__wrapper {
  display: flex;
  margin: 0 -.05rem; }

.subscription__block {
  width: 43%;
  padding: 0 .05rem; }
  .subscription__block.plan {
    width: 57%; }

.subscription__item {
  background-color: #ffffff;
  padding: 7.5rem 7rem 8rem 8rem;
  min-height: calc(100vh - 10rem);
  position: relative;
  height: 100%; }
  .subscription__item .plans__list.columns-2 ul {
    columns: 2;
    margin-bottom: 12rem; }
  .subscription__item.my-plan {
    padding-bottom: 14rem; }

.subscription__subtitle {
  font-size: 1.6rem;
  color: #95989c; }

.subscription__title {
  margin-bottom: 4rem;
  font-size: 3.2rem;
  font-weight: 700; }

.subscription__price .price {
  margin-bottom: 6rem;
  letter-spacing: -0.05em;
  font-size: 2.4rem;
  font-weight: 700; }

.subscription__price .btn {
  min-width: 18rem; }

.subscription__head {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .subscription__head .subscription__title {
    margin-bottom: 0; }

.subscription__status {
  border: 1px solid transparent;
  border-radius: .4rem;
  padding: .4rem 1rem;
  font-size: 1.3rem;
  font-weight: 500; }
  .subscription__status.awaiting {
    color: #c52626;
    border-color: #c52626; }

.subscription__plans-wrapper {
  display: flex; }

.subscription__plans-block {
  width: 60%; }

.subscription__plans-info {
  background-color: #40d48d;
  padding: 7.5rem 3rem 15rem 8rem;
  min-height: calc(100vh - 10rem);
  width: 40%;
  position: relative; }
  .subscription__plans-info .subscription__subtitle {
    color: #FFFFFF; }
  .subscription__plans-info .subscription__title {
    color: #FFFFFF; }
  .subscription__plans-info .plans__list-title {
    color: #FFFFFF; }
  .subscription__plans-info .plans__list {
    color: #FFFFFF; }
    .subscription__plans-info .plans__list li:before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.2868 0.290564C10.6377 0.677801 10.6377 1.30373 10.2868 1.69115L4.45077 8.12962C4.27568 8.32278 4.04585 8.42 3.81602 8.42C3.58619 8.42 3.35636 8.32278 3.18128 8.12962L0.263367 4.91038C-0.0877889 4.52315 -0.0877889 3.89704 0.263367 3.5098C0.614358 3.12238 1.1817 3.12238 1.53285 3.5098L3.81602 6.02874L9.01727 0.290564C9.36826 -0.0968546 9.9356 -0.0968546 10.2868 0.290564Z' fill='%23FFFFFF'/%3e%3c/svg%3e ");
      background-repeat: no-repeat; }

.subscription__progress {
  position: relative;
  border-radius: 1rem;
  height: 1rem;
  background-color: #d8faea;
  width: 100%; }
  .subscription__progress .line {
    background-color: #34d186;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    height: 1rem; }

.subscribe__expire {
  margin-bottom: 9rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .subscribe__expire .title {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.05em; }

.subscription__data-wrapper {
  display: flex;
  justify-content: space-between; }

.subscription__data-block {
  width: 50%; }

.subscription__info-row {
  margin-bottom: 1.5rem; }

.subscription__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  position: absolute;
  bottom: 8rem;
  left: 8rem;
  right: 8rem; }
  .subscription__footer .btn {
    padding: 0 3rem; }

.subscription__link {
  color: #34d186;
  font-size: 1.6rem;
  font-weight: 600; }

.subscription__plan-price {
  margin-bottom: 8rem;
  font-size: 4.8rem;
  font-weight: 700;
  color: #FFFFFF; }
  .subscription__plan-price sup {
    font-size: 2.4rem; }

.promo {
  padding: 4rem 8rem;
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .promo .cabinet__title {
    margin-bottom: 1rem; }
  .promo .cabinet__text {
    font-size: 1.8rem;
    margin-bottom: 8rem; }

.promo__container {
  max-width: 54rem;
  height: 100%;
  width: 50%; }

.promo__scan-title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 3rem; }

.promo__scan-wrapper {
  display: flex;
  margin-bottom: 8rem; }

.promo__block {
  position: relative;
  z-index: 2; }

.promo__stores {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .promo__stores img {
    height: 5rem; }

.promo__scan {
  margin-right: 4rem; }
  .promo__scan img {
    height: 12rem; }

.promo__verify .title {
  font-size: 2.4rem;
  font-weight: 700; }

.promo__verify .text {
  line-height: 1.8;
  letter-spacing: -0.8px; }
  .promo__verify .text a {
    color: #34d186; }

.promo__img {
  position: absolute;
  left: calc(50% + 6rem);
  height: 100%;
  top: 0;
  display: flex;
  align-items: center; }
  .promo__img:after {
    background-color: #34d186;
    content: '';
    position: absolute;
    width: 45rem;
    transform: rotate(30deg);
    height: 200vh;
    z-index: 1;
    left: 11.5rem; }
  .promo__img img {
    position: relative;
    z-index: 2; }

.layout__header-block {
  display: flex;
  align-items: center;
  gap: 2rem; }
  .layout__header-block .progress__block {
    display: flex;
    align-items: center;
    gap: 1rem; }
  .layout__header-block .progress__title {
    font-size: 1.6rem;
    margin-bottom: 0; }
  .layout__header-block .progress__line {
    width: 9rem; }
  .layout__header-block .nav {
    height: auto;
    gap: 3.5rem; }
  .layout__header-block .nav__link {
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: -0.05em; }
    .layout__header-block .nav__link:hover {
      color: #34d186; }
    .layout__header-block .nav__link.active {
      color: #34d186; }

.layout__content {
  height: calc(100vh - 9rem);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2.5rem 4.5rem;
  position: relative; }

.layout__alert {
  position: absolute;
  left: 6rem;
  bottom: 4rem;
  z-index: 11;
  padding: 1rem 2rem 1rem 5rem;
  border-radius: 1rem;
  letter-spacing: -.05em;
  font-size: 1.6rem;
  font-weight: 500;
  min-width: 26.6rem; }
  .layout__alert:after {
    content: '';
    position: absolute;
    width: .8rem;
    height: 1.4rem;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform: rotateZ(45deg) translateY(-50%);
    left: 2rem;
    top: 50%;
    margin-top: -.4rem; }
  .layout__alert.with-border {
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: .2rem; }
  .layout__alert.success {
    background-color: #edfff6;
    color: #21c074;
    box-shadow: 0 0 1.5rem #82b59f38;
    border-color: #40d48d; }
    .layout__alert.success:after {
      border-color: #21c074; }
  .layout__alert.error {
    background-color: #ffeaea;
    color: #d44040;
    box-shadow: 0 0 1.5rem #b5828238;
    border-color: #d44040; }
    .layout__alert.error:after {
      border-color: #d44040; }

.dashboard__wrapper {
  display: flex;
  margin: 0 -.8rem; }

.dashboard__block {
  width: 25%;
  padding: 0 .8rem; }
  .dashboard__block.half {
    width: 50%; }
  .dashboard__block.full {
    width: 100%; }
    .dashboard__block.full .dashboard__item {
      min-height: auto; }
  .dashboard__block .status {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    position: relative;
    white-space: nowrap; }
    .dashboard__block .status:after {
      position: absolute;
      content: '';
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 1rem;
      height: 1rem;
      border-radius: 50%; }
    .dashboard__block .status.ongoing {
      padding-left: 1.8rem; }
      .dashboard__block .status.ongoing:after {
        background-color: #34d186; }
    .dashboard__block .status.active {
      padding-left: 1.8rem; }
      .dashboard__block .status.active:after {
        background-color: #34d186; }
    .dashboard__block .status.attempt {
      padding-left: 1.8rem; }
      .dashboard__block .status.attempt:after {
        background-color: #d44040; }
    .dashboard__block .status.default {
      padding-left: 1.8rem;
      padding-left: 0; }
    .dashboard__block .status.not_used {
      padding-left: 1.8rem; }
      .dashboard__block .status.not_used:after {
        background-color: #727272; }
    .dashboard__block .status.check_in {
      padding-left: 1.8rem; }
      .dashboard__block .status.check_in:after {
        background-color: #40d48d; }
    .dashboard__block .status.check_out {
      padding-left: 1.8rem; }
      .dashboard__block .status.check_out:after {
        background-color: #d4ad40; }
    .dashboard__block .status.scheduled {
      padding-left: 1.8rem; }
      .dashboard__block .status.scheduled:after {
        background-color: #d4ad40; }
    .dashboard__block .status.invited {
      padding-left: 1.8rem; }
      .dashboard__block .status.invited:after {
        background-color: #d4ad40; }
    .dashboard__block .status.draft {
      padding-left: 1.8rem; }
      .dashboard__block .status.draft:after {
        background-color: #727272; }
    .dashboard__block .status.finished {
      padding-left: 1.8rem; }
      .dashboard__block .status.finished:after {
        background-color: #c2c2c2; }
  .dashboard__block.active {
    border-color: #ccfbe5; }

.status__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.status__text {
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: -0.05em; }

.dashboard__item {
  background-color: #fbfbfb;
  border-radius: 1rem;
  border: 2px solid #f5f6f8;
  padding: 1.5rem 1.5rem; }
  .dashboard__item.ongoing {
    background-color: #edfff6; }
  .dashboard__item.scheduled {
    background-color: #fffaee; }
  .dashboard__item.invited {
    background-color: #d4ad40; }
  .dashboard__item.not_used {
    background-color: #f6f6f6; }
  .dashboard__item.check_in {
    background-color: #edfff6; }
  .dashboard__item.check_out {
    background-color: #fffaee; }
  .dashboard__item.draft {
    background-color: #f6f6f6; }
  .dashboard__item.finished {
    background-color: #fbfbfb; }
  .dashboard__item.active {
    border-color: #34d186; }
  .dashboard__item.badge {
    height: 7.4rem;
    padding-left: 2rem;
    padding-right: 2rem; }
    .dashboard__item.badge .dashboard__item-title {
      padding-top: .2rem; }
    .dashboard__item.badge .progress__title {
      padding-top: .2rem; }

.dashboard__ico {
  width: 4rem;
  height: 4rem;
  position: relative;
  margin-left: -.5rem; }
  .dashboard__ico img {
    height: 4rem;
    width: 4rem;
    object-fit: contain;
    display: block; }

.dashboard__item-wrapper {
  display: flex;
  gap: 1.5rem; }

.dashboard__item-title {
  margin-bottom: .7rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1; }

.dashboard__item-text {
  font-size: 1.4rem;
  color: #727272;
  letter-spacing: -0.05em;
  line-height: 1; }

.progress__title {
  margin-bottom: .7rem;
  font-weight: 600;
  letter-spacing: -.05em;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1; }

.progress__bar {
  display: flex;
  align-items: center;
  gap: .8rem;
  line-height: 1; }
  .progress__bar span {
    font-weight: 600;
    letter-spacing: -.05em;
    white-space: nowrap;
    font-size: 1.6rem; }
  .progress__bar.full .progress__line .line {
    background-color: #d44040; }

.progress__line {
  height: 1rem;
  border-radius: .3rem;
  position: relative;
  background-color: #e8e8e8;
  width: 100%; }
  .progress__line .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #34d186;
    border-radius: .3rem;
    max-width: 100%; }

.cabinet__item-title {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.05em; }
  .cabinet__item-title.sm {
    font-size: 1.6rem; }

.cabinet__item-head {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .cabinet__item-head .cabinet__item-title {
    margin-bottom: 0; }

.cabinet__item-nav {
  padding: .3rem;
  background-color: #f5f6f8;
  border-radius: .3rem;
  display: flex; }
  .cabinet__item-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000000;
    padding: .5rem 1.3rem; }
    .cabinet__item-nav a.active {
      background-color: #FFFFFF; }

.dashboard__content {
  margin-bottom: 2.5rem; }
  .dashboard__content.mb-3 {
    margin-bottom: 3rem; }
  .dashboard__content:last-child {
    margin-bottom: 0; }
  .dashboard__content .btn--green {
    border: 0; }

.dashboard__table {
  border: 2px solid #f5f6f8;
  border-radius: 1rem; }
  .dashboard__table::-webkit-scrollbar {
    width: 5px; }
  .dashboard__table::-webkit-scrollbar-track {
    background: #E9E9E9;
    border-radius: 1rem; }
  .dashboard__table::-webkit-scrollbar-thumb {
    background: #34d186;
    border-radius: 1rem; }
  .dashboard__table .table {
    font-family: "Inter", sans-serif;
    border-radius: 1rem; }
    .dashboard__table .table thead tr {
      border-bottom: 0; }
      .dashboard__table .table thead tr th {
        border-bottom: 2px solid #f5f6f8;
        height: auto;
        padding: 1.3rem 1.5rem;
        font-size: 1.4rem;
        color: #727272;
        font-weight: 500;
        letter-spacing: -0.05em;
        background-color: #ffffff; }
        .dashboard__table .table thead tr th:first-child {
          border-top-left-radius: 1rem; }
        .dashboard__table .table thead tr th:last-child {
          border-top-right-radius: 1rem; }
        .dashboard__table .table thead tr th .checkbox__label {
          font-size: 1.4rem;
          color: #727272;
          font-weight: 500; }
    .dashboard__table .table tbody tr {
      border-bottom-width: 2px;
      vertical-align: top; }
      .dashboard__table .table tbody tr:last-child {
        border-bottom: 0; }
        .dashboard__table .table tbody tr:last-child td:first-child {
          border-bottom-left-radius: 1rem; }
        .dashboard__table .table tbody tr:last-child td:last-child {
          border-bottom-right-radius: 1rem; }
      .dashboard__table .table tbody tr:nth-child(odd) {
        background-color: #fbfbfb; }
      .dashboard__table .table tbody tr:nth-child(even) {
        background-color: #ffffff; }
      .dashboard__table .table tbody tr td {
        padding: 1.3rem 1.5rem;
        font-weight: 500;
        font-size: 1.6rem; }
        .dashboard__table .table tbody tr td.progress__cell {
          padding: 1.8rem 0 1.3rem; }
        .dashboard__table .table tbody tr td.bold {
          font-weight: 600; }
        .dashboard__table .table tbody tr td .title {
          font-weight: 600;
          color: #000000;
          font-size: 1.6rem;
          letter-spacing: -0.05em;
          max-width: 30rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .dashboard__table .table tbody tr td .date {
          letter-spacing: -0.05em;
          font-size: 1.4rem;
          font-weight: 400; }
        .dashboard__table .table tbody tr td .text {
          font-weight: 400;
          color: #727272;
          font-size: 1.4rem;
          max-width: 30rem;
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          vertical-align: text-bottom; }
      .dashboard__table .table tbody tr:nth-last-child(-n+3):nth-child(n+6) .table__actions-drop {
        top: auto;
        bottom: 100%; }
  .dashboard__table.full {
    height: calc(100vh - 225px); }
  .dashboard__table.adaptive-height {
    height: calc(100vh - 275px); }
  .dashboard__table.sm {
    height: calc(100vh - 330px); }
  .dashboard__table.min-height {
    min-height: 25.6rem; }
  .dashboard__table.scrollable {
    overflow-y: auto; }
    .dashboard__table.scrollable .table thead tr th {
      position: sticky;
      top: 0;
      background: #ffffff;
      z-index: 2; }
  .dashboard__table .progress__block {
    display: flex;
    align-items: center;
    gap: 1rem; }
  .dashboard__table .progress__title {
    font-size: 1.6rem; }
  .dashboard__table .progress__line {
    width: 9rem; }

.cabinet__link {
  font-size: 1.6rem;
  color: #34d186;
  font-weight: 600;
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  gap: 1.3rem; }

.cabinet__item-action {
  display: flex;
  margin-top: 1.5rem; }
  .cabinet__item-action.flex-end {
    justify-content: flex-end; }

.cabinet__item-link {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #000000;
  position: relative;
  padding-right: 1.5rem; }
  .cabinet__item-link:after {
    content: '';
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-left-color: #000000;
    right: 0;
    margin-top: .2rem; }

.table__actions {
  position: relative;
  display: inline-flex; }

.table__action-btn {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  padding-top: 10px;
  height: 20px; }
  .table__action-btn i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000; }

.table__actions-drop {
  position: absolute;
  top: calc(100% + 1rem);
  right: -2rem;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  padding: 2rem;
  min-width: 17rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  z-index: 10; }
  .table__actions-drop.opened {
    opacity: 1;
    visibility: visible; }
  .table__actions-drop a {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #000000;
    margin-bottom: 1.5rem; }
    .table__actions-drop a:last-child {
      margin-bottom: 0; }
    .table__actions-drop a.text-red {
      color: #C52626; }

.team__wrapper {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 0; }

.team__item {
  width: 25%;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  padding-right: 1.5rem; }
  .team__item span {
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-right: 1.5rem;
    flex-shrink: 0;
    color: #FFFFFF; }
  .team__item.add span {
    background: none;
    border-radius: 50%;
    position: relative;
    border: 2px solid #727272; }
    .team__item.add span:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1.4rem;
      height: .2rem;
      background-color: #727272; }
    .team__item.add span:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: .2rem;
      height: 1.4rem;
      background-color: #727272; }
  .team__item .email {
    line-height: 1.15;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.teams__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .teams__wrapper .title {
    font-weight: 600;
    letter-spacing: -0.05em; }
  .teams__wrapper .text {
    font-weight: 600;
    letter-spacing: -0.05em; }

.dash__search {
  flex: 1;
  border: 2px solid #f5f6f8;
  border-radius: 1rem;
  position: relative;
  background-color: #fbfbfb; }
  .dash__search .input {
    border: 0;
    background: none;
    height: 3.6rem;
    width: 100%;
    font-size: 1.6rem;
    padding: 0 10rem 0 5rem;
    font-weight: 500; }
    .dash__search .input::placeholder {
      font-size: 1.6rem;
      font-weight: 500; }

.dash__search-btn {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem; }
  .dash__search-btn img {
    display: block; }

.dash__reset {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-size: 1.4rem;
  padding-left: 2rem;
  display: block;
  color: #727272;
  font-weight: 600; }
  .dash__reset:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    transform: rotateZ(45deg);
    height: .2rem;
    width: 1.4rem;
    background-color: #727272; }
  .dash__reset:after {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    transform: rotateZ(-45deg);
    height: .2rem;
    width: 1.4rem;
    background-color: #727272; }

.cabinet__wrapper {
  display: flex;
  margin: 0 -5rem; }

.cabinet__block {
  width: 70%;
  padding: 0 5rem; }
  .cabinet__block:first-child {
    position: relative;
    z-index: 3; }
  .cabinet__block:last-child {
    width: 30%;
    position: relative;
    padding-right: 4.5rem; }
    .cabinet__block:last-child:after {
      content: '';
      position: absolute;
      top: -5rem;
      left: 0;
      width: 150%;
      height: calc(100vh - 9rem);
      background-color: #fbfbfb;
      z-index: 1; }
    .cabinet__block:last-child .cabinet__item-title {
      position: relative;
      z-index: 2; }
    .cabinet__block:last-child .cabinet__title {
      position: relative;
      z-index: 2;
      margin-bottom: 3rem; }
    .cabinet__block:last-child .ticket__templates {
      position: relative;
      z-index: 2; }

.cabinet__bg-block {
  position: relative;
  z-index: 2; }

.cabinet__form {
  max-width: 66rem; }
  .cabinet__form .form__row {
    display: flex;
    margin: 0 -.9rem; }
    .cabinet__form .form__row .form__group {
      flex: 1;
      padding: 0 .9rem; }
      .cabinet__form .form__row .form__group.short {
        flex: unset;
        width: 33.33%; }
  .cabinet__form .form__group {
    margin-bottom: 2rem;
    display: block;
    position: relative; }
  .cabinet__form .label {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 1rem; }
  .cabinet__form .input {
    border: 2px solid #e5e5e5;
    color: #000000;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
    font-weight: 500;
    border-radius: .3rem;
    background-color: #FFFFFF;
    height: 4.4rem;
    padding: 0 2rem; }
    .cabinet__form .input.error {
      border-color: #ffdfdf; }
  .cabinet__form .select {
    border: 0; }
    .cabinet__form .select:after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1.5rem;
      border: 4px solid transparent;
      padding: 0;
      border-top-color: #000000;
      margin-top: .2rem; }
    .cabinet__form .select select {
      height: 4.4rem;
      padding: 0 3rem 0 2rem;
      border: 2px solid #e5e5e5;
      letter-spacing: -0.05em;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
  .cabinet__form .checkbox {
    margin-bottom: 0;
    margin-top: 4.4rem; }
  .cabinet__form .cabinet__event-add-wrapper {
    padding-bottom: 4rem; }

.cabinet__radio {
  display: flex;
  background-color: #f5f6f8;
  padding: .3rem;
  border-radius: .4rem;
  margin-bottom: 3rem; }
  .cabinet__radio .radio {
    width: 50%;
    margin-bottom: 0; }
  .cabinet__radio .radio__input:checked + .radio__label {
    background-color: #FFFFFF; }
  .cabinet__radio .radio__label {
    font-weight: 600;
    color: #000000;
    letter-spacing: -.05em;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.4rem;
    border-radius: .4rem;
    width: 100%; }
    .cabinet__radio .radio__label:before {
      display: none; }
    .cabinet__radio .radio__label:after {
      display: none; }

.dash__form {
  display: flex;
  gap: 1.3rem;
  margin-bottom: 1rem; }
  .dash__form .btn {
    height: 4rem;
    padding: 0 1.5rem;
    border-width: .2rem;
    margin-bottom: 0; }
    .dash__form .btn--green {
      min-width: 14.5rem; }

.input__date {
  display: flex; }
  .input__date .input {
    text-align: center;
    padding: 0 .5rem; }
    .input__date .input:first-child {
      border-right: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input__date .input:last-child {
      width: 8rem; }

.sub__list {
  margin-bottom: 2.5rem; }
  .sub__list li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: -0.05em; }
    .sub__list li:before {
      content: '';
      border-width: 0 2px 2px 0;
      border-radius: 1px;
      border-style: solid;
      border-color: #34d186;
      transform: rotate(45deg);
      top: .6rem;
      left: 0;
      height: 1.2rem;
      width: .6rem;
      position: absolute; }

.sub__item {
  margin-bottom: 3rem; }
  .sub__item .title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #727272; }

.sub__price {
  font-size: 3rem;
  font-weight: 600;
  color: #000000; }

.ticket__template {
  margin-bottom: 1.5rem;
  max-width: 30.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e5e5e5;
  background-color: #f5f6f8;
  padding: 2rem;
  height: 18rem;
  border-radius: .3rem; }
  .ticket__template img {
    max-width: 80%;
    max-height: 100%;
    display: block;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15); }
  .ticket__template.active {
    border-color: #34d186; }

.cabinet__form-error {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.4rem;
  color: #d44040;
  letter-spacing: -0.05em;
  font-weight: 500; }

.cabinet__event-add-wrapper {
  height: calc(100vh - 20rem);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 2;
  padding-bottom: 8.6rem;
  padding-right: 2rem; }

.cabinet__bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  border-top: 4px solid #f5f6f8;
  z-index: 4;
  padding: 2.1rem 4.5rem;
  letter-spacing: -0.05em;
  font-weight: 500;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .cabinet__bottom-line .btn {
    min-width: 14.5rem;
    height: 4rem; }
  .cabinet__bottom-line .success {
    color: #21c074; }
  .cabinet__bottom-line .error {
    color: #d44040; }

.cabinet__bottom-actions {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  gap: 2rem; }

.cancel__link {
  color: #d44040;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
  font-weight: 600; }
  .cancel__link:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    width: 1.4rem;
    height: .2rem;
    background-color: #d44040;
    left: 0;
    margin-top: 1px; }
  .cancel__link:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateZ(-45deg);
    width: 1.4rem;
    height: .2rem;
    background-color: #d44040;
    left: 0;
    margin-top: 1px; }

.dashboard__filter {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.2rem; }
  .dashboard__filter .dash__reset {
    position: relative;
    transform: translateY(0);
    top: auto;
    left: auto;
    right: auto; }

.filter__item {
  position: relative; }

.checkbox__wrapper .checkbox {
  margin-bottom: 1.5rem; }
  .checkbox__wrapper .checkbox:last-child {
    margin-bottom: 0; }

.filter__drop {
  position: absolute;
  top: calc(100% + .7rem);
  left: 0;
  border: 1px solid #e5e5e5;
  background-color: #FFFFFF;
  z-index: 10;
  border-radius: 1rem;
  padding: 2rem;
  min-width: 27rem; }
  .filter__drop .label {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 1rem; }
  .filter__drop .input {
    border: 2px solid #e5e5e5;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
    height: 4.4rem;
    text-align: center;
    min-width: 12.4rem;
    border-radius: .3rem; }
  .filter__drop .checkbox {
    margin-bottom: 0; }
  .filter__drop .checkbox__label {
    font-size: 1.6rem;
    font-weight: 500; }

.filter__dates {
  display: flex;
  margin-bottom: 1rem; }
  .filter__dates .separator {
    width: 1rem;
    height: .1rem;
    background-color: #000000;
    margin: auto 1rem 2rem; }

.filter__dates-item {
  flex: 1; }

.filter__drop-btn {
  height: 4rem;
  padding: 0 1.5rem;
  border: 2px solid #f5f6f8;
  display: flex;
  align-items: center;
  background-color: #fbfbfb;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.05em;
  position: relative;
  border-radius: 1rem; }
  .filter__drop-btn img {
    margin-right: 1rem;
    display: block;
    transition: all .2s ease; }
  .filter__drop-btn .title {
    color: #727272;
    display: flex;
    height: 100%;
    align-items: center; }
  .filter__drop-btn .select-text {
    color: #34d186;
    display: block;
    padding-left: 1rem;
    margin-left: 1rem;
    margin-right: 1.5rem;
    border-left: 2px solid #f5f6f8;
    max-width: 17rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .filter__drop-btn.opened img {
    transform: rotateZ(45deg); }
  .filter__drop-btn.selected img {
    transform: rotateZ(45deg); }
  .filter__drop-btn.selected:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    border: 4px solid transparent;
    padding: 0;
    border-top-color: #adadad;
    margin-top: .2rem; }

.cabinet__radio {
  display: flex; }
  .cabinet__radio .radio__label:before {
    display: none; }
  .cabinet__radio .radio__label:after {
    display: none; }

.cabinet__flow {
  margin-bottom: 1.5rem;
  min-height: 24.7rem;
  background-color: #FFFFFF;
  border: 2px solid #f5f6f8;
  border-radius: .3rem; }

.empty__table {
  min-height: 25.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #727272;
  font-size: 1.4rem;
  font-weight: 500; }
  .empty__table.in_table {
    min-height: 18rem; }

.file__field {
  border: 2px solid #e5e5e5;
  border-radius: .3rem;
  height: 17.8rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: -1rem; }
  .file__field img {
    display: block;
    margin-bottom: 1rem; }
  .file__field .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0; }

.file__title {
  margin-bottom: .3rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #000000; }

.file__text {
  font-size: 1.4rem;
  font-weight: 500;
  color: #727272;
  letter-spacing: -.05em; }

.layout__main-link {
  display: none;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  padding: 1rem 2rem 1rem 4rem;
  font-size: 2rem;
  background-color: #FFFFFF;
  font-weight: 700;
  z-index: 11;
  border-bottom: solid 4px #f5f6f8;
  letter-spacing: -0.05em; }
  .layout__main-link:after {
    content: '';
    position: absolute;
    left: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-width: 4px 6px 4px 4px;
    border-right-color: #000000; }

.datepicker__drop {
  font-weight: 500 !important;
  letter-spacing: -.05em;
  position: absolute;
  top: 100%;
  left: 1rem;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .datepicker__drop.opened {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
  .datepicker__drop * {
    font-weight: inherit !important;
    letter-spacing: inherit !important; }

@media (max-width: 1400px) {
  .layout__wrapper .header {
    transform: translateX(-100%);
    transition: transform .2s ease;
    z-index: 1111; }
    .layout__wrapper .header.opened {
      transform: translateX(0); }
  .layout__wrapper .header__wrapper {
    flex-direction: column;
    height: auto; }
  .layout__main {
    width: 100%; }
  body.cabinet .menu {
    display: block; }
  .layout__header {
    width: 100%;
    left: 0; }
  .layout__header-block .menu__btn {
    display: flex; } }

@media (max-width: 1600px) {
  .cabinet__block {
    width: 60%;
    padding-right: 0; }
    .cabinet__block:last-child {
      width: 40%;
      padding-right: 0; }
  .cabinet__event-add-wrapper {
    padding-right: 5rem; } }

@media (max-width: 1350px) {
  .dashboard__filter {
    flex-wrap: wrap; } }

@media (max-width: 1100px) {
  .dashboard__wrapper {
    flex-wrap: wrap;
    row-gap: 2rem; }
  .dashboard__block {
    width: 50%; }
    .dashboard__block.half {
      width: 100%; }
  .cabinet__title {
    height: 5.5rem; }
    .cabinet__title.column {
      justify-content: center; }
  .team__item {
    width: 33.33%; }
  .dashboard__table.min-height {
    min-height: auto; }
  .dashboard__table.full {
    max-height: none;
    height: auto; }
  .dashboard__table.adaptive-height {
    max-height: none;
    height: auto; }
  .dashboard__table.sm {
    height: auto;
    min-height: auto; }
  .dashboard__table.scrollable {
    overflow: initial; }
  .empty__table {
    min-height: auto; }
    .empty__table.in_table {
      min-height: auto; } }

@media (max-width: 992px) {
  .layout__wrapper .header {
    width: 100%; }
    .layout__wrapper .header .cabinet__title {
      display: none; }
  .dashboard__table .table tbody tr td .title {
    white-space: initial;
    max-width: none; }
  .dashboard__table .table tbody tr td .text {
    white-space: initial;
    max-width: none; }
  .layout__wrapper .header .logo {
    height: 8rem;
    width: auto; }
  .cabinet__form .form__row {
    flex-wrap: wrap; }
    .cabinet__form .form__row .form__group {
      width: 100%;
      flex: unset; }
      .cabinet__form .form__row .form__group.short {
        width: 100%;
        flex: unset; }
  .cabinet__event-add-wrapper {
    max-height: none;
    height: auto;
    overflow: initial; }
  .dashboard__table.full {
    max-height: none;
    height: auto; }
  .dashboard__table.adaptive-height {
    max-height: none;
    height: auto; }
  .dashboard__table.sm {
    height: auto;
    min-height: auto; }
  .dashboard__table.scrollable {
    overflow: initial; }
  .ticket__templates.horizontal {
    flex-wrap: nowrap;
    overflow-x: auto; }
    .ticket__templates.horizontal .ticket__template {
      flex: unset;
      width: 30.5rem;
      flex-shrink: 0; }
  .cabinet__block:last-child:after {
    display: none; }
  .cabinet__title {
    font-size: 2.4rem;
    height: 4rem; }
  .layout__header {
    height: 7rem; }
  .layout__main {
    padding-top: 7rem; }
  .dashboard__table .table {
    display: block; }
    .dashboard__table .table thead {
      display: none; }
    .dashboard__table .table tbody {
      display: block; }
      .dashboard__table .table tbody tr {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        display: flex; }
        .dashboard__table .table tbody tr td {
          width: 50%;
          display: block;
          word-break: break-word;
          padding: 1rem 1rem 0; }
          .dashboard__table .table tbody tr td:first-child {
            width: 100%; }
          .dashboard__table .table tbody tr td:before {
            content: attr(aria-label);
            display: block;
            font-size: 1.2rem;
            color: #727272;
            letter-spacing: -.05em; }
          .dashboard__table .table tbody tr td:last-child {
            padding-bottom: 1rem; }
          .dashboard__table .table tbody tr td.date__cell-from {
            width: 11rem;
            position: relative; }
            .dashboard__table .table tbody tr td.date__cell-from:after {
              content: '';
              position: absolute;
              top: 2rem;
              width: .6rem;
              height: .1rem;
              background-color: #000000;
              left: calc(100% - .7rem); }
          .dashboard__table .table tbody tr td.date__cell-to {
            width: calc(100% - 11rem); }
          .dashboard__table .table tbody tr td.progress__cell {
            width: calc(100% - 14rem);
            display: flex;
            align-items: flex-end;
            padding-bottom: .8rem; }
            .dashboard__table .table tbody tr td.progress__cell .progress__bar {
              width: 100%; }
            .dashboard__table .table tbody tr td.progress__cell .progress__line {
              width: 100%; }
          .dashboard__table .table tbody tr td.progress__cell-label {
            width: 7rem; }
  .dashboard__table.summary table tr td:first-child {
    width: 100%;
    flex: unset; }
  .dashboard__table.summary table tr td:nth-child(2) {
    flex: 1; }
  .dashboard__table.summary table tr td:last-child {
    width: 4rem; }
  .layout__header-block .dropdown-wrapper {
    display: block;
    flex: 1;
    line-height: 1; }
  .dashboard__table .table tbody tr td {
    width: 33.33%;
    height: auto; }
    .dashboard__table .table tbody tr td:last-child {
      width: 7rem;
      margin-left: auto; }
    .dashboard__table .table tbody tr td.progress__cell {
      padding-bottom: .6rem; }
    .dashboard__table .table tbody tr td.cell__status {
      flex: 1;
      width: auto; }
    .dashboard__table .table tbody tr td.full-width {
      width: 100%;
      flex: unset; }
    .dashboard__table .table tbody tr td.half-width {
      width: 50%; }
    .dashboard__table .table tbody tr td.full-14 {
      width: calc(100% - 14rem); }
    .dashboard__table .table tbody tr td.sm-right {
      width: 7rem;
      margin-left: auto; }
    .dashboard__table .table tbody tr td .title {
      font-weight: 700; }
  .layout__header {
    padding: 0 2rem; }
  .layout__content {
    padding: 2rem 2rem; }
  .cabinet__bottom-line {
    position: fixed; } }

@media (max-width: 800px) {
  .layout__header-block .cabinet__subtitle {
    display: none; }
  .layout__header {
    padding: 0 0; }
  .cabinet__wrapper {
    flex-direction: column;
    margin: 0 -2rem; }
  .cabinet__block {
    width: 100%;
    padding: 0 2rem; }
    .cabinet__block .cabinet__event-add-wrapper {
      padding-right: 0;
      padding-bottom: 2rem; }
    .cabinet__block:last-child {
      width: 100%;
      padding: 0 2rem; }
      .cabinet__block:last-child .cabinet__event-add-wrapper {
        padding-bottom: 10rem; }
  .cabinet__event-add-wrapper {
    padding-bottom: 4rem; }
  .ticket__templates {
    flex-wrap: wrap;
    display: flex;
    column-gap: 1rem; }
  .ticket__template {
    max-width: 100%;
    flex: 0 0 calc(50% - 1rem); }
  .cabinet__bottom-line {
    position: fixed;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 1rem; }
    .cabinet__bottom-line .btn {
      flex: 1; }
    .cabinet__bottom-line .error, .cabinet__bottom-line.success {
      width: 100%; }
  .create__event-actions {
    display: flex;
    width: 100%;
    gap: 1rem; }
    .create__event-actions .btn {
      flex: 1; }
  .team__item {
    width: 50%; }
  .layout__header-block {
    width: 100%; }
    .layout__header-block .nav {
      white-space: nowrap;
      overflow-x: auto; }
  .cabinet__bg-block {
    padding-bottom: 17rem; }
  .cabinet__bottom-line {
    padding: 1rem 2rem; }
  .layout__content {
    height: auto;
    overflow: initial; }
  body.app-view .layout__header {
    display: none; }
  body.app-view .layout__main {
    padding-top: 5rem; }
  .tickets__mobile-actions {
    display: none; }
  .layout__header .layout__header-block {
    padding: 1.5rem 2rem; }
    .layout__header .layout__header-block:not(:first-child) {
      display: none; }
  .cabinet__link {
    font-size: 0;
    margin-left: auto;
    gap: 0; }
  .promo {
    min-height: auto;
    padding: 2rem;
    background-color: #ffffff; }
    .promo .cabinet__text {
      margin-bottom: 2rem; }
  .promo__img {
    display: none; }
  .promo__container {
    width: 100%;
    max-width: 100%; }
  .promo__stores {
    flex-direction: row; }
  .promo__scan-wrapper {
    margin-bottom: 3rem; }
  .promo__scan-title {
    margin-bottom: 1rem; }
  .promo__img-mob {
    margin-bottom: 2rem; }
    .promo__img-mob img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      max-height: 150px; }
  .layout__main .plans__item-wrapper {
    min-height: calc(100vh - 13rem); } }

@media (max-width: 768px) {
  .layout__header {
    justify-content: center; }
  body.cabinet .layout__wrapper {
    background: none; }
  .plans__wrapper {
    padding-top: 6rem; }
    .plans__wrapper .slick-dots {
      bottom: auto;
      top: 0;
      position: absolute; } }

@media (max-width: 640px) {
  .ticket__template {
    flex: 0 0 100%; }
  .dash__form {
    flex-wrap: wrap; }
    .dash__form .dropdown-wrapper {
      flex: 1;
      order: 1; }
      .dash__form .dropdown-wrapper .btn {
        width: 100%; }
      .dash__form .dropdown-wrapper.first .dropdown {
        left: 0;
        right: auto; }
    .dash__form.fixed {
      position: fixed;
      top: 19px;
      left: 0;
      width: 100%;
      background-color: #FFFFFF;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 1rem;
      transition: all .2s ease;
      z-index: 9;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); }
  .cabinet__form-error {
    top: 8.2rem; }
  .dash__search {
    width: 100%;
    flex: unset;
    order: 3; }
    .dash__search .input {
      padding: 0 3rem 0 4rem; }
  .dashboard__wrapper.stats {
    margin-bottom: -1.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 1rem; }
    .dashboard__wrapper.stats .dashboard__block {
      min-width: 70%; }
  .cabinet__title.column {
    height: auto; }
  .cabinet__subtitle span {
    display: block;
    margin-top: .4rem; }
  .dash__reset {
    font-size: 0;
    height: 2.1rem;
    right: 1rem;
    padding-left: 1.5rem; }
  .input__date .input:last-child {
    width: 18rem; }
  .cabinet__form .checkbox {
    margin-top: 0; }
  .cabinet__form .form__group.start-date {
    margin-bottom: 1rem; } }

@media (max-width: 560px) {
  .dashboard__block.sm {
    width: 100%; }
  .dashboard__wrapper {
    row-gap: 1rem; }
    .dashboard__wrapper.summary {
      row-gap: 2rem; }
  .dashboard__table .table tbody tr td.progress__cell {
    padding-bottom: .4rem; }
  .remodal__form-row {
    flex-direction: column; } }

@media (max-width: 500px) {
  .dashboard__table .table tbody tr {
    flex-direction: row;
    flex-wrap: wrap; }
    .dashboard__table .table tbody tr td {
      width: 33.33%;
      display: block;
      padding: 1rem 1rem 0; }
      .dashboard__table .table tbody tr td:first-child {
        width: 100%; }
      .dashboard__table .table tbody tr td:before {
        content: attr(aria-label);
        display: block;
        font-size: 1.2rem;
        color: #727272;
        letter-spacing: -.05em; }
  .dashboard__block {
    width: 100%; }
  .team__item {
    width: 100%; } }

@media (max-width: 400px) {
  .cabinet__block:last-child .cabinet__event-add-wrapper {
    padding-bottom: 14rem; } }

.circle.percentage-100 .percentage-bar:after, .circle.percentage-99 .percentage-bar:after, .circle.percentage-98 .percentage-bar:after, .circle.percentage-97 .percentage-bar:after, .circle.percentage-96 .percentage-bar:after, .circle.percentage-95 .percentage-bar:after, .circle.percentage-94 .percentage-bar:after, .circle.percentage-93 .percentage-bar:after, .circle.percentage-92 .percentage-bar:after, .circle.percentage-91 .percentage-bar:after, .circle.percentage-90 .percentage-bar:after, .circle.percentage-89 .percentage-bar:after, .circle.percentage-88 .percentage-bar:after, .circle.percentage-87 .percentage-bar:after, .circle.percentage-86 .percentage-bar:after, .circle.percentage-85 .percentage-bar:after, .circle.percentage-84 .percentage-bar:after, .circle.percentage-83 .percentage-bar:after, .circle.percentage-82 .percentage-bar:after, .circle.percentage-81 .percentage-bar:after, .circle.percentage-80 .percentage-bar:after, .circle.percentage-79 .percentage-bar:after, .circle.percentage-78 .percentage-bar:after, .circle.percentage-77 .percentage-bar:after, .circle.percentage-76 .percentage-bar:after, .circle.percentage-75 .percentage-bar:after, .circle.percentage-74 .percentage-bar:after, .circle.percentage-73 .percentage-bar:after, .circle.percentage-72 .percentage-bar:after, .circle.percentage-71 .percentage-bar:after, .circle.percentage-70 .percentage-bar:after, .circle.percentage-69 .percentage-bar:after, .circle.percentage-68 .percentage-bar:after, .circle.percentage-67 .percentage-bar:after, .circle.percentage-66 .percentage-bar:after, .circle.percentage-65 .percentage-bar:after, .circle.percentage-64 .percentage-bar:after, .circle.percentage-63 .percentage-bar:after, .circle.percentage-62 .percentage-bar:after, .circle.percentage-61 .percentage-bar:after, .circle.percentage-60 .percentage-bar:after, .circle.percentage-59 .percentage-bar:after, .circle.percentage-58 .percentage-bar:after, .circle.percentage-57 .percentage-bar:after, .circle.percentage-56 .percentage-bar:after, .circle.percentage-55 .percentage-bar:after, .circle.percentage-54 .percentage-bar:after, .circle.percentage-53 .percentage-bar:after, .circle.percentage-52 .percentage-bar:after, .circle.percentage-51 .percentage-bar:after {
  position: absolute;
  content: "";
  -webkit-clip-path: inset(0 0 0 50%);
  clip-path: inset(0 0 0 50%);
  transform: rotate(0deg);
  width: 40px;
  height: 40px;
  border: 10px solid #34d186;
  background: transparent;
  border-radius: 100%;
  transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out; }

.circle.percentage-100 .percentage-bar, .circle.percentage-99 .percentage-bar, .circle.percentage-98 .percentage-bar, .circle.percentage-97 .percentage-bar, .circle.percentage-96 .percentage-bar, .circle.percentage-95 .percentage-bar, .circle.percentage-94 .percentage-bar, .circle.percentage-93 .percentage-bar, .circle.percentage-92 .percentage-bar, .circle.percentage-91 .percentage-bar, .circle.percentage-90 .percentage-bar, .circle.percentage-89 .percentage-bar, .circle.percentage-88 .percentage-bar, .circle.percentage-87 .percentage-bar, .circle.percentage-86 .percentage-bar, .circle.percentage-85 .percentage-bar, .circle.percentage-84 .percentage-bar, .circle.percentage-83 .percentage-bar, .circle.percentage-82 .percentage-bar, .circle.percentage-81 .percentage-bar, .circle.percentage-80 .percentage-bar, .circle.percentage-79 .percentage-bar, .circle.percentage-78 .percentage-bar, .circle.percentage-77 .percentage-bar, .circle.percentage-76 .percentage-bar, .circle.percentage-75 .percentage-bar, .circle.percentage-74 .percentage-bar, .circle.percentage-73 .percentage-bar, .circle.percentage-72 .percentage-bar, .circle.percentage-71 .percentage-bar, .circle.percentage-70 .percentage-bar, .circle.percentage-69 .percentage-bar, .circle.percentage-68 .percentage-bar, .circle.percentage-67 .percentage-bar, .circle.percentage-66 .percentage-bar, .circle.percentage-65 .percentage-bar, .circle.percentage-64 .percentage-bar, .circle.percentage-63 .percentage-bar, .circle.percentage-62 .percentage-bar, .circle.percentage-61 .percentage-bar, .circle.percentage-60 .percentage-bar, .circle.percentage-59 .percentage-bar, .circle.percentage-58 .percentage-bar, .circle.percentage-57 .percentage-bar, .circle.percentage-56 .percentage-bar, .circle.percentage-55 .percentage-bar, .circle.percentage-54 .percentage-bar, .circle.percentage-53 .percentage-bar, .circle.percentage-52 .percentage-bar, .circle.percentage-51 .percentage-bar {
  -webkit-clip-path: none;
  clip-path: none; }

.circle {
  width: 40px;
  height: 40px;
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.circle:before {
  position: absolute;
  content: "";
  background-color: transparent;
  width: 40px;
  height: 40px;
  border: 10px solid #e9e7e7;
  background: transparent;
  border-radius: 100%;
  transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out; }

.circle .percentage-bar {
  width: 40px;
  height: 40px;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  clip-path: inset(0 0 0 50%); }

.circle .percentage-bar:before {
  position: absolute;
  content: "";
  -webkit-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  transform: rotate(0deg);
  width: 40px;
  height: 40px;
  border: 10px solid #34d186;
  background: transparent;
  border-radius: 100%;
  transition: width 0.2s ease-out, height 0.2s ease-out, border-width 0.2s ease-out; }

.circle.percentage-1 .percentage-bar:before {
  transform: rotate(3.6deg); }

.circle.percentage-2 .percentage-bar:before {
  transform: rotate(7.2deg); }

.circle.percentage-3 .percentage-bar:before {
  transform: rotate(10.8deg); }

.circle.percentage-4 .percentage-bar:before {
  transform: rotate(14.4deg); }

.circle.percentage-5 .percentage-bar:before {
  transform: rotate(18deg); }

.circle.percentage-6 .percentage-bar:before {
  transform: rotate(21.6deg); }

.circle.percentage-7 .percentage-bar:before {
  transform: rotate(25.2deg); }

.circle.percentage-8 .percentage-bar:before {
  transform: rotate(28.8deg); }

.circle.percentage-9 .percentage-bar:before {
  transform: rotate(32.4deg); }

.circle.percentage-10 .percentage-bar:before {
  transform: rotate(36deg); }

.circle.percentage-11 .percentage-bar:before {
  transform: rotate(39.6deg); }

.circle.percentage-12 .percentage-bar:before {
  transform: rotate(43.2deg); }

.circle.percentage-13 .percentage-bar:before {
  transform: rotate(46.8deg); }

.circle.percentage-14 .percentage-bar:before {
  transform: rotate(50.4deg); }

.circle.percentage-15 .percentage-bar:before {
  transform: rotate(54deg); }

.circle.percentage-16 .percentage-bar:before {
  transform: rotate(57.6deg); }

.circle.percentage-17 .percentage-bar:before {
  transform: rotate(61.2deg); }

.circle.percentage-18 .percentage-bar:before {
  transform: rotate(64.8deg); }

.circle.percentage-19 .percentage-bar:before {
  transform: rotate(68.4deg); }

.circle.percentage-20 .percentage-bar:before {
  transform: rotate(72deg); }

.circle.percentage-21 .percentage-bar:before {
  transform: rotate(75.6deg); }

.circle.percentage-22 .percentage-bar:before {
  transform: rotate(79.2deg); }

.circle.percentage-23 .percentage-bar:before {
  transform: rotate(82.8deg); }

.circle.percentage-24 .percentage-bar:before {
  transform: rotate(86.4deg); }

.circle.percentage-25 .percentage-bar:before {
  transform: rotate(90deg); }

.circle.percentage-26 .percentage-bar:before {
  transform: rotate(93.6deg); }

.circle.percentage-27 .percentage-bar:before {
  transform: rotate(97.2deg); }

.circle.percentage-28 .percentage-bar:before {
  transform: rotate(100.8deg); }

.circle.percentage-29 .percentage-bar:before {
  transform: rotate(104.4deg); }

.circle.percentage-30 .percentage-bar:before {
  transform: rotate(108deg); }

.circle.percentage-31 .percentage-bar:before {
  transform: rotate(111.6deg); }

.circle.percentage-32 .percentage-bar:before {
  transform: rotate(115.2deg); }

.circle.percentage-33 .percentage-bar:before {
  transform: rotate(118.8deg); }

.circle.percentage-34 .percentage-bar:before {
  transform: rotate(122.4deg); }

.circle.percentage-35 .percentage-bar:before {
  transform: rotate(126deg); }

.circle.percentage-36 .percentage-bar:before {
  transform: rotate(129.6deg); }

.circle.percentage-37 .percentage-bar:before {
  transform: rotate(133.2deg); }

.circle.percentage-38 .percentage-bar:before {
  transform: rotate(136.8deg); }

.circle.percentage-39 .percentage-bar:before {
  transform: rotate(140.4deg); }

.circle.percentage-40 .percentage-bar:before {
  transform: rotate(144deg); }

.circle.percentage-41 .percentage-bar:before {
  transform: rotate(147.6deg); }

.circle.percentage-42 .percentage-bar:before {
  transform: rotate(151.2deg); }

.circle.percentage-43 .percentage-bar:before {
  transform: rotate(154.8deg); }

.circle.percentage-44 .percentage-bar:before {
  transform: rotate(158.4deg); }

.circle.percentage-45 .percentage-bar:before {
  transform: rotate(162deg); }

.circle.percentage-46 .percentage-bar:before {
  transform: rotate(165.6deg); }

.circle.percentage-47 .percentage-bar:before {
  transform: rotate(169.2deg); }

.circle.percentage-48 .percentage-bar:before {
  transform: rotate(172.8deg); }

.circle.percentage-49 .percentage-bar:before {
  transform: rotate(176.4deg); }

.circle.percentage-50 .percentage-bar:before {
  transform: rotate(180deg); }

.circle.percentage-51 .percentage-bar:before {
  transform: rotate(183.6deg); }

.circle.percentage-52 .percentage-bar:before {
  transform: rotate(187.2deg); }

.circle.percentage-53 .percentage-bar:before {
  transform: rotate(190.8deg); }

.circle.percentage-54 .percentage-bar:before {
  transform: rotate(194.4deg); }

.circle.percentage-55 .percentage-bar:before {
  transform: rotate(198deg); }

.circle.percentage-56 .percentage-bar:before {
  transform: rotate(201.6deg); }

.circle.percentage-57 .percentage-bar:before {
  transform: rotate(205.2deg); }

.circle.percentage-58 .percentage-bar:before {
  transform: rotate(208.8deg); }

.circle.percentage-59 .percentage-bar:before {
  transform: rotate(212.4deg); }

.circle.percentage-60 .percentage-bar:before {
  transform: rotate(216deg); }

.circle.percentage-61 .percentage-bar:before {
  transform: rotate(219.6deg); }

.circle.percentage-62 .percentage-bar:before {
  transform: rotate(223.2deg); }

.circle.percentage-63 .percentage-bar:before {
  transform: rotate(226.8deg); }

.circle.percentage-64 .percentage-bar:before {
  transform: rotate(230.4deg); }

.circle.percentage-65 .percentage-bar:before {
  transform: rotate(234deg); }

.circle.percentage-66 .percentage-bar:before {
  transform: rotate(237.6deg); }

.circle.percentage-67 .percentage-bar:before {
  transform: rotate(241.2deg); }

.circle.percentage-68 .percentage-bar:before {
  transform: rotate(244.8deg); }

.circle.percentage-69 .percentage-bar:before {
  transform: rotate(248.4deg); }

.circle.percentage-70 .percentage-bar:before {
  transform: rotate(252deg); }

.circle.percentage-71 .percentage-bar:before {
  transform: rotate(255.6deg); }

.circle.percentage-72 .percentage-bar:before {
  transform: rotate(259.2deg); }

.circle.percentage-73 .percentage-bar:before {
  transform: rotate(262.8deg); }

.circle.percentage-74 .percentage-bar:before {
  transform: rotate(266.4deg); }

.circle.percentage-75 .percentage-bar:before {
  transform: rotate(270deg); }

.circle.percentage-76 .percentage-bar:before {
  transform: rotate(273.6deg); }

.circle.percentage-77 .percentage-bar:before {
  transform: rotate(277.2deg); }

.circle.percentage-78 .percentage-bar:before {
  transform: rotate(280.8deg); }

.circle.percentage-79 .percentage-bar:before {
  transform: rotate(284.4deg); }

.circle.percentage-80 .percentage-bar:before {
  transform: rotate(288deg); }

.circle.percentage-81 .percentage-bar:before {
  transform: rotate(291.6deg); }

.circle.percentage-82 .percentage-bar:before {
  transform: rotate(295.2deg); }

.circle.percentage-83 .percentage-bar:before {
  transform: rotate(298.8deg); }

.circle.percentage-84 .percentage-bar:before {
  transform: rotate(302.4deg); }

.circle.percentage-85 .percentage-bar:before {
  transform: rotate(306deg); }

.circle.percentage-86 .percentage-bar:before {
  transform: rotate(309.6deg); }

.circle.percentage-87 .percentage-bar:before {
  transform: rotate(313.2deg); }

.circle.percentage-88 .percentage-bar:before {
  transform: rotate(316.8deg); }

.circle.percentage-89 .percentage-bar:before {
  transform: rotate(320.4deg); }

.circle.percentage-90 .percentage-bar:before {
  transform: rotate(324deg); }

.circle.percentage-91 .percentage-bar:before {
  transform: rotate(327.6deg); }

.circle.percentage-92 .percentage-bar:before {
  transform: rotate(331.2deg); }

.circle.percentage-93 .percentage-bar:before {
  transform: rotate(334.8deg); }

.circle.percentage-94 .percentage-bar:before {
  transform: rotate(338.4deg); }

.circle.percentage-95 .percentage-bar:before {
  transform: rotate(342deg); }

.circle.percentage-96 .percentage-bar:before {
  transform: rotate(345.6deg); }

.circle.percentage-97 .percentage-bar:before {
  transform: rotate(349.2deg); }

.circle.percentage-98 .percentage-bar:before {
  transform: rotate(352.8deg); }

.circle.percentage-99 .percentage-bar:before {
  transform: rotate(356.4deg); }

.circle.percentage-100 .percentage-bar:before {
  transform: rotate(360deg); }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #34d186 !important;
  border-color: #34d186 !important; }

.flatpickr-day {
  font-weight: 500; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.05em !important;
  margin-bottom: 1rem !important; }

.flatpickr-current-month input.cur-year {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.05em !important;
  margin-bottom: 1rem !important; }

.flatpickr-prev-month {
  display: block;
  position: relative;
  width: 3rem; }
  .flatpickr-prev-month:before {
    content: '';
    position: absolute;
    border: 4px solid transparent;
    border-right-color: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .flatpickr-prev-month svg {
    display: none; }

.flatpickr-next-month {
  display: block;
  position: relative;
  width: 3rem; }
  .flatpickr-next-month:before {
    content: '';
    position: absolute;
    border: 4px solid transparent;
    border-left-color: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .flatpickr-next-month svg {
    display: none; }