:root {
  --light-theme-link-color: #1d1d1b;
}

body::-webkit-scrollbar {
  display: none;
}

/* @supports (scrollbar-width: none) {
  body {
    scrollbar-width: none;
  }
} */

.header__links {
    position: relative;
}

.header__link.open {
  border-bottom: 3px solid #29ccb1;
}

.header__lang-menu {
    left: -34%;
    transform: translateX(66%);
}

.header__lang-list {
    display: none;
}

.header__lang-menu.open > .header__lang-list {
    display: block;
}

.header__lang-link:hover {
  color: #29CCB1;
}

.field {
  position: relative;
  padding: 20px 24px;
}

.field__icons {
    position: relative;
    z-index: 10;
}

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

.field__icon.copy-field, .field__icon.clear-field {
  display: none;
}

@keyframes popap-slow-to-display {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popap-slow-display-none {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.copy-field__popap {
    /* display: block; */
    position: absolute;
    top: -50px;
    right: -162%;
    border-radius: 5px;
    opacity: 1;
    /* transition: opacity 0.6s ease; */
    transition: all 0.6s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 139px;
    height: 38px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    color: #1D1D1B;
    text-align: center;
    font-family: 'Kaspersky Sans Display';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    animation: popap-slow-to-display 0.3s ease-in forwards;
}
.copy-field__popap.hide {
  animation: popap-slow-display-none 0.3s ease-in forwards;
}

.copy-field__popap::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.form__rules {
    height: 1px;
    overflow: hidden;
    transition: all .3s;
}

.form__rules.show-checkbox {
    height: 106px;
}

.status {
    display: none;
}

input::-webkit-textfield-decoration-container,
input::shadow::-webkit-textfield-decoration-container,
:host(:focus)::-webkit-textfield-decoration-container {
  outline: none !important;
  appearance: none !important;
  border: none !important;
}
input,
::slotted(input),
:host(input) {
  outline: none !important;
}

.field__input {
    line-height: 120%;
}

.field__input div:focus-visible {
  outline: none !important;
}

div:focus-visible {
  outline: none !important;
}

.field__label {
    transition: all .2s;
}

.field__label span:hover {
    color: #29CCB1;
    background-size: 100% 2px;
}

.is-light-mode .field__label span {
    color: #1d1d1b;
    background-size: 100% 2px;
}
.is-light-mode .field__label span:hover {
  color: #29CCB1;
  background-size: 100% 2px;
}

.copy-field {
    position: relative;
}

.field__label.out-line {
    display: none;
    top: -60px;
    font-size: 24px;
    color: #fff;
}

.is-light-mode .field__label.out-line {
    color: #2a3541b2;
}

.progress-bar {
    width: 100%;
    height: 8px;
    background-color: #f5f5f5;
    margin-top: 0;
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s ease-in-out !important;
}

.progress-bar.opacity-bar {
    /* background-color: #FFFFFF;
    opacity: 20%; */
    background-color: rgba(255, 255, 255, 0.2);
}

.progress-bar .indicator {
    height: 8px;
    border-radius: 5px;
}

.is-secure .progress-bar .indicator {
    background: linear-gradient(0deg, #fff3, #fff3), linear-gradient(90deg, #4dff88 -2.71%, #29ccb1 101.66%);
}


.is-overdue .progress-bar > .indicator {
    width: 0%;
    background: linear-gradient(90deg,#f73 -84.15%,#f35 133.48%);
}

.is-change .progress-bar .indicator {
    background: linear-gradient(0deg,#fff3,#fff3),linear-gradient(90deg,#fd3 -.15%,#f73 173.98%);
}

.rules__checkbox-input:checked+label:before, .is-light-mode .rules__checkbox-input:checked+label:before {
    background-image: url(../images/checkbox-full.svg);
}

.is-change .progress-bar {
    background-color: rgb(255 221 51 / 20%);
}

.is-overdue .progress-bar {
    background-color: #ff7d9266;
}

.description-block {
    display: none;
}

.pwndInfo {
    display: none;
    margin-bottom: 8px;
}

.bad-score .pwndInfo, .middle-score .pwndInfo {
    display: block;
    margin-top: 10px;
    width: 70%;
    text-align: center;
}

.preloader {
    display: none;
    text-align: center;
    margin: 40px 0;
}

.bad-score, .middle-score, .good-score {
    display: none;
}

.is-overdue .bad-score, .is-change .middle-score, .is-secure .good-score {
    display: flex;
    flex-direction: column;
}

.header__globe-text {
    display: flex;
    align-items: center;
}

.features__button {
  transition: all .175s;
}

.features__button:hover {
    background-color: #29CCB1;
}

.features__button-link {
  cursor: unset;
}

.features__button-link:hover {
  background-size: 0;
}

.swiper-pagination-bullet {
  background: #FFFFFF52;
  cursor: pointer;
}

.swiper-pagination-bullet:hover {
  background: #FFFFFF99;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3DE8CA;
}

.is-light-mode .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--light-theme-link-color);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background: #9DFFEF;
  mask-image: url('../images/arrow-right-light.svg');
  -webkit-mask-image: url('../images/arrow-right-light.svg');
}

.swiper-slide.features__slider-slide {
    height: 425px;
}

.form__button-generate {
  margin-top: 20px;
}

.form__text a {
    color: #3DE8CA;
}

.form__text a:hover {
    color: #9DFFEF;
    background-size: 100% 2px;
}

.how-work__text a {
    color: #3DE8CA;
}

.how-work__text a:hover {
    color: #9DFFEF;
    background-size: 100% 1px;
}

.footer__link {
    color: #3DE8CA;
}

.footer__link:hover {
    color: #9DFFEF;
    background-size: 100% 1px;
}

.header__link-checker {
    line-height: 30px;
    margin-top: -5px;
}

/* Для светлой темы */

body.is-light-mode .form__text a:hover {
    color: #29CCB1;
    background-size: 100% 2px;
}
body.is-light-mode .how-work__text a {
    color: #1d1d1b;
    background-size: 100% 2px;
}
body.is-light-mode .how-work__text a:hover {
    color: #29CCB1;
    background-size: 100% 2px;
}
body.is-light-mode .footer__link {
    color: #1d1d1b;
}
body.is-light-mode .footer__link:hover {
    color: #29CCB1;
}
body.is-light-mode .swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #29CCB1;
}
/* faq */
body.is-light-mode .faq__content a {
  color: #1d1d1b;
}
body.is-light-mode .faq__content a:hover {
  color: #29CCB1;
}

/* Фон градиент */
/* .shadow-features-top {
  top: -609px;
  left: calc(41% - 570px);
  background: linear-gradient(45deg, #3DE8CA 38.74%, #33FF77 100%);
  opacity: 0.8;
  filter: blur(145px);
  transform: rotate(88.33deg);
} */

.shadow-features-top {
  top: -81%;
  left: 55%;
}

.shadow-top-left {
  left: -44%;
  top: -12%;
  width: 100% !important;
  height: 60vh !important;
  background-image: url('../images/shadow-top-xl2.png');
  @media (max-width: 1023px) {
    filter: blur(50px);
  }
}



body:not(.page-faq).is-light-mode .shadow-top-left {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  height: 90vh !important;
  @media (max-width: 1023px) {
    background-image: url('../images/mobile-light-mode-bg.png');
    filter: blur(70px);
    left: auto !important;
    top: -3% !important;
    right: -18% !important;
  }
}

.status__link {
  color: #00A88E;
}

.status__link:hover {
  color: #29CCB1;
  background-size: 100% 1px;
}


/* FAQ секция */
.faq__icon:hover {
  background: #3DE8CA;
}

.faq__item.faq__item_light {
  border-bottom: 2px solid #294D7517;
}

.faq__item.faq__item_dark {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.faq__content ul li::before {
  background: #29CCB1;
}

.faq__content .text-link {
  font-weight: 500;
  color: #3DE8CA;
}

.faq__content .text-link:hover {
  background-size: 100% 1px;
  color: #9DFFEF;
}

.faq__body a {
  background-size: 100% 1px;
  color: #3DE8CA;
}
.faq__body a:hover {
  background-size: 100% 1px;
  color: #9DFFEF;
}

.field__icon.eye-show {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  display: inline-block;
  opacity: 0.6;
}
.field__icon.eye-hide {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  display: inline-block;
  opacity: 0.6;
}
.svg-show {
  display: none;
}
.svg-hide {
  display: none;
}

.field__icon.eye-show .svg-show {
  display: inline;
}
.field__icon.eye-hide .svg-hide {
  display: inline;
}

.field__icon:hover {
  color: #00A88E;
  opacity: 1;
}

.field__icon:hover path {
  fill-opacity: 1;
}


@media (max-width: 1300px) {
    .form__rules.show-checkbox {
        height: 165px;
    }
}

@media screen and (max-width: 1279px) {
    .field {
      padding: 15px 24px;
    }
    .status__link {
      display: none;
    }
    .is-overdue .bad-score, .is-change .middle-score, .is-secure .good-score {
      justify-content: center;
    }
    .form__rules.show-checkbox {
      /* height: 258px; */
      height: fit-content;
    }
    .shadow-features-top {
      top: -46%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 1159px;
    }
}

.faq__body {
  opacity: 1;
}

@media (max-width: 1023px) {
    .form__rules.show-checkbox {
        /* height: 258px; */
        height: fit-content;
    }
    .field__label.out-line {
        display: none !important;
    }
    .status {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header__lang-menu {
        left: 0;
        transform: translateX(0%);
    }
}

@media (max-width: 360px) {
  .is-overdue .bad-score, .is-change .middle-score, .is-secure .good-score {
    flex-direction: row;
    justify-content: flex-start;
  }
  .status__title {
    width: 198px;
    text-align: left;
  }
  .status__link {
    display: none;
  }
}

@media (max-width: 576px) {

  .field__icon.clear-field {
    display: none !important;
  }
  .field {
    justify-content: space-between;
  }
  .field__input {
    width: 73%;
  }
  .form::after {
    content: '';
    position: absolute;
    display: block;
    width: 100vw;
    height: 300vw;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -200.3333vw;
    background: url('/wp-content/themes/passchck/img/fon.png') center/contain no-repeat;
    z-index: -1;
  }

  .features {
    position: relative;
    z-index: 1;
  }
  
  .shadow-features-top {
    display: none;
  }
}

.is-light-mode .is-overdue .rules__checkbox-input:checked+label:before, .is-light-mode .is-change .rules__checkbox-input:checked+label:before {
  background-image: url(../images/checkbox-checked-light.svg) !important;
}

.is-secure .progress-bar > .indicator{
  width: 100% !important;
  transition: all .3s ease-in-out;
}

.is-overdue .rules__checkbox-input:checked+label:before,  .is-change .rules__checkbox-input:checked+label:before {
  background-image: url(../images/checkbox-checked.svg) !important; 
}

body:not(.is-light-mode) .features__list-item-icon img {
  filter: sepia(15) saturate(5) hue-rotate(126deg) !important;
}

body:not(.is-light-mode) .how-work__icon path {
  filter: sepia(15) saturate(5) hue-rotate(126deg) !important;
}

body.is-light-mode .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  background: #223449 !important;
  opacity: .4;
}