.qq-search-icon {
  background: transparent !important;
  overflow: hidden;
}

/* Stable interval fields for services added from the admin catalog. */
.delivery-settings input[type="number"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 17px !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.delivery-settings input[type="number"]::-webkit-outer-spin-button,
.delivery-settings input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

@media (max-width: 640px) {
  .delivery-settings {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .delivery-settings input[type="number"] {
    height: 52px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }
}

/* Stable interval fields for services added from the admin catalog. */
.delivery-settings input[type="number"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 17px !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.delivery-settings input[type="number"]::-webkit-outer-spin-button,
.delivery-settings input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

@media (max-width: 640px) {
  .delivery-settings {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .delivery-settings input[type="number"] {
    height: 52px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }
}

.qq-interval-detail-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;border-bottom:1px solid #eceef2}
.qq-interval-detail-row>span{font-size:17px;font-weight:600;color:#2b2c35}.qq-interval-detail-row>strong{font-size:17px;font-weight:500;color:#171820}
html.qqboost-dark .qq-interval-detail-row{border-color:#2d3a46}html.qqboost-dark .qq-interval-detail-row>span,html.qqboost-dark .qq-interval-detail-row>strong{color:#f4f7fa}
@media(max-width:760px){.qq-interval-detail-row{gap:14px}.qq-interval-detail-row>span,.qq-interval-detail-row>strong{font-size:15px}}

.qq-order-progress-ring{--qq-order-progress:.018;--qq-order-ring-opacity:1;--qq-order-ring:#079cff;--qq-order-ring-track:#29404f;position:relative;overflow:visible!important;isolation:isolate}
.qq-order-progress-ring>*{position:relative;z-index:1}
.qq-order-progress-svg{position:absolute!important;display:block;overflow:visible;pointer-events:none;z-index:0!important;opacity:var(--qq-order-ring-opacity);transition:opacity .2s ease}
.qq-order-progress-svg circle{fill:none;stroke-width:5}
.qq-order-progress-track{stroke:var(--qq-order-ring-track)}
.qq-order-progress-value{stroke:var(--qq-order-ring);stroke-dasharray:calc(var(--qq-order-progress)*100) 100;stroke-dashoffset:0;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .35s ease}
.qq-order-progress-ring-list{width:34px;height:34px;flex:0 0 34px;border-radius:11px}
.cm-order-history-card>.qq-order-progress-ring-list{margin-right:10px}
.qq-order-progress-ring-list>.qq-order-progress-svg{inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}
.qq-order-progress-ring-list>img,.qq-order-progress-ring-list>span{width:100%!important;height:100%!important;display:block;border-radius:11px;overflow:hidden}
.qq-order-progress-ring-detail{width:112px;height:112px;border-radius:999px;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(23,35,72,.05)}
.qq-order-progress-ring-detail>.qq-order-progress-svg{inset:0;width:100%;height:100%}
.qq-order-progress-ring-detail>.qq-order-progress-svg circle{stroke-width:6}
.qq-order-progress-ring-detail .qq-detail-status-dot{z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0!important;line-height:0!important}
.qq-order-progress-ring-detail .qq-detail-status-dot>svg,.qq-detail-status-dot-small>svg{display:block!important;position:static!important;flex:0 0 auto!important;margin:0!important;transform:none!important}
.qq-detail-status-dot-small{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0!important;line-height:0!important}
.qq-order-progress-ring-detail>.qq-detail-service-image-frame{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:66px!important;height:66px!important;overflow:visible!important;flex:none!important}
.qq-order-progress-ring-detail>.qq-detail-service-image-frame>.qq-detail-service-image{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;transform-origin:center!important;border-radius:18px!important}
html:not(.qqboost-dark) .qq-order-progress-ring{--qq-order-ring:#079cff;--qq-order-ring-track:#dce9f3}
html.qqboost-dark .qq-order-progress-ring-detail{background:#17232c;box-shadow:none}

.qq-interval-progress-section{margin-top:42px}
.qq-interval-progress-section>h2{margin:0 0 12px;font-size:24px;font-weight:600;letter-spacing:-.35px;color:#20212a}
.qq-interval-progress-list{border-top:1px solid #eceef2}
.qq-interval-cycle-row{display:grid;grid-template-columns:minmax(120px,1fr) 38px max-content;align-items:center;gap:12px;min-height:70px;border-bottom:1px solid #eceef2}
.qq-interval-cycle-label{justify-self:start;font-size:15px;font-weight:600;color:#7b8791;font-variant-numeric:tabular-nums}
.qq-interval-cycle-main{justify-self:end;width:max-content;min-width:130px;max-width:100%}
.qq-interval-cycle-copy{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-bottom:6px;white-space:nowrap;font-size:15px;font-variant-numeric:tabular-nums}
.qq-interval-cycle-copy strong{font-weight:600;color:#202b35}
.qq-interval-cycle-copy span{font-weight:600}
.qq-interval-cycle-track{height:6px;border-radius:999px;background:#e6edf2;overflow:hidden}
.qq-interval-cycle-track>span{display:block;height:100%;min-width:0;border-radius:inherit;transition:width .25s ease}
.qq-interval-cycle-cancel{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #dce3ea;border-radius:13px;background:transparent;color:#202b35;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}
.qq-interval-cycle-cancel:hover{border-color:#cfd8e1;background:#f1f4f7;color:#e0475b}
.qq-interval-cycle-cancel:disabled{cursor:wait;opacity:.5}
html.qqboost-dark .qq-interval-progress-section>h2,html.qqboost-dark .qq-interval-cycle-copy strong{color:#f4f7fa}
html.qqboost-dark .qq-interval-progress-list,html.qqboost-dark .qq-interval-cycle-row{border-color:#2d3a46}
html.qqboost-dark .qq-interval-cycle-label{color:#8da0af}
html.qqboost-dark .qq-interval-cycle-track{background:#2a3945}
html.qqboost-dark .qq-interval-cycle-cancel{border-color:#344451;color:#f3f7fa}
html.qqboost-dark .qq-interval-cycle-cancel:hover{border-color:#425563;background:#22313b;color:#ff6b76}

@media(max-width:760px){
  .cm-order-history-card>.qq-order-progress-ring-list{margin-right:8px}
  .qq-order-progress-ring-list>.qq-order-progress-svg{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
  .qq-order-progress-ring-detail{width:104px;height:104px}
  .qq-order-progress-ring-detail>.qq-detail-service-image-frame{width:56px!important;height:56px!important}
  html .cm-shell .cm-main .qq-order-progress-ring-detail>.qq-detail-service-image-frame{display:flex!important;align-items:center!important;justify-content:center!important}
  html .cm-shell .cm-main .qq-order-progress-ring-detail>.qq-detail-service-image-frame>.qq-detail-service-image{width:44px!important;height:44px!important;flex:0 0 44px!important;margin:0!important}
  .qq-interval-progress-section{margin-top:32px}
  .qq-interval-progress-section>h2{font-size:21px}
  .qq-interval-cycle-row{grid-template-columns:minmax(92px,1fr) 36px max-content;gap:9px;min-height:66px}
  .qq-interval-cycle-label,.qq-interval-cycle-copy{font-size:13px}
  .qq-interval-cycle-cancel{width:36px;height:36px;border-radius:12px}
}

.profile-logout-wrap {
  display: flex;
  width: 100%;
  max-width: 620px;
  margin-top: 2px;
  padding-top: 25px;
  border-top: 1px solid #eceef2;
}

.profile-logout-button {
  width: 215px;
  max-width: 100%;
  height: 46px;
  padding: 0 18px;
  border: 1px solid #d4deeb;
  border-radius: 14px;
  background: #fff;
  color: #2391ff;
  font: 600 16px 'Golos Text', sans-serif;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.profile-logout-button:hover,
.profile-logout-button:focus-visible {
  border-color: #c7d0dd;
  background: #f7f9fc;
  outline: none;
}

html.qqboost-dark .profile-logout-button {
  border-color: #344451;
  background: transparent;
}

html.qqboost-dark .profile-logout-button:hover,
html.qqboost-dark .profile-logout-button:focus-visible {
  border-color: #455766;
  background: #202a33;
}

html.qqboost-dark .profile-logout-wrap {
  border-top-color: #2b3944;
}

html .cm-shell .cm-main .boostly-profile .cm-account-login input[readonly] {
  background: #e8edf2 !important;
  border-color: #d6dee7 !important;
  color: #7f8b98 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

html.qqboost-dark .cm-shell .cm-main .boostly-profile .cm-account-login input[readonly] {
  background: #202a33 !important;
  border-color: #344451 !important;
  color: #7f8d99 !important;
}

@media (max-width: 760px) {
  .profile-logout-wrap {
    display: none;
  }
}

.qq-search-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.qq-search-copy b,
.qq-search-copy b em,
.qq-catalog-search-results > button > strong {
  font-weight: 500 !important;
}

.service-delete {
  color: #d8505e !important;
  background: #fff0f2 !important;
}

.payment-fee-note {
  display: inline-flex;
  margin-left: 6px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(35, 145, 255, 0.13);
  color: #2391ff;
  font-size: 11px;
  line-height: 1;
  vertical-align: 2px;
}

.qq-insufficient-continue {
  display: none;
}

/* Keep the desktop dialog in the same restrained dark language as the cabinet. */
.qq-insufficient h2 {
  font-size: 25px !important;
  font-weight: 600 !important;
}

.qq-insufficient-totals strong {
  font-size: 25px !important;
  font-weight: 600 !important;
}

.qq-insufficient h3,
.qq-insufficient .payment-method-copy strong {
  font-weight: 600 !important;
}

html.qqboost-dark .qq-insufficient > section {
  background: #1b2731 !important;
  border-color: #303e49 !important;
  color: #f2f5f7 !important;
}

html.qqboost-dark .qq-insufficient-totals {
  background: #22313b !important;
}

html.qqboost-dark .qq-insufficient .qq-pay-list,
html.qqboost-dark .qq-insufficient .qq-pay-method {
  border-color: #303e49 !important;
}

.qq-insufficient .qq-pay-method {
  position: relative;
  padding-inline: 10px !important;
  border-bottom: 0 !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}

.qq-insufficient .qq-pay-method:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #eceef2;
  pointer-events: none;
}

.qq-insufficient .payment-method-arrow {
  border-color: #dfe3ea !important;
  color: #3a3b45 !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

html:not(.qqboost-dark) .qq-insufficient .qq-pay-method:hover {
  background: #f4f6f9 !important;
}

html:not(.qqboost-dark) .qq-insufficient .qq-pay-method:hover .payment-method-arrow {
  transform: scale(1.12) !important;
  border-color: #c7cdd8 !important;
  box-shadow: 0 5px 14px rgba(23, 35, 72, 0.1) !important;
}

html.qqboost-dark .qq-insufficient .qq-pay-method:hover {
  background: #26313b !important;
}

.qq-insufficient .qq-pay-method:hover .payment-method-arrow {
  transform: scale(1.12) !important;
}

html.qqboost-dark .qq-insufficient .qq-pay-method:not(:last-child)::after {
  background: #313c47;
}

html.qqboost-dark .qq-insufficient .payment-method-arrow {
  border-color: #313c47 !important;
  color: #fff !important;
}

html.qqboost-dark .qq-insufficient .qq-pay-method:hover .payment-method-arrow {
  border-color: #313c47 !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1) !important;
}

.qq-insufficient-close {
  border-radius: 12px !important;
  background: #f5f6f8 !important;
  color: #777c88 !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

.qq-insufficient-close:hover {
  background: #eceff4 !important;
  color: #52606c !important;
}

html.qqboost-dark .qq-insufficient-close {
  background: #26343e !important;
  color: #aab6bf !important;
}

html.qqboost-dark .qq-insufficient-close:hover {
  background: #30414d !important;
  color: #eef3f6 !important;
}

@media (max-width: 760px) {
  .qq-insufficient {
    padding: 12px !important;
    align-items: center !important;
  }

  .qq-insufficient > section {
    width: 100% !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 18px 16px 15px !important;
    border-radius: 24px !important;
    scrollbar-width: none;
    overscroll-behavior: contain;
  }

  .qq-insufficient > section::-webkit-scrollbar {
    display: none;
  }

  .qq-insufficient-close {
    right: 13px !important;
    top: 10px !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .qq-insufficient-close svg {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 1.8 !important;
  }

  html.qqboost-dark .qq-insufficient-close,
  html.qqboost-dark .qq-insufficient-close:hover,
  html:not(.qqboost-dark) .qq-insufficient-close,
  html:not(.qqboost-dark) .qq-insufficient-close:hover {
    border-radius: 0 !important;
    background: transparent !important;
  }

  .qq-insufficient h2 {
    margin: 1px 42px 6px 0 !important;
    font-size: 22px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
  }

  .qq-insufficient-service {
    margin-bottom: 13px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
  }

  .qq-insufficient-totals {
    margin-bottom: 12px !important;
    border-radius: 18px !important;
  }

  .qq-insufficient-totals div {
    padding: 12px 7px !important;
  }

  .qq-insufficient-totals strong {
    font-size: 21px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
  }

  .qq-insufficient-totals span {
    margin-top: 4px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  .qq-insufficient-note {
    margin-bottom: 13px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    text-align: center !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
    font-weight: 400 !important;
  }

  .qq-insufficient h3 {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
  }

  .qq-insufficient .qq-pay-list {
    display: grid !important;
    gap: 8px !important;
    border: 0 !important;
  }

  .qq-insufficient .qq-pay-method {
    min-height: 62px !important;
    padding: 9px 11px !important;
    border: 1px solid !important;
    border-radius: 18px !important;
    gap: 12px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.18s ease !important;
  }

  .qq-insufficient .qq-pay-method::after {
    display: none !important;
  }

  .qq-insufficient .qq-pay-method:last-child {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
  }

  .qq-insufficient .qq-pay-method:active {
    transform: scale(0.985);
  }

  .qq-insufficient .payment-method-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 13px !important;
  }

  .qq-insufficient .payment-method-copy strong {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }

  .qq-insufficient .payment-method-copy small {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
  }

  .qq-insufficient .payment-method-arrow {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .qq-insufficient .payment-method-arrow svg {
    display: none !important;
  }

  .qq-insufficient .qq-pay-method.qq-selected .payment-method-arrow::after {
    content: '';
    width: 7px;
    height: 13px;
    border: solid #2391ff;
    border-width: 0 2px 2px 0;
    transform: translateY(-2px) rotate(45deg);
  }

  .qq-insufficient-continue {
    display: block;
    width: 100%;
    height: 44px;
    margin-top: 11px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(90deg, #2391ff, #27afe8);
    box-shadow: 0 8px 20px rgba(35, 145, 255, 0.18);
    color: #fff;
    font: 500 15px/1 'Golos Text', sans-serif;
    cursor: pointer;
  }

  html:not(.qqboost-dark) .qq-insufficient > section {
    background: #fff !important;
    border-color: #d8e2eb !important;
    color: #243d56 !important;
    box-shadow: 0 22px 60px rgba(25, 51, 77, 0.18) !important;
  }

  html:not(.qqboost-dark) .qq-insufficient-close {
    color: #82909c !important;
  }

  html:not(.qqboost-dark) .qq-insufficient-service,
  html:not(.qqboost-dark) .qq-insufficient-totals span,
  html:not(.qqboost-dark) .qq-insufficient .payment-method-copy small {
    color: #7f8f9e !important;
  }

  html:not(.qqboost-dark) .qq-insufficient-totals {
    background: #f4f7fa !important;
  }

  html:not(.qqboost-dark) .qq-insufficient-note {
    border: 1px solid #c5e5d5 !important;
    background: #e4f4ec !important;
    color: #16a253 !important;
  }

  html:not(.qqboost-dark) .qq-insufficient .qq-pay-method {
    border-color: #d6e1ec !important;
    background: #fff !important;
  }

  html:not(.qqboost-dark) .qq-insufficient .qq-pay-method.qq-selected {
    border-color: #399afa !important;
    background: #f0f7ff !important;
    box-shadow: 0 0 0 1px rgba(57, 154, 250, 0.08) !important;
  }

  html.qqboost-dark .qq-insufficient > section {
    background: #1b2731 !important;
    border-color: #303e49 !important;
    color: #f2f5f7 !important;
    box-shadow: none !important;
  }

  html.qqboost-dark .qq-insufficient-totals {
    background: #22313b !important;
  }

  html.qqboost-dark .qq-insufficient-note {
    background: #173a2b !important;
    color: #55d895 !important;
  }

  html.qqboost-dark .qq-insufficient .qq-pay-method {
    border-color: #344451 !important;
    background: #1b2731 !important;
  }

  html.qqboost-dark .qq-insufficient .qq-pay-method.qq-selected {
    border-color: #2391ff !important;
    background: #20384a !important;
    box-shadow: 0 0 0 1px rgba(35, 145, 255, 0.1) !important;
  }
}

@media (max-width: 760px) and (max-height: 700px) {
  .qq-insufficient > section {
    padding: 15px 14px 13px !important;
  }

  .qq-insufficient h2 {
    font-size: 20px !important;
  }

  .qq-insufficient-service {
    margin-bottom: 10px !important;
  }

  .qq-insufficient-totals {
    margin-bottom: 10px !important;
  }

  .qq-insufficient-totals div {
    padding-block: 10px !important;
  }

  .qq-insufficient-note {
    margin-bottom: 10px !important;
    padding-block: 8px !important;
    font-size: 12px !important;
  }

  .qq-insufficient .qq-pay-method {
    min-height: 58px !important;
  }

  .qq-insufficient-continue {
    height: 42px;
    margin-top: 9px;
  }
}

/* The order amount is already fixed by the insufficient-balance dialog. */
@media (max-width: 760px) {
  .cm-main .payment-method,
  .cm-main .payment-method:hover,
  .cm-main .payment-method:focus,
  .cm-main .payment-method:focus-visible,
  .cm-main .payment-method.cm-selected {
    transform: none !important;
  }

  html:not(.qqboost-dark) .cm-main .boostly-payment .payment-method.cm-selected,
  html:not(.qqboost-dark) .cm-main .boostly-payment .payment-method.cm-selected:hover,
  html:not(.qqboost-dark) .cm-main .boostly-payment .payment-method.cm-selected:focus {
    background: #f0f7ff !important;
    background-color: #f0f7ff !important;
  }

  html.qqboost-dark .cm-main .boostly-payment .payment-method.cm-selected,
  html.qqboost-dark .cm-main .boostly-payment .payment-method.cm-selected:hover,
  html.qqboost-dark .cm-main .boostly-payment .payment-method.cm-selected:focus {
    background: #20384a !important;
    background-color: #20384a !important;
  }

  .payment-checkout:has(.qq-fixed-payment) .payment-amount-label,
  .payment-checkout:has(.qq-fixed-payment) .qq-payment-presets {
    display: none !important;
  }
}

/* Keep interval inputs from shrinking when validation help becomes visible. */
.delivery-settings label {
  justify-content: flex-start !important;
  align-self: start !important;
}

.delivery-settings input[type="number"] {
  min-height: 48px !important;
  max-height: 48px !important;
  flex: 0 0 48px !important;
}

.delivery-settings .qq-number-error {
  width: 100% !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

@media (max-width: 640px) {
  .delivery-settings input[type="number"] {
    min-height: 52px !important;
    max-height: 52px !important;
    flex-basis: 52px !important;
  }
}

/* Mobile history keeps the same useful progress copy as desktop. */
@media (max-width: 760px) {
  html .cm-shell .cm-main .cm-order-history-card > .cm-order-history-status > span:last-child {
    display: block !important;
  }
}
.qq-telegram-development-notice{position:fixed;left:50%;bottom:28px;z-index:10020;display:flex;align-items:center;gap:11px;max-width:min(440px,calc(100vw - 32px));padding:14px 18px;border:1px solid #dce7f2;border-radius:15px;background:#fff;color:#252b35;box-shadow:0 18px 48px rgba(23,35,72,.18);font:500 15px/1.35 "Golos Text",sans-serif;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .2s ease,transform .24s ease}.qq-telegram-development-notice.visible{opacity:1;transform:translate(-50%,0)}.qq-telegram-development-notice>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#eaf4ff;color:#168bff;font-size:15px;font-weight:700}.qq-telegram-development-notice strong{font-weight:600}body:has(.qq-cookie-notice) .qq-telegram-development-notice{bottom:165px}@media(max-width:760px){.qq-telegram-development-notice{bottom:88px;width:calc(100vw - 28px);box-sizing:border-box;padding:13px 15px;font-size:14px}body:has(.qq-cookie-notice) .qq-telegram-development-notice{bottom:220px}}html.qq-theme-dark .qq-telegram-development-notice,html.qqboost-dark .qq-telegram-development-notice{border-color:#34424f;background:#202a33;color:#f3f6f9;box-shadow:0 18px 48px rgba(0,0,0,.35)}html.qq-theme-dark .qq-telegram-development-notice>span,html.qqboost-dark .qq-telegram-development-notice>span{background:#253b4d;color:#2391ff}