/* OKKwork: иконки и виджеты шапки (этапы 1–4, МКК) */

.Pixso-frame-219_2 > .Pixso-frame-129_23,
.Pixso-frame-219_2 > .Pixso-frame-129_35,
.Pixso-frame-219_2 > .Pixso-frame-129_19 {
  z-index: 20001 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transform-origin: 50% 0% !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host--28 .okkwork-header-icon-img {
  width: 28px !important;
  height: 28px !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_25,
.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_26,
.Pixso-frame-219_2 .okkwork-header-icon-host .Pixso-rectangle-129_27 {
  display: none !important;
  background-image: none !important;
}

.Pixso-frame-219_2 .okkwork-header-icon-host:hover .okkwork-header-icon-img {
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.Pixso-frame-219_2 #129_28.Pixso-vector-129_28 {
  display: block !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  background: transparent !important;
  background-image: none !important;
}

.Pixso-frame-219_2 .okkwork-header-separator-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 46px !important;
  object-fit: fill !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_29.Pixso-frame-129_29 {
  position: relative !important;
  cursor: pointer !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-wallet-hit {
  position: absolute !important;
  left: 14px !important;
  top: 4px !important;
  width: 27px !important;
  height: 27px !important;
  z-index: 3 !important;
  display: block !important;
  cursor: pointer !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-wallet {
  position: absolute !important;
  left: 14px !important;
  top: 4px !important;
  width: 27px !important;
  height: 27px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  transform-origin: 50% 0% !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-wallet-hit:hover + .okkwork-header-balance-wallet,
.Pixso-frame-219_2 .okkwork-header-balance-wallet:hover {
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

.Pixso-frame-219_2 .okkwork-header-balance-arrow {
  position: absolute !important;
  left: 130px !important;
  top: 6px !important;
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_30.Pixso-rectangle-129_30,
.Pixso-frame-219_2 #129_32.Pixso-rectangle-129_32,
.Pixso-frame-219_2 #129_29 .Pixso-rectangle-129_30,
.Pixso-frame-219_2 #129_29 .Pixso-rectangle-129_32 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 .okkwork-header-search-icon {
  position: absolute !important;
  left: 10px !important;
  top: 10.5px !important;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 #129_36.Pixso-rectangle-129_36 {
  display: none !important;
  background-image: none !important;
}

.Pixso-frame-219_2 .okkwork-header-support-headset {
  position: absolute !important;
  left: -2px !important;
  top: 4px !important;
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

.Pixso-frame-219_2 .okkwork-header-support-chevron {
  position: absolute !important;
  left: 159px !important;
  top: 3px !important;
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  transform: rotate(180deg);
}

.Pixso-frame-219_2 .okkwork-support-host.is-open .okkwork-header-support-chevron {
  transform: rotate(0deg);
}

.Pixso-frame-219_2 #129_20.Pixso-rectangle-129_20,
.Pixso-frame-219_2 #129_21.Pixso-rectangle-129_21,
.Pixso-frame-219_2 .frame-content-129_19 .Pixso-rectangle-129_20,
.Pixso-frame-219_2 .frame-content-129_19 .Pixso-rectangle-129_21 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  pointer-events: none !important;
}

@keyframes okkwork-bell-ring {
  0% {
    transform: rotate(0deg);
  }
  12% {
    transform: rotate(15deg);
  }
  24% {
    transform: rotate(-13deg);
  }
  36% {
    transform: rotate(10deg);
  }
  48% {
    transform: rotate(-7deg);
  }
  60% {
    transform: rotate(4deg);
  }
  72% {
    transform: rotate(-2deg);
  }
  84% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Pixso-frame-219_2 .okkwork-header-icon-host:hover .okkwork-header-icon-img,
  .Pixso-frame-219_2 .okkwork-header-balance-wallet-hit:hover + .okkwork-header-balance-wallet,
  .Pixso-frame-219_2 .okkwork-header-balance-wallet:hover {
    animation: none !important;
  }
}