.wrapper {
  z-index: 1;
  position: relative;
}
.wrapper .blockBody {
  margin-top: 0;
}

.resultKaList {
  display: flex;
  flex-direction: column;
  grid-gap: 1em;
  justify-content: center;
  border-radius: 1em;
}
.resultKaList:has(.contactsListKaWrap) {
  background: var(--main-color-white-50);
}

.contactsListKaWrap {
  border-radius: 1em;
  display: grid;
  padding: 0.5em;
}
.contactsListKaWrap .head {
  display: grid;
  grid-gap: 0.25em;
  font-weight: 500;
  font-size: 1.25em;
  padding: 0.5em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.contactsListKaWrap .body {
  padding: 1em 0;
  display: grid;
  /*flex-wrap: wrap;*/
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
  justify-content: center;
}
.contactsListKaWrap .body .str {
  cursor: pointer;
  padding: 0.5em;
  background: var(--main-color-white-75);
  border-radius: 1em;
  box-shadow: 0 0 0.5em var(--main-color-medium-gray);
  min-height: 5em;
  display: grid;
  align-items: center;
}
.contactsListKaWrap .body .str .ka {
  font-weight: 500;
}
.contactsListKaWrap .body .str .tt {
  display: flex;
  grid-gap: 0.5em;
  align-items: center;
  color: var(--main-color-dark);
}
.contactsListKaWrap .body .str .count {
  width: fit-content;
  height: 1em;
  min-width: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em;
  background: var(--main-color-green);
  color: var(--main-color-white);
  border-radius: 1em;
}
.contactsListKaWrap .body .str:hover {
  box-shadow: 0 0 0.5em var(--main-color-gray);
  transform: scale(1.025);
  transition: 0.5s;
}

.contactNotFound {
  background: var(--main-color-very-light-red);
  border-left: 3px solid var(--main-color-dark-red);
  padding: 1em;
  border-radius: 0.5em;
  display: grid;
  grid-gap: 0.5em;
}
.contactNotFound .sorry {
  font-weight: 500;
  font-size: 1.25em;
}

.loginBySMSWrap {
  display: grid;
  grid-gap: 1em;
  padding: 1em;
  background: var(--main-color-white-95);
  border-radius: 1em;
}
.loginBySMSWrap > .head {
  display: grid;
  grid-template-columns: 2em 1fr;
  justify-content: start;
  gap: 0.5em;
  align-items: center;
  font-size: 1.25em;
}
.loginBySMSWrap > .head .back {
  cursor: pointer;
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
}
.loginBySMSWrap > .head .back svg {
  padding: 0.25em;
  border-radius: 50%;
}
.loginBySMSWrap > .head .back svg:hover {
  fill: var(--main-color-very-dark);
  background: var(--main-color-black-05);
}
.loginBySMSWrap > .head .text {
  display: flex;
  justify-content: center;
  width: 100%;
  grid-column: 1/3;
  grid-row: 1/2;
}

.enterByPhoneWrap {
  display: grid;
  justify-content: center;
}
.enterByPhoneWrap:has(.contactNotFound) {
  justify-content: start;
}

.enterByPhoneBtn {
  margin: 0 1em;
}

.enterByPhone {
  display: grid;
  justify-content: center;
  box-shadow: 0 0 0.5em var(--main-color-gray);
  border-radius: 1em;
  background: var(--main-color-white);
}
.enterByPhone .enterByPhoneHeader {
  display: grid;
  justify-content: center;
  font-size: 1.25em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 0.5em;
  font-weight: 500;
  min-width: 18em;
  color: var(--main-color-dark);
}
.enterByPhone:has(.getPasswordPhone.hideForce) .head {
  display: none;
}
.enterByPhone .enterByPhoneBody {
  padding: 1.5em 1em;
}
.enterByPhone .enterByPhoneBody .inputPhoneNumberWrap {
  background: var(--main-color-white);
  border-radius: 2em;
  display: flex;
  grid-gap: 0.5em;
  align-items: center;
  padding: 0 0.75em;
}
.enterByPhone .enterByPhoneBody .inputPhoneNumberWrap .flag {
  display: flex;
  align-items: center;
}
.enterByPhone .enterByPhoneBody .inputPhoneNumberWrap .flag svg {
  border-radius: 50%;
  border: 1px solid var(--main-color-light-gray);
  height: 20px;
  width: 20px;
  opacity: 0.85;
}
.enterByPhone .enterByPhoneBody .inputPhoneNumberWrap .seven {
  color: var(--main-color-dark);
}
.enterByPhone .enterByPhoneBody .inputPhoneNumberWrap .inputPhoneNumber {
  background: none;
  border: 0;
  padding: 0.75em;
}
.enterByPhone .enterByPhoneFooter {
  display: flex;
  justify-content: center;
  padding: 1em;
  padding-bottom: 1.5em;
}
.enterByPhone .enterByPhoneFooter .getPasswordPhone {
  text-align: center;
  justify-content: center;
  width: 100%;
  grid-gap: 0.25em;
}

.loginWrap {
  background: var(--main-color-very-light-gray);
  padding: 1em;
  width: 22em;
  margin: 1em auto;
  border-radius: var(--border-radius-big);
  box-shadow: 0 0 1em var(--main-color-dark-gray);
}

.passwordWrap {
  display: grid;
  grid-template-columns: 1fr 3em;
  border: 1px solid var(--main-color-dark-gray);
  border-radius: 2em;
  margin-bottom: 1.5em;
  align-items: center;
  height: 3em;
  background: var(--main-color-white);
}

.passwordWrap input {
  border: 0;
  border-radius: inherit;
  padding: 0.5em 1em;
}

.passwordWrap .login {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  /* background: var(--main-color-very-light-gray); */
}

.passwordWrap .login svg {
  border-radius: 50%;
  padding: 0.25em;
  /* background: var(--main-color01);
  fill: var(--main-color-white);*/
}

.passwordWrap .login:hover svg {
  background: var(--main-color02);
  transition: 0.3s;
  fill: var(--main-color-white);
}

.loginWrap .blockPassword.hide {
  display: none !important;
}

.smsCodeWrap {
  display: flex;
  justify-content: center;
}
.smsCodeWrap .smsCodeBlock {
  background: var(--main-color-white);
  border-radius: 1em;
  display: grid;
  grid-gap: 0.5em;
  color: var(--main-color-dark-gray);
  box-shadow: 0 0 0.5em var(--main-color-gray);
}
.smsCodeWrap .smsCodeBlock .head {
  font-weight: 500;
  display: flex;
  justify-content: center;
  font-size: 1.25em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 0.5em 0.75em;
  color: var(--main-color-very-dark);
}
.smsCodeWrap .smsCodeBlock .head svg {
  height: 12px;
}
.smsCodeWrap .smsCodeBlock .blockPassword {
  padding: 1em;
}
.smsCodeWrap .smsCodeBlock .smsFooter {
  display: grid;
  grid-gap: 1em;
  padding: 1em;
}
.smsCodeWrap .smsCodeBlock .smsFooter .error {
  color: var(--main-color-red);
}
.smsCodeWrap.blur {
  filter: blur(5px);
}

.loginWrap .blockPassword {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
}

.blockPassword input {
  margin: 0 auto;
  border: 1px solid var(--main-color-gray);
  border-radius: 0.5em;
  height: 2em;
  width: 2em;
  line-height: normal;
  text-align: center;
  font-size: 2em;
  box-shadow: inset 0 0 0.5em var(--main-color-gray);
}
.blockPassword input::-webkit-inner-spin-button, .blockPassword input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.blockPassword input:focus, .blockPassword input:hover {
  border: 1px solid var(--main-color-blue);
  box-shadow: 0 0 10px var(--main-color-gray);
}

.restoreButton {
  border-bottom: 1px dashed;
  padding-bottom: 0.25em;
  border-color: var(--main-color-gray);
}

.phone {
  justify-content: center;
}

.managerHeader {
  border-top-left-radius: var(--border-radius-medium);
  border-top-right-radius: var(--border-radius-medium);
}

.kaSearchWrap:has(.kaList:not(.hide)):has(.kaString) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.kaSearchWrap {
  border-radius: 1em;
  border: 1px solid var(--main-color-gray);
  min-width: 25em;
}
.kaSearchWrap .kaWrap {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border: 0;
  border-top: 1px solid var(--main-color-gray);
}

.kaSearchWrap .kaWrap .header {
  border: 0;
}

.kaSearchWrap .kaWrap .header:has(input:active), .kaSearchWrap .kaWrap .header:has(input:focus) {
  box-shadow: inset 0 0 0.5em var(--main-color-gray);
  transition: 0.5s;
}

.kaSearchWrap .kaWrap .kaList .kaString:nth-child(1) {
  border-top: 1px solid var(--main-color-gray);
}

.titleInfo {
  padding: 0.5em 1em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  color: var(--main-color-very-dark);
  background: var(--main-color-black-10);
}

.titleInfo .gtc-svg, .titleInfo .svgWrap {
  grid-template-columns: 2.25em 1fr;
}

.titleInfo svg {
  fill: var(--main-color-dark);
}

.infoExpandWrap {
  margin: 1em 0;
  width: fit-content;
  background: var(--main-color-white);
  padding: 0.5em;
  border-radius: 1em;
  box-shadow: 0 0 0.5em var(--main-color-gray);
}

.infoExpandWrap .gtc-svg, .infoExpandWrap .svgWrap {
  padding: 0.5em;
}

.infoExpandWrap .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.infoExpandWrap:hover {
  box-shadow: 0 0 0.5em var(--main-color-dark);
}

.infoExpandWrap .infoExpand {
  display: grid;
  grid-template-columns: 3em 1fr 3em;
  align-items: center;
}

.infoExpandWrap .infoExpand .expand svg {
  border-radius: 50%;
  border: 1px solid var(--main-color-medium-gray);
  fill: var(--main-color-dark-gray);
}

.infoLK {
  margin: 1em;
}

.infoLKhead.expanded {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.infoLKhead {
  padding: 1em;
  background: var(--main-color-very-light-gray);
}

.infoLKhead .arrowDown {
  position: absolute;
  top: 0.1em;
  right: 1em;
}

.infoLKheadInfo {
  padding: 0.5em 0;
}

.infoLKbody {
  color: #666;
  padding: 0.5em 1em;
}

.infoLKBodyWrap {
  background: var(--main-color-white-75);
  padding: 0.5em 1em;
  /* border-top: 0; */
  border-radius: 1em;
  box-shadow: 0 0 0.5em var(--main-color-gray);
}
.infoLKBodyWrap .infoLKheadInfo {
  font-size: 1.5em;
}

.linkQr {
  border-top: 1px dashed var(--main-color-gray);
  padding-top: 0.5em;
  margin-top: 0.5em;
}

.linkQr img {
  max-width: 27em;
  border-radius: var(--border-radius-big);
  /*box-shadow: 0 0 10px var(--main-color-gray);*/
}

.enableSearch {
  border-radius: 2em;
  padding: 0.75em;
  color: var(--main-color-white) !important;
  /* width: auto; */
  display: flex;
  justify-content: center;
  margin: 0 auto;
  z-index: 1;
}

.resultKa {
  display: flex;
  grid-gap: 0.5em;
  flex-wrap: wrap;
}

.resultKa .result {
  background: var(--main-color-white);
  border-radius: 1em;
  padding: 0.25em 0.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  box-shadow: 0 0 0.5em var(--main-color-gray);
  color: var(--main-color-dark);
}

.resultKa .result .sendLink {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color-green);
  border-radius: 1em;
  padding: 0.75em;
  color: var(--main-color-white);
}

.resultKa .result .sendLink:hover {
  background: var(--main-color-dark-green);
}

.resultKa .result svg {
  height: 16px;
  fill: var(--main-color-dark);
}

.managerWrapInfo {
  display: flex;
  width: fit-content;
  grid-gap: 0.5em;
  background: var(--main-color-white);
  padding: 0.5em;
  border-radius: var(--border-radius-big);
  box-shadow: 0 0 0.5em var(--main-color-gray);
}

.managerWrapInfo .managerInfo {
  display: grid;
  grid-gap: 0.5em;
}

.managerWrapInfo .managerInfo svg {
  height: 16px;
}

.managerWrapInfo .managerInfo .tel {
  display: flex;
}

.managerWrapInfo .managerInfo .name {
  font-size: 1.25em;
  font-weight: 500;
}

.managersWrap .managers {
  display: flex;
  grid-gap: 0.5em;
  margin-top: 1em;
  flex-wrap: wrap;
}

.resultManagers {
  margin-top: 1em;
}

.resultManagers .managersWrap .fail {
  color: var(--main-color-dark-red);
}

.resultManagers .managersWrap .fail svg {
  fill: var(--main-color-dark-red);
}

.imgWrap {
  display: inline-block; /* change the default display type to inline-block */
  overflow: hidden; /* hide the overflow */
  border-radius: 1em;
}

.managersWrap .managers .photoManager {
  border-radius: inherit;
  height: 6em;
}

.photoManager.visible {
  transition: 20s;
  vertical-align: middle;
  transform: scale(1.25);
}

.notMyContacts .notMyButton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color-red);
  border-radius: 1em;
  padding: 0.5em 0.75em;
  color: var(--main-color-white);
}

.notMyContacts .notMyButton svg {
  fill: var(--main-color-white);
}

.notMyContacts .notMyButton:hover {
  background: var(--main-color-dark-red);
}

/*# sourceMappingURL=css.css.map */