#app { max-width: 1280px; margin: 0px auto; }
.spinner.svelte-ssmtps { color: var(--spinner-color,var(--icon-tertiary)); justify-content: center; align-items: center; margin: 0px auto; display: flex; overflow: hidden; }
.spinner.svelte-ssmtps svg { animation: 1s linear 0s infinite normal none running svelte-ssmtps-spin; }
@keyframes svelte-ssmtps-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.sr-only.svelte-1tmbt1v { user-select: none; opacity: 0; clip-path: inset(50%); white-space: nowrap !important; border: 0px !important; block-size: 1px !important; inline-size: 1px !important; margin: -1px !important; padding: 0px !important; position: absolute !important; overflow: hidden !important; }
.spinner.svelte-1q31hn5 { color: var(--spinner-color,var(--icon-tertiary)); justify-content: center; align-items: center; display: flex; }
.spinner.svelte-1q31hn5 .circle:where(.svelte-1q31hn5) { fill: none; stroke: currentcolor; stroke-width: 4px; stroke-linecap: round; stroke-dasharray: 5, 125; stroke-dashoffset: 0; animation: 2.3s ease-in-out 0s infinite normal none running svelte-1q31hn5-grow-shrink; }
@media (prefers-reduced-motion: reduce) {
  .spinner.svelte-1q31hn5 .circle:where(.svelte-1q31hn5) { stroke-dasharray: 95, 125; animation: auto ease 0s 1 normal none running none; }
}
@keyframes svelte-1q31hn5-grow-shrink { 
  0% { stroke-dasharray: 5, 125; stroke-dashoffset: 0; }
  30% { stroke-dasharray: 95, 125; stroke-dashoffset: -25px; }
  70% { stroke-dasharray: 95, 125; stroke-dashoffset: -25px; }
  100% { stroke-dasharray: 5, 125; stroke-dashoffset: -130px; }
}
.loading.svelte-1qgqglv { --spinner-color: var(--button-icon-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.button.svelte-23gx81 { cursor: pointer; color: var(--button-text-color); background: var(--button-background-color); border-radius: var(--button-border-radius,0); font: var(--font-action-large-weight) var(--font-action-large-size) / var(--font-action-large-line-height) var(--font); letter-spacing: var(--font-action-large-letter-spacing); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
.button.svelte-23gx81:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.content.svelte-23gx81 { text-overflow: ellipsis; white-space: nowrap; justify-content: center; align-items: center; gap: 8px; width: 100%; min-width: 0px; display: flex; overflow: hidden; }
.button--loading.svelte-23gx81 .content:where(.svelte-23gx81) { visibility: hidden; }
@media (hover: hover) {
  .button.svelte-23gx81:hover { --button-background-color: var(--button-background-color-hovered); }
}
.button.svelte-23gx81:active { --button-background-color: var(--button-background-color-pressed); }
.button--stretched.svelte-23gx81 { width: 100%; }
.button--xsmall.svelte-23gx81 { --button-border-radius: var(--border-radius-common-s); min-width: 40px; height: 32px; font: var(--font-action-small-weight) var(--font-action-small-size) / var(--font-action-small-line-height) var(--font); letter-spacing: var(--font-action-small-letter-spacing); padding: 6px 12px; }
.button--small.svelte-23gx81 { --button-border-radius: var(--border-radius-common-m); min-width: 48px; height: 40px; font: var(--font-action-medium-weight) var(--font-action-medium-size) / var(--font-action-medium-line-height) var(--font); letter-spacing: var(--font-action-medium-letter-spacing); padding: 10px 12px; }
.button--medium.svelte-23gx81 { --button-border-radius: var(--border-radius-common-l); min-width: 56px; height: 52px; padding: 16px 20px; }
.button--large.svelte-23gx81 { --button-border-radius: var(--border-radius-common-xl); min-width: 64px; height: 60px; padding: 18px 22px; }
.button--xsmall.svelte-23gx81 .content:where(.svelte-23gx81), .button--small.svelte-23gx81 .content:where(.svelte-23gx81) { gap: 4px; }
.button--primary.svelte-23gx81 { --button-text-color: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-primary); --button-background-color-hovered: var(--states-button-primary-hover); --button-background-color-pressed: var(--states-button-primary-pressed); --button-background-color-disabled: var(--states-button-primary-disabled); --counter-color: var(--text-themed); --counter-background: var(--counter-contrast); }
.button--secondary.svelte-23gx81 { --button-text-color: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-icon-color: var(--icon-primary); --button-icon-color-disabled: var(--states-icon-primary-disabled); --button-background-color: var(--button-secondary-contrast); --button-background-color-hovered: var(--states-button-secondary-contrast-hover); --button-background-color-pressed: var(--states-button-secondary-contrast-pressed); --button-background-color-disabled: var(--states-button-secondary-contrast-disabled); --counter-color: var(--text-primary-inverse); --counter-background: var(--counter-mirage); }
.button--primary-contrast.svelte-23gx81 { --button-text-color: var(--text-primary-static); --button-text-color-disabled: var(--states-text-primary-static-disabled); --button-icon-color: var(--icon-primary-static); --button-icon-color-disabled: var(--states-icon-primary-static-disabled); --button-background-color: var(--button-primary-contrast); --button-background-color-hovered: var(--states-button-primary-contrast-hover); --button-background-color-pressed: var(--states-button-primary-contrast-pressed); --button-background-color-disabled: var(--states-button-primary-contrast-disabled); --counter-color: var(--text-primary-inverse-static); --counter-background: var(--counter-default); }
.button--secondary-contrast.svelte-23gx81 { --button-text-color: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-icon-color: var(--icon-primary); --button-icon-color-disabled: var(--states-icon-primary-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); --counter-color: var(--text-primary-inverse); --counter-background: var(--counter-mirage); }
.button--overlay.svelte-23gx81 { --button-text-color: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-overlay); --button-background-color-hovered: var(--states-button-overlay-hover); --button-background-color-pressed: var(--states-button-overlay-pressed); --button-background-color-disabled: var(--states-button-overlay-disabled); --counter-color: var(--text-primary-static); --counter-background: var(--counter-contrast); }
.button--destructive.svelte-23gx81 { --button-text-color: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-negative); --button-background-color-hovered: var(--states-button-negative-hover); --button-background-color-pressed: var(--states-button-negative-pressed); --button-background-color-disabled: var(--states-button-negative-disabled); --counter-color: var(--text-negative); --counter-background: var(--counter-contrast); }
.button--ghost.svelte-23gx81 { --button-text-color: var(--button-ghost-text-color,var(--text-primary)); --button-text-color-disabled: var(--button-ghost-text-color-disabled,var(--states-text-primary-disabled)); --button-icon-color: var(--button-ghost-icon-color,var(--icon-primary)); --button-icon-color-disabled: var(--button-ghost-icon-color-disabled,var(--states-icon-primary-disabled)); --button-background-color: var(--button-ghost); --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: var(--states-button-ghost-disabled); --counter-color: var(--text-primary-inverse); --counter-background: var(--counter-mirage); }
.button.button--disabled.svelte-23gx81 { --button-text-color: var(--button-text-color-disabled); --button-icon-color: var(--button-icon-color-disabled); --button-background-color: var(--button-background-color-disabled); cursor: auto; }
.shape.svelte-kjj9fr { z-index: -1; position: absolute; inset: 0px; overflow: visible; }
.button.svelte-kjj9fr { isolation: isolate; cursor: pointer; color: var(--button-icon-color); border-radius: var(--button-border-radius,0); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
.button.svelte-kjj9fr:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.content.svelte-kjj9fr { justify-content: center; align-items: center; display: flex; }
.button--loading.svelte-kjj9fr > .content:where(.svelte-kjj9fr) { visibility: hidden; }
@media (hover: hover) {
  .button.svelte-kjj9fr:hover { --button-background-color: var(--button-background-color-hovered); }
}
.button.svelte-kjj9fr:active { --button-background-color: var(--button-background-color-pressed); }
.button--xsmall.svelte-kjj9fr { --button-border-radius: var(--size-18); width: 32px; min-width: 32px; height: 32px; }
.button--small.svelte-kjj9fr { --button-border-radius: var(--size-18); width: 40px; min-width: 40px; height: 40px; }
.button--medium.svelte-kjj9fr { --button-border-radius: var(--size-24); width: 52px; min-width: 52px; height: 52px; }
.button--large.svelte-kjj9fr { --button-border-radius: var(--size-28); width: 60px; min-width: 60px; height: 60px; }
.button--primary.svelte-kjj9fr { --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-primary); --button-background-color-hovered: var(--states-button-primary-hover); --button-background-color-pressed: var(--states-button-primary-pressed); --button-background-color-disabled: var(--states-button-primary-disabled); }
.button--secondary.svelte-kjj9fr { --button-icon-color: var(--icon-primary); --button-icon-color-disabled: var(--states-icon-primary-disabled); --button-background-color: var(--button-secondary-contrast); --button-background-color-hovered: var(--states-button-secondary-contrast-hover); --button-background-color-pressed: var(--states-button-secondary-contrast-pressed); --button-background-color-disabled: var(--states-button-secondary-contrast-disabled); }
.button--primary-contrast.svelte-kjj9fr { --button-icon-color: var(--icon-primary-static); --button-icon-color-disabled: var(--states-icon-primary-static-disabled); --button-background-color: var(--button-primary-contrast); --button-background-color-hovered: var(--states-button-primary-contrast-hover); --button-background-color-pressed: var(--states-button-primary-contrast-pressed); --button-background-color-disabled: var(--states-button-primary-contrast-disabled); }
.button--secondary-contrast.svelte-kjj9fr { --button-icon-color: var(--icon-primary); --button-icon-color-disabled: var(--states-icon-primary-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); }
.button--overlay.svelte-kjj9fr { --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-overlay); --button-background-color-hovered: var(--states-button-overlay-hover); --button-background-color-pressed: var(--states-button-overlay-pressed); --button-background-color-disabled: var(--states-button-overlay-disabled); }
.button--destructive.svelte-kjj9fr { --button-icon-color: var(--icon-primary-inverse-static); --button-icon-color-disabled: var(--states-icon-primary-inverse-static-disabled); --button-background-color: var(--button-negative); --button-background-color-hovered: var(--states-button-negative-hover); --button-background-color-pressed: var(--states-button-negative-pressed); --button-background-color-disabled: var(--states-button-negative-disabled); }
.button--ghost.svelte-kjj9fr { --button-icon-color: var(--button-ghost-icon-color,var(--icon-primary)); --button-icon-color-disabled: var(--button-ghost-icon-color-disabled,var(--states-icon-primary-disabled)); --button-background-color: var(--button-ghost); --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: var(--states-button-ghost-disabled); }
.button.button--disabled.svelte-kjj9fr { --button-icon-color: var(--button-icon-color-disabled); --button-background-color: var(--button-background-color-disabled); cursor: auto; }
.hero.svelte-ny25n1 { font-size: var(--font-hero-size); font-weight: var(--font-hero-weight); line-height: var(--font-hero-line-height); letter-spacing: var(--font-hero-letter-spacing); }
.header.svelte-ny25n1 { font-size: var(--font-header-size); font-weight: var(--font-header-weight); line-height: var(--font-header-line-height); letter-spacing: var(--font-header-letter-spacing); }
.subheader.svelte-ny25n1 { font-size: var(--font-subheader-size); font-weight: var(--font-subheader-weight); line-height: var(--font-subheader-line-height); letter-spacing: var(--font-subheader-letter-spacing); }
.title.svelte-ny25n1 { font-size: var(--font-title-size); font-weight: var(--font-title-weight); line-height: var(--font-title-line-height); letter-spacing: var(--font-title-letter-spacing); }
.body.svelte-ny25n1 { font-size: var(--font-body-size); font-weight: var(--font-body-weight); line-height: var(--font-body-line-height); letter-spacing: var(--font-body-letter-spacing); }
.body-strong.svelte-ny25n1 { font-size: var(--font-body-strong-size); font-weight: var(--font-body-strong-weight); line-height: var(--font-body-strong-line-height); letter-spacing: var(--font-body-strong-letter-spacing); }
.detail.svelte-ny25n1 { font-size: var(--font-detail-size); font-weight: var(--font-detail-weight); line-height: var(--font-detail-line-height); letter-spacing: var(--font-detail-letter-spacing); }
.detail-strong.svelte-ny25n1 { font-size: var(--font-detail-strong-size); font-weight: var(--font-detail-strong-weight); line-height: var(--font-detail-strong-line-height); letter-spacing: var(--font-detail-strong-letter-spacing); }
.description.svelte-ny25n1 { font-size: var(--font-description-size); font-weight: var(--font-description-weight); line-height: var(--font-description-line-height); letter-spacing: var(--font-description-letter-spacing); }
.description-strong.svelte-ny25n1 { font-size: var(--font-description-strong-size); font-weight: var(--font-description-strong-weight); line-height: var(--font-description-strong-line-height); letter-spacing: var(--font-description-strong-letter-spacing); }
.label.svelte-ny25n1 { font-size: var(--font-label-size); font-weight: var(--font-label-weight); line-height: var(--font-label-line-height); letter-spacing: var(--font-label-letter-spacing); }
.label-strong.svelte-ny25n1 { font-size: var(--font-label-strong-size); font-weight: var(--font-label-strong-weight); line-height: var(--font-label-strong-line-height); letter-spacing: var(--font-label-strong-letter-spacing); }
.tag.svelte-ny25n1 { font-size: var(--font-tag-size); font-weight: var(--font-tag-weight); line-height: var(--font-tag-line-height); letter-spacing: var(--font-tag-letter-spacing); }
.tag-strong.svelte-ny25n1 { font-size: var(--font-tag-strong-size); font-weight: var(--font-tag-strong-weight); line-height: var(--font-tag-strong-line-height); letter-spacing: var(--font-tag-strong-letter-spacing); }
.note.svelte-ny25n1 { font-size: var(--font-note-size); font-weight: var(--font-note-weight); line-height: var(--font-note-line-height); letter-spacing: var(--font-note-letter-spacing); }
.note-strong.svelte-ny25n1 { font-size: var(--font-note-strong-size); font-weight: var(--font-note-strong-weight); line-height: var(--font-note-strong-line-height); letter-spacing: var(--font-note-strong-letter-spacing); }
.action-large.svelte-ny25n1 { font-size: var(--font-action-large-size); font-weight: var(--font-action-large-weight); line-height: var(--font-action-large-line-height); letter-spacing: var(--font-action-large-letter-spacing); }
.action-medium.svelte-ny25n1 { font-size: var(--font-action-medium-size); font-weight: var(--font-action-medium-weight); line-height: var(--font-action-medium-line-height); letter-spacing: var(--font-action-medium-letter-spacing); }
.action-small.svelte-ny25n1 { font-size: var(--font-action-small-size); font-weight: var(--font-action-small-weight); line-height: var(--font-action-small-line-height); letter-spacing: var(--font-action-small-letter-spacing); }
.action-xsmall.svelte-ny25n1 { font-size: var(--font-action-xsmall-size); font-weight: var(--font-action-xsmall-weight); line-height: var(--font-action-xsmall-line-height); letter-spacing: var(--font-action-xsmall-letter-spacing); }
.cell-label-small-caps.svelte-ny25n1 { font-size: var(--font-cell-label-small-caps-size); font-weight: var(--font-cell-label-small-caps-weight); line-height: var(--font-cell-label-small-caps-line-height); letter-spacing: var(--font-cell-label-small-caps-letter-spacing); }
.cell-label-strong-small-caps.svelte-ny25n1 { font-size: var(--font-cell-label-strong-small-caps-size); font-weight: var(--font-cell-label-strong-small-caps-weight); line-height: var(--font-cell-label-strong-small-caps-line-height); letter-spacing: var(--font-cell-label-strong-small-caps-letter-spacing); }
.weight-400.svelte-ny25n1 { font-weight: var(--font-weight-regular); }
.weight-500.svelte-ny25n1 { font-weight: var(--font-weight-medium); }
.weight-600.svelte-ny25n1 { font-weight: var(--font-weight-semibold); }
.text-primary.svelte-ny25n1 { color: var(--text-primary); }
.text-primary-static.svelte-ny25n1 { color: var(--text-primary-static); }
.text-primary-inverse.svelte-ny25n1 { color: var(--text-primary-inverse); }
.text-primary-inverse-static.svelte-ny25n1 { color: var(--text-primary-inverse-static); }
.text-themed.svelte-ny25n1 { color: var(--text-themed); }
.text-tertiary.svelte-ny25n1 { color: var(--text-tertiary); }
.text-secondary.svelte-ny25n1 { color: var(--text-secondary); }
.text-secondary-inverse-static.svelte-ny25n1 { color: var(--text-secondary-inverse-static); }
.text-mute.svelte-ny25n1 { color: var(--text-mute); }
.text-negative.svelte-ny25n1 { color: var(--text-negative); }
.text-positive.svelte-ny25n1 { color: var(--text-positive); }
.text-promo.svelte-ny25n1 { color: var(--promo-text-step-1); }
.text-current.svelte-ny25n1 { color: currentcolor; }
.text-align-start.svelte-ny25n1 { text-align: left; }
.text-align-end.svelte-ny25n1 { text-align: right; }
.text-align-center.svelte-ny25n1 { text-align: center; }
.ellipsis.svelte-ny25n1 { text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; overflow: hidden; }
.uppercase.svelte-ny25n1 { text-transform: uppercase; }
.break--word.svelte-ny25n1 { overflow-wrap: break-word; word-break: break-word; }
.break--all.svelte-ny25n1 { overflow-wrap: anywhere; word-break: break-all; }
.whitespace--nowrap.svelte-ny25n1 { white-space: nowrap; }
.whitespace--pre-wrap.svelte-ny25n1 { white-space: pre-wrap; }
.whitespace--pre-line.svelte-ny25n1 { white-space: pre-line; }
.track.svelte-w08eku { z-index: 1; --trackSize: 14px; position: absolute; }
.track--x.svelte-w08eku { width: 100%; height: var(--trackSize); bottom: 0px; left: 0px; }
.track--y.svelte-w08eku { width: var(--trackSize); height: 100%; top: 0px; right: 0px; }
.thumb.svelte-w08eku { position: absolute; }
.thumb.svelte-w08eku::before { content: ""; background: var(--float-scroll-bar); opacity: 0; transition: opacity 0.2s ease-in-out 1s, clip-path 0.25s ease-in-out 1.2s; position: absolute; }
.thumb--forceVisible.svelte-w08eku::before { opacity: 1; }
.thumb--x.svelte-w08eku { bottom: 0px; left: 0px; }
.thumb--x.svelte-w08eku::before { clip-path: inset(3px 3px 0px round 6px); width: 100%; height: 11px; bottom: 0px; left: 0px; }
.thumb--y.svelte-w08eku { top: 0px; right: 0px; }
.thumb--y.svelte-w08eku::before { clip-path: inset(3px 0px 3px 5px round 6px); width: 11px; height: 100%; top: 0px; right: 3px; }
.track.svelte-w08eku:hover .thumb--x:where(.svelte-w08eku)::before, .thumb--forceVisible.thumb--x.svelte-w08eku::before { clip-path: inset(3px 3px 0px round 6px); background: var(--states-float-scroll-bar-hover); }
.track.svelte-w08eku:hover .thumb--y:where(.svelte-w08eku)::before, .thumb--forceVisible.thumb--y.svelte-w08eku::before { clip-path: inset(3px 0px round 6px); background: var(--states-float-scroll-bar-hover); }
.cropped.svelte-1tvqsm3 { width: 100%; height: 100%; position: relative; overflow: hidden; }
.cropped.svelte-1tvqsm3:hover .thumb::before { opacity: 1; transition: opacity 0.2s ease-in-out, clip-path 0.25s ease-in-out; }
.scrollable.svelte-1tvqsm3 { max-width: inherit; max-height: inherit; overscroll-behavior: none; scrollbar-width: none; }
.scrollable.svelte-1tvqsm3::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
@media (hover: none) {
  .scrollable.svelte-1tvqsm3 { scrollbar-width: auto; }
  .scrollable.svelte-1tvqsm3::-webkit-scrollbar { width: auto; height: auto; display: block; }
}
.content.svelte-1tvqsm3 { isolation: isolate; contain: content; flex-direction: column; min-height: 100%; display: flex; transform: translate(0px, 0px); }
.overlay.svelte-1prov8r { background: var(--background-overlay); cursor: pointer; opacity: 0; z-index: calc(var(--z-index-popover-noPopoverAPI) + 1 + var(--popover-sheet-level,0) * 2); user-select: none; will-change: opacity; -webkit-tap-highlight-color: transparent; transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1); position: fixed; inset: 0px; }
.overlay.open.svelte-1prov8r { opacity: 1; }
.content.svelte-1xfuzro { background-color: var(--background-primary); border-top-left-radius: var(--size-32); border-top-right-radius: var(--size-32); z-index: calc(var(--z-index-popover-noPopoverAPI) + 2 + var(--popover-sheet-level,0) * 2); max-width: 440px; color: var(--text-primary); --popover-scroll-max-height: calc(100dvh - 72px - 20px); min-height: 0px; max-height: calc(100dvh - 72px); padding-bottom: var(--ui-safe-area-bottom); flex-direction: column; flex: 1 1 0%; margin: 0px auto; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; overflow: hidden; }
.content--height-auto.svelte-1xfuzro { height: auto; }
.content--overflow-visible.svelte-1xfuzro { overflow: visible; }
.content.svelte-1xfuzro .dropdown, .content.svelte-1xfuzro .actionsMenu { flex: 1 1 0%; min-height: 0px; }
.content.svelte-1xfuzro .actionsMenu { max-width: none; box-shadow: none; background: 0px 0px; border-radius: 0px; padding: 0px; }
.content.svelte-1xfuzro .actionsMenu .scrollable, .content.svelte-1xfuzro .actionsMenu--withScroll, .content.svelte-1xfuzro .actionsMenu--withScroll .scrollable { padding-left: var(--size-16); padding-right: var(--size-16); }
.content.svelte-1xfuzro .actionsMenu--nested { margin-top: 0px; }
.content.svelte-1xfuzro .actionsMenuItem { min-height: 52px; padding: 0 var(--size-12); border-radius: var(--border-radius-common-m); gap: var(--size-12); font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); grid-template-rows: none; grid-template-columns: none; display: flex; }
.content.svelte-1xfuzro .actionsMenuItem--active, .content.svelte-1xfuzro .actionsMenuItem:not(:disabled):hover { background: 0px 0px; }
.content.svelte-1xfuzro .actionsMenuItem:not(:disabled):active { background: var(--states-background-card-pressed); }
.content.svelte-1xfuzro .actionsMenuItem .title { flex: 1 1 0%; }
.resize-handle.svelte-fusz7n { margin-top: var(--size-12); margin-bottom: var(--size-4); background-color: var(--icon-mute); cursor: grab; width: var(--size-20); height: var(--size-4); touch-action: none; border-radius: 9999px; flex-shrink: 0; margin-left: auto; margin-right: auto; }
.resize-handle.svelte-fusz7n:active { cursor: grabbing; }
.modal.svelte-z7neoc { gap: var(--spacing-xl-half); border-radius: var(--spacing-common-2xl); padding-top: var(--spacing-xl); background: var(--background-primary); width: 400px; max-height: 100%; color: var(--text-primary); flex-direction: column; display: flex; overflow: hidden; }
.modal--bottomPadding.svelte-z7neoc { padding-bottom: var(--spacing-xl); }
.modalBanner.svelte-z7neoc { margin-bottom: calc(-1 * var(--spacing-xl-half)); flex-shrink: 0; min-height: 100px; max-height: 400px; position: relative; overflow: hidden; }
.modalHeader.svelte-z7neoc { padding: 0 var(--spacing-xl); align-items: center; display: flex; }
.modalHeaderText.svelte-z7neoc { gap: var(--size-12); word-break: break-word; flex-flow: column; flex: 1 1 0%; display: flex; }
.titleWrapper.svelte-z7neoc { text-overflow: ellipsis; overflow: hidden; }
.titleWrapper--center.svelte-z7neoc { text-align: center; }
.modalBody.svelte-z7neoc { height: 100%; padding: 0 var(--size-24) var(--size-4); gap: var(--size-12); flex-direction: column; flex: 1 1 auto; min-height: 0px; display: flex; position: relative; }
.modalBody--fullWidth.svelte-z7neoc { padding: 0px; }
.modalActionsWrapper.svelte-z7neoc { row-gap: var(--spacing-m); column-gap: var(--spacing-l); padding: var(--size-8) var(--size-24) var(--size-24); flex-flow: wrap; display: flex; }
.modalActionsWrapper.svelte-z7neoc .modalAction:where(.svelte-z7neoc) { flex: 1 1 calc((100% - var(--spacing-l)) / 2); }
@media (max-width: 925.9px) {
  .modal.svelte-z7neoc { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 100% !important; }
}
.popover.svelte-ticado { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: max-content; padding: 0px; overflow: visible; }
.popover--noPopoverAPI.svelte-ticado { z-index: var(--z-index-popover-noPopoverAPI); position: fixed; }
.backdrop.svelte-ycwozs { z-index: 200; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; }
.actionsMenu.svelte-18bbagp { border-radius: var(--size-14); background: var(--background-primary); padding: var(--spacing-s-half) 0 var(--spacing-s-half) var(--spacing-s-half); max-width: 320px; box-shadow: 0 4px 16px 0 var(--shadow-elevation-3-primary), 0 0 2px 0 var(--shadow-elevation-3-secondary); flex-direction: column; display: flex; position: relative; }
.actionsMenu.svelte-18bbagp .scrollable { padding-right: var(--spacing-s-half); max-height: var(--popover-scroll-max-height,inherit); }
.actionsMenu--withScroll.svelte-18bbagp { padding-right: var(--spacing-2xs); }
.actionsMenu--withScroll.svelte-18bbagp .scrollable { padding-right: var(--spacing-m-half); max-height: var(--popover-scroll-max-height,calc(36px * 10)); }
.actionsMenu--nested.svelte-18bbagp { margin-top: -6px; }
.actionsMenuItem.svelte-lz4glm { width: 100%; padding: var(--spacing-s) var(--spacing-m); border-radius: var(--border-radius-common-m-half); align-items: center; gap: var(--spacing-s); color: var(--icon-primary); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); cursor: pointer; text-align: left; background: 0px 0px; border: 0px; grid-template-rows: 20px; grid-template-columns: 1fr auto; display: grid; }
.actionsMenuItem--withBefore.svelte-lz4glm { grid-template-columns: auto 1fr auto; }
.actionsMenuItem--active.svelte-lz4glm, .actionsMenuItem.svelte-lz4glm:not(:disabled):hover { background: var(--background-secondary); }
.actionsMenuItem--danger.svelte-lz4glm { color: var(--text-negative); }
.actionsMenuItem.svelte-lz4glm:disabled { opacity: 0.3; cursor: not-allowed; }
.title.svelte-lz4glm { white-space: nowrap; text-overflow: ellipsis; color: var(--text-primary); overflow: hidden; }
.actionsMenuItem--danger.svelte-lz4glm .title:where(.svelte-lz4glm) { color: var(--text-negative); }
.actionsMenuItemShimmer.svelte-1jmo1vb { width: 100%; min-width: 200px; padding: var(--spacing-s) var(--spacing-m); border-radius: var(--border-radius-common-m-half); align-items: stretch; gap: var(--spacing-s); cursor: pointer; text-align: left; grid-template-rows: 20px; grid-template-columns: 20px 1fr 20px; display: grid; }
.actionsMenuItemShimmer.svelte-1jmo1vb:hover { background: var(--background-secondary); }
.shimmer.svelte-1jmo1vb { border-radius: var(--border-radius-common-s-half); background-color: var(--background-tertiary); justify-content: center; align-items: stretch; animation: 2s linear 0s infinite normal none running svelte-1jmo1vb-blink; display: flex; }
.shimmer--text.svelte-1jmo1vb { width: 70%; }
@keyframes svelte-1jmo1vb-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.wrapper.svelte-1odc7u8 { top: auto; left: var(--spacing-l); bottom: var(--spacing-l); gap: var(--spacing-s); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; padding: 0px; display: flex; position: absolute; }
.item.svelte-1odc7u8 { backdrop-filter: blur(25px); border-radius: var(--border-radius-common-l); }
.snackbar.svelte-1odc7u8 { width: 351px; min-height: 56px; padding: var(--spacing-m); border-radius: var(--border-radius-common-l); background: var(--float-popup-flat); backdrop-filter: blur(25px); color: var(--text-primary-inverse-static); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; grid-template-columns: auto 1fr auto; align-items: center; display: grid; overflow: hidden; }
button.snackbar.svelte-1odc7u8 { cursor: pointer; }
.content.svelte-1odc7u8 { gap: var(--size-2); flex-direction: column; display: flex; overflow: hidden; }
.content.svelte-1odc7u8:not(:first-child) { margin-left: var(--spacing-s); }
.content.svelte-1odc7u8:not(:last-child) { margin-right: var(--spacing-s); }
.countdownWrapper.svelte-1odc7u8 { width: 28px; height: 28px; left: var(--spacing-m); justify-content: center; align-items: center; display: flex; position: absolute; }
.icon.svelte-i2tuez { color: var(--icon-themed); display: contents; }
.icon--monochrome.svelte-i2tuez { color: inherit; }
.name.svelte-1riu5uh { align-items: center; gap: var(--spacing-xs); font: inherit; color: inherit; letter-spacing: inherit; max-width: 100%; display: inline-flex; }
.nameMultiline.svelte-1riu5uh { word-break: break-all; display: contents; }
.text.svelte-1riu5uh { text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0%; overflow: hidden; }
.textMultiline.svelte-1riu5uh { white-space: normal; }
.header.svelte-seg6lk { justify-content: space-between; align-items: center; gap: var(--spacing-s); border-radius: var(--web-app-border-radius) var(--web-app-border-radius) 0 0; border: 1px inset var(--divider-secondary); background: var(--background-primary); width: 100%; padding: 0px; display: flex; }
.side.svelte-seg6lk { flex: 1 1 0%; align-items: center; display: flex; }
.title.svelte-seg6lk { color: var(--text-primary); font: 600 17px/22px var(--font); gap: var(--spacing-s); padding: var(--spacing-l) 0; flex: 0 1 auto; justify-content: center; min-width: 0px; display: flex; }
.name.svelte-seg6lk { text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden; }
.actions.svelte-seg6lk { justify-content: flex-end; }
.button.svelte-seg6lk { cursor: pointer; width: 48px; height: 48px; color: var(--text-primary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; justify-content: center; align-items: center; padding: 0px; display: flex; }
.button.svelte-seg6lk:active { color: var(--states-text-primary-pressed); }
@media (hover: hover) {
  .button.svelte-seg6lk:hover { color: var(--states-text-primary-hover); }
}
@media (max-width: 600px) {
  .web-app-fullscreen-button.svelte-seg6lk { display: none; }
}
@media (max-height: 660px) {
  .web-app-fullscreen-button.svelte-seg6lk { display: none; }
}
.wrapper.svelte-z0az3w { text-align: center; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.wrapper--stretched.svelte-z0az3w { flex: 1 0 0%; width: 100%; height: 100%; }
.icon.svelte-z0az3w { color: var(--icon-tertiary); background: var(--background-tertiary); width: var(--size-80); height: var(--size-80); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.content.svelte-z0az3w { gap: var(--size-8); flex-direction: column; display: flex; }
.action.svelte-z0az3w { width: 100%; padding: var(--size-24) var(--size-12); }
.main.svelte-z0az3w { gap: var(--size-32); padding: var(--size-12) var(--size-32); }
.main--stretched.svelte-z0az3w { flex: 1 1 0%; }
.spinner.svelte-1adetf1 { aspect-ratio: 1 / 1; justify-content: center; align-items: center; display: flex; }
:root, .dialog.svelte-1xvfbcm { isolation: isolate; }
.dialog.svelte-1xvfbcm { background: 0px 0px; border: 0px; outline: none; width: 100%; max-width: 100%; height: 100%; max-height: 100%; display: none; }
.dialog[open].svelte-1xvfbcm { flex-direction: column; justify-content: center; align-items: center; display: flex; }
.dialog.svelte-1xvfbcm::backdrop { cursor: pointer; background: rgba(0, 0, 0, 0.5); }
.dialog.svelte-1xvfbcm { animation: 0.2s ease-out 0s 1 normal none running svelte-1xvfbcm-fade-out; }
.dialog.svelte-1xvfbcm::backdrop { animation: 0.2s ease-out 0s 1 normal none running svelte-1xvfbcm-fade-out; }
.dialog[open].svelte-1xvfbcm { animation: 0.4s ease-out 0s 1 normal none running svelte-1xvfbcm-fade-in; }
.dialog[open].svelte-1xvfbcm::backdrop { animation: 0.4s ease-out 0s 1 normal none running svelte-1xvfbcm-fade-in; }
.content.svelte-1xvfbcm { z-index: 1; border-radius: var(--border-radius-common-l); max-width: 80%; max-height: 80%; display: flex; }
@keyframes svelte-1xvfbcm-fade-in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes svelte-1xvfbcm-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
iframe.svelte-74h6ca { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.content.svelte-74h6ca { flex-direction: column; flex-grow: 1; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.spinner.svelte-74h6ca { flex: 1 1 0%; align-items: center; display: flex; }
.webapp.svelte-74h6ca { position: absolute; top: -9999px; left: -9999px; }
.ready.svelte-74h6ca { flex: 1 1 0%; width: 100%; position: relative; top: 0px; left: 0px; }
.iframe.svelte-74h6ca { width: 100%; height: 100%; }
.confirm.svelte-1efwl5p { cursor: pointer; border-radius: var(--border-radius-common-l); z-index: 1; background: rgba(0, 0, 0, 0.4); flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0px; left: 0px; }
.content.svelte-1efwl5p { cursor: initial; justify-content: center; align-items: center; gap: var(--spacing-m); padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-m); border-radius: var(--border-radius-common-l); border: 1px solid var(--divider-secondary); background: var(--background-primary); flex-direction: column; max-width: 95%; display: flex; }
.title.svelte-1efwl5p { color: var(--text-primary); font: 600 17px/24px var(--font); text-align: center; width: 100%; padding: var(--spacing-xs) calc(var(--spacing-2xl) + var(--spacing-s)); position: relative; }
.close.svelte-1efwl5p { position: absolute; top: 0px; right: 0px; }
.text.svelte-1efwl5p { color: var(--text-tertiary); font: 400 14px/18px var(--font); word-break: break-word; text-align: center; max-width: 100%; }
.buttons.svelte-1efwl5p { flex-direction: column; width: 100%; display: flex; }
:root, .container.svelte-8c22i8 { isolation: isolate; }
.container.svelte-8c22i8 { --web-app-border-radius: var(--border-radius-common-l); user-select: none; background: 0px 0px; border: 0px; outline: none; padding: 0px; animation: 0.2s ease-out 0s 1 normal none running svelte-8c22i8-fade-out; display: none; }
.container[open].svelte-8c22i8 { z-index: 4; border-radius: var(--web-app-border-radius); flex-direction: column; justify-content: center; align-items: center; max-width: 100vw; max-height: 100vh; animation: 0.2s ease-out 0s 1 normal none running svelte-8c22i8-fade-in; display: flex; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px, rgba(0, 0, 0, 0.08) 0px 4px 16px; }
.content.svelte-8c22i8 { border-radius: 0 0 var(--web-app-border-radius) var(--web-app-border-radius); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background: var(--background-primary); border-top: 0px; display: none; }
.content--active.svelte-8c22i8 { background: var(--background-primary); z-index: 1; flex: 1 1 0%; width: 100%; display: flex; overflow: hidden; }
@media (max-width: 600px), (max-height: 660px) {
  .container[open].svelte-8c22i8 { --web-app-border-radius: 0; box-shadow: none; }
  .content.svelte-8c22i8 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
}
@keyframes svelte-8c22i8-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes svelte-8c22i8-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.resize.svelte-8c22i8 { z-index: 3; user-select: none; background: 0px 0px; position: absolute; }
.resize.top.svelte-8c22i8:not(.left):not(.right), .resize.bottom.svelte-8c22i8:not(.left):not(.right) { cursor: ns-resize; width: 100%; height: 5px; left: 0px; right: 0px; }
.resize.left.svelte-8c22i8:not(.top):not(.bottom), .resize.right.svelte-8c22i8:not(.top):not(.bottom) { cursor: ew-resize; width: 5px; height: 100%; top: 0px; bottom: 0px; }
.resize.top.svelte-8c22i8:not(.left):not(.right) { top: 0px; }
.resize.bottom.svelte-8c22i8:not(.left):not(.right) { bottom: 0px; }
.resize.left.svelte-8c22i8:not(.top):not(.bottom) { left: 0px; }
.resize.right.svelte-8c22i8:not(.top):not(.bottom) { right: 0px; }
.resize.top.left.svelte-8c22i8, .resize.top.right.svelte-8c22i8, .resize.bottom.left.svelte-8c22i8, .resize.bottom.right.svelte-8c22i8 { width: 10px; height: 10px; }
.resize.top.left.svelte-8c22i8 { cursor: nwse-resize; top: 0px; left: 0px; }
.resize.top.right.svelte-8c22i8 { cursor: nesw-resize; top: 0px; right: 0px; }
.resize.bottom.left.svelte-8c22i8 { cursor: nesw-resize; bottom: 0px; left: 0px; }
.resize.bottom.right.svelte-8c22i8 { cursor: nwse-resize; bottom: 0px; right: 0px; }
.avatarBadgeWrapper.svelte-1dn3oy9 { --badgeOffset: calc(var(--badgeBorder) + var(--badgeInset)); width: var(--avatarSize); height: var(--avatarSize); position: relative; }
.avatarBadgeMask.svelte-1dn3oy9 { --badgeMaskCenter: calc(var(--avatarSize) - var(--badgeSize) / 2 - var(--badgeOffset)); --badgeMaskRadius: calc(var(--badgeSize) / 2 + var(--badgeBorder)); width: 100%; height: 100%; mask: radial-gradient(var(--badgeMaskRadius) var(--badgeMaskRadius) at var(--badgeMaskCenter) var(--badgeMaskCenter), transparent 100%, black 100%) padding-box; }
.avatarBadge.svelte-1dn3oy9 { right: var(--badgeOffset); bottom: var(--badgeOffset); width: var(--badgeSize); height: var(--badgeSize); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: absolute; }
.avatarBadge--online.svelte-1dn3oy9 { background-color: var(--button-positive); }
.avatarBadge--call.svelte-1dn3oy9 { background: var(--button-primary); }
.avatarBadge--stream.svelte-1dn3oy9 { background: var(--promo-live); }
.progressBarButton.svelte-uelcra { height: 4px; color: inherit; font: inherit; cursor: default; outline: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 1 0 0%; padding: 0px; }
.progressBarButton--interactive.svelte-uelcra { cursor: pointer; }
.progressBar.svelte-uelcra { appearance: none; background-color: var(--icon-mute); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 2px; width: 100%; height: 100%; display: block; }
.progressBar.svelte-uelcra::-webkit-progress-bar { background-color: var(--icon-mute); border-radius: 2px; }
.progressBar.svelte-uelcra::-webkit-progress-value { background-color: var(--icon-primary-inverse-static); border-radius: 2px; }
.image-placeholder.svelte-1aizpza { background-position: 50% center; background-repeat: no-repeat; background-size: cover; }
.img.svelte-1aizpza { vertical-align: top; text-align: center; background-position: 50% center; background-repeat: no-repeat; border: 0px; }
.img--pending.svelte-1aizpza { visibility: hidden; }
.mediaWrapper.svelte-17cjgl5 { width: 100%; height: 100%; position: relative; }
.photoWrapper.svelte-17cjgl5, .videoPlayer.svelte-17cjgl5 { object-fit: contain; width: 100%; height: 100%; }
.loader.svelte-17cjgl5 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.controls.svelte-jtpxoc { flex-flow: row; align-items: center; display: flex; }
.controlButton.svelte-jtpxoc { appearance: none; border-radius: var(--size-16); font: inherit; color: var(--icon-primary-inverse-static); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; margin: 0px; padding: 0px; display: flex; }
.controlButton.svelte-jtpxoc:hover { color: var(--icon-secondary-inverse-static); }
.controlButton.svelte-jtpxoc:active { color: var(--icon-mute-inverse-static); }
.controls.svelte-jtpxoc .controlButton:where(.svelte-jtpxoc) { padding: var(--spacing-l); }
.soundControls.svelte-jtpxoc { gap: var(--size-8); padding: var(--size-10) var(--size-16); background: var(--counter-default); border-radius: 21px; flex-flow: row; align-items: center; display: flex; }
.volumeRange.svelte-jtpxoc { appearance: none; cursor: pointer; background: 0px 0px; border-radius: 3px; outline: none; width: 74px; height: 5px; display: block; position: relative; }
.volumeRange.svelte-jtpxoc::-webkit-slider-runnable-track { appearance: none; background: linear-gradient(to right, var(--icon-primary-inverse-static) var(--volumeLevel,100%), var(--background-tertiary) var(--volumeLevel,100%)); border-radius: 3px; width: 100%; height: 100%; }
.volumeRange.svelte-jtpxoc::-webkit-slider-thumb { appearance: none; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; width: 0px; height: 0px; transition: 0.3s; }
.volumeRange.svelte-jtpxoc:hover::-webkit-slider-thumb { background: var(--icon-primary-inverse-static); width: 4px; height: 13px; margin-top: -4px; }
.menuContainer.svelte-1fxrv66 { gap: var(--spacing-s-half); background: 0px 0px; flex-direction: column; display: flex; }
.input.svelte-1k31az8 { width: 100%; }
.input.svelte-1k31az8 .scrollable { max-height: calc(2 * var(--spacing-m-half) + var(--maxLines) * var(--font-body-line-height)); }
.contenteditable.svelte-1k31az8 { padding: var(--spacing-m-half) 0; color: var(--text-primary); user-select: text; outline: none; }
.contenteditable.contenteditable.svelte-1k31az8 * { user-select: text; }
.placeholder.svelte-1k31az8 { pointer-events: none; user-select: none; color: var(--text-tertiary); position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
.input.svelte-1k31az8, .placeholder.svelte-1k31az8 { font: 400 var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); }
.input.svelte-1k31az8 .paragraph { margin: 0px; }
.input.svelte-1k31az8 .mention { color: var(--bubbles-text-action); }
.input.svelte-1k31az8 .bold { font-weight: 700; }
.input.svelte-1k31az8 .italic { font-style: italic; }
.input.svelte-1k31az8 .strikethrough { text-decoration: line-through; }
.input.svelte-1k31az8 .underline { text-decoration: underline; }
.input.svelte-1k31az8 .strikethrough.underline { text-decoration: underline line-through; }
.input.svelte-1k31az8 .link { color: var(--bubbles-text-action); pointer-events: none; }
.input.svelte-1k31az8 .emojiWrapper { vertical-align: bottom; cursor: text; display: inline-flex; }
.input.svelte-1k31az8 .quote { background: var(--bubbles-background-surface-secondary); border-radius: var(--border-radius-common-xs); max-width: 95%; padding: var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-s-half); margin-top: var(--spacing-2xs); display: inline-block; position: relative; overflow: hidden; }
.input.svelte-1k31az8 .quote::before { content: ""; background: var(--bubbles-background-action); width: 2px; height: 100%; position: absolute; inset: 0px; }
.input.svelte-1k31az8 .quote > svg { content: ""; right: var(--spacing-2xs); width: 12px; height: 12px; color: var(--bubbles-background-action); user-select: none; position: absolute; top: 0px; }
.input.svelte-1k31az8 .quoteDelimiter { opacity: 0; }
.emoji.svelte-ihew87 { user-select: none; }
.animoji.svelte-1t1mpo1 { width: 1.25em; height: 1lh; display: inline-block; position: relative; }
.img.svelte-1t1mpo1 { pointer-events: none; vertical-align: top; width: 1.25em; }
.player.svelte-1t1mpo1 { user-select: none; pointer-events: none; position: absolute; top: 0px; left: 0px; }
.emoji.svelte-2dn500 { width: 1.25em; height: 1lh; display: inline-block; position: relative; }
.emoji.svelte-2dn500 .image { pointer-events: none; }
.button.svelte-1cuof8n { width: var(--size-32); height: var(--size-32); color: var(--text-primary-inverse-static); background: var(--button-primary); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; outline: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.button.svelte-1cuof8n:hover { background-color: var(--states-button-primary-hover); }
.button.svelte-1cuof8n:active { background-color: var(--states-button-primary-pressed); }
.button.svelte-1cuof8n:disabled { color: var(--states-icon-primary-inverse-static-disabled); background: var(--states-button-primary-disabled); cursor: auto; }
.composer.svelte-c1n9oo { border-radius: var(--size-16); background: var(--float-primary-flat); width: 100%; position: relative; overflow: hidden; }
.input.svelte-c1n9oo { padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-l); align-items: flex-end; display: flex; }
.btn.svelte-c1n9oo { min-height: 40px; padding: var(--spacing-xs) var(--spacing-s); justify-content: center; align-items: center; display: flex; }
.info.svelte-1e6uhgn { height: 60px; padding: 0 var(--size-16); justify-content: space-between; align-items: center; display: flex; }
.stats-container.svelte-1e6uhgn { gap: var(--size-28); display: flex; }
.field.svelte-1e6uhgn { align-items: center; gap: var(--size-6); color: var(--text-primary-inverse-static); display: flex; }
.popover-content.svelte-1e6uhgn { min-width: 290px; }
.layers.svelte-xov3uw { pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.layer.svelte-xov3uw { opacity: 0; pointer-events: auto; user-select: none; -webkit-user-drag: none; position: absolute; overflow: hidden; }
.wrapper.svelte-11unyjp { flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.techIssue.svelte-11unyjp { gap: var(--size-20); }
.description.svelte-11unyjp { gap: var(--size-4); flex-flow: column; display: flex; }
.expired.svelte-11unyjp { gap: var(--spacing-m); }
.version.svelte-11unyjp { gap: var(--spacing-m); padding: 0px 15%; }
.button--reset.svelte-47vp0k { appearance: none; font: inherit; color: unset; cursor: pointer; box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; margin: 0px; padding: 0px; }
.button--reset.svelte-47vp0k:focus { box-shadow: none; outline: none; }
.button--disabled.svelte-47vp0k { pointer-events: none; user-select: none; cursor: default; }
.placeholder.svelte-47vp0k { flex-flow: row; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.storiesPlayer.svelte-47vp0k { width: 100%; height: 100%; position: relative; }
.navigation.svelte-47vp0k { padding: var(--size-16); color: var(--icon-primary-inverse-static); position: absolute; top: 50%; }
.navigation.prev.svelte-47vp0k { left: calc(-1 * var(--size-16)); transform: translate(-100%, -50%); }
.navigation.next.svelte-47vp0k { right: calc(-1 * var(--size-16)); transform: translate(100%, -50%); }
.navigation--mobile.svelte-47vp0k { width: 15dvw; height: 100dvh; padding: 0px; }
.navigation--mobile.prev.svelte-47vp0k { left: 0px; transform: translateY(-50%); }
.navigation--mobile.next.svelte-47vp0k { right: 0px; transform: translateY(-50%); }
.controlPanel.svelte-47vp0k { top: calc(-1 * var(--size-16)); gap: var(--size-10); width: 100%; padding: 0 var(--size-12); flex-flow: column; display: flex; position: absolute; transform: translateY(-100%); }
.controlPanel--mobile.svelte-47vp0k { border-radius: var(--size-24) var(--size-24) 0 0; padding: var(--size-12); background: linear-gradient(to bottom, var(--icon-primary-static), transparent); flex-flow: column-reverse; top: 0px; transform: none; }
.upper.svelte-47vp0k { flex-flow: row; display: flex; }
.controlButtons.svelte-47vp0k { flex-flow: row; align-items: center; display: flex; }
.owner.svelte-47vp0k { gap: var(--size-12); flex-flow: row; align-items: center; display: flex; overflow: hidden; }
.description.svelte-47vp0k { gap: var(--size-2); text-overflow: ellipsis; flex-flow: column; display: flex; overflow: hidden; }
.filler.svelte-47vp0k { flex: 1 0 0%; }
.progressBars.svelte-47vp0k { gap: var(--size-4); flex-flow: row; display: flex; }
.overlay.svelte-47vp0k { border-radius: var(--size-24) var(--size-24) 0 0; width: 100%; padding: var(--size-8) var(--size-16) 0; background: linear-gradient(to bottom, var(--icon-primary-static), transparent); opacity: 0; flex-flow: row; justify-content: end; transition: opacity 0.3s ease-in-out; display: flex; position: absolute; top: 0px; }
.storiesPlayer.svelte-47vp0k:hover .overlay:where(.svelte-47vp0k) { opacity: 1; }
.more.svelte-47vp0k { padding: var(--size-16); }
.statsWrapper.svelte-47vp0k { bottom: calc(var(--size-8) * -1); width: 100%; position: absolute; transform: translateY(100%); }
.statsWrapper--mobile.svelte-47vp0k { bottom: 0px; transform: none; }
.replyComposerWrapper.svelte-47vp0k { bottom: calc(-1 * var(--size-16) - 48px); width: 100%; padding: 0 var(--size-12); position: absolute; }
.replyComposerWrapper--mobile.svelte-47vp0k { bottom: var(--size-12); }
.content.svelte-47vp0k { border-radius: var(--size-16); width: 100%; height: 100%; overflow: hidden; }
.content--active.svelte-47vp0k { border-radius: var(--size-24); }
.storiesStackRow.svelte-1rr6jx2 { height: calc(var(--baseRowHeight) * var(--compact-view-progress,1) * (1 - max(var(--storiesStackState), calc(-1 * var(--storiesStackState))))); position: relative; }
.storiesStackWrapper.svelte-1rr6jx2 { z-index: 200; height: calc(var(--baseRowHeight) * var(--compact-view-progress,1)); opacity: max(0, (var(--compact-view-progress,1) - .6) / .4); position: relative; }
.storiesStackWrapper--teleported.svelte-1rr6jx2 { left: var(--storiesStackRowLeftOffset); top: var(--storiesStackRowTopOffset); width: var(--baseRowWidth); height: var(--baseRowHeight); }
.storiesStackWrapper--minified.svelte-1rr6jx2 { height: calc(var(--baseRowHeight) * (1 - max(var(--storiesStackState), calc(-1 * var(--storiesStackState))))); }
.storiesStackWrapper--expanded.svelte-1rr6jx2 { width: 100dvw; height: 100dvh; position: fixed; top: 0px; left: 0px; }
.background.svelte-1rr6jx2 { background: var(--background-overlay-media-preview); width: 100dvw; height: 100dvh; position: fixed; top: 0px; left: 0px; }
.background--mobile.svelte-1rr6jx2 { background: var(--technical-black); }
.closeButton.svelte-1rr6jx2 { z-index: 205; right: var(--spacing-xl); top: var(--spacing-xl); position: fixed; }
.storiesStack.svelte-1rr6jx2 { --baseWidth_px: calc(var(--baseWidth) * 1px); --baseHeight_px: calc(var(--baseHeight) * 1px); --targetWidth_px: calc(var(--targetWidth) * 1px); --targetActiveWidth_px: calc(var(--targetActiveWidth) * 1px); --absStoriesStackState: max(var(--storiesStackState), calc(-1 * var(--storiesStackState))); --opoStoriesStackState: calc(1 - var(--absStoriesStackState)); --scaleXFactor: calc(1 - (1 - var(--targetWidth) / var(--baseWidth)) * var(--absStoriesStackState)); --scaleYFactor: calc(1 - (1 - var(--targetHeight) / var(--baseHeight)) * var(--absStoriesStackState)); --shiftGlobalX: calc(var(--baseLeftOffset) * var(--opoStoriesStackState) + var(--targetLeftOffset) * var(--absStoriesStackState)); --shiftGlobalY: calc(var(--baseTopOffset) * var(--opoStoriesStackState) - var(--targetTopOffset) * var(--absStoriesStackState)); --shiftCommonX: calc(var(--baseHorizontalPadding) * var(--opoStoriesStackState) + (var(--targetHorizontalPadding) + var(--targetWidth_px) / 2 - var(--baseWidth_px) / 2) * var(--absStoriesStackState)); --shiftRelativeX: calc((2 * var(--targetWidth_px) / 2 + var(--targetGap) - 2 * var(--baseWidth_px) / 2 - var(--baseGap)) * var(--absStoriesStackState)); --shiftActiveX: calc((var(--targetActiveWidth_px) / 2 + var(--targetActiveGap) - var(--targetWidth_px) / 2 - var(--targetGap)) * var(--absStoriesStackState)); --shiftMinifiedX: calc((var(--targetWidth_px) + var(--targetGap)) * var(--absStoriesStackState)); --shiftScrollTargetX: calc((var(--targetWidth_px) + var(--targetGap)) * var(--absStoriesStackState)); align-items: center; gap: var(--baseGap); scrollbar-width: none; height: 100%; mask: linear-gradient(to right, transparent 0, black var(--baseHorizontalPadding), black calc(100% - var(--baseHorizontalPadding)), transparent 100%); flex-flow: row; display: flex; position: relative; overflow: auto hidden; }
.storiesStack.svelte-1rr6jx2::-webkit-scrollbar { display: none; }
.storiesStack--transformable.svelte-1rr6jx2 { mask: unset; }
.storiesStack--minified.svelte-1rr6jx2 { align-items: start; overflow: clip visible; }
.storiesStack--expanded.svelte-1rr6jx2 { --shiftMinifiedX: 0px; overflow: hidden; }
.storiesStackItem.svelte-1rr6jx2 { width: var(--baseWidth_px); height: var(--baseHeight_px); flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
.storiesStack--transformable.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2) { --minifiedStoriesStackCollapsingIndex: max(min(0, var(--storiesStackIndex) - var(--storiesStackSafeActiveIndex)), var(--storiesStackIndex) - var(--storiesStackSafeActiveIndex) - 2); --activeStoriesStackCollapsingIndex: 0; transform: translate(calc(var(--shiftGlobalX) + var(--shiftCommonX) + var(--shiftRelativeX) * var(--storiesStackIndex) - var(--shiftMinifiedX) * var(--minifiedStoriesStackCollapsingIndex) + var(--shiftActiveX) * var(--activeStoriesStackCollapsingIndex) - var(--shiftScrollTargetX) * var(--storiesStackSafeActiveIndex) - var(--baseStoriesStackScrollLeft) * var(--opoStoriesStackState)), calc(var(--shiftGlobalY))) scale(var(--scaleXFactor), var(--scaleYFactor)); }
.storiesStack--minified.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2) { --storiesStackOpacity: max(0, (var(--storiesStackState) + .3) / .3); opacity: calc((1 - clamp(0, max(var(--minifiedStoriesStackCollapsingIndex), calc(-1 * var(--minifiedStoriesStackCollapsingIndex))), 1)) + var(--storiesStackOpacity)); }
.storiesStack--expanded.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2) { --activeStoriesStackCollapsingIndex: max(-1, min(1, var(--storiesStackIndex) - var(--storiesStackActiveIndex))); }
.storiesStackItem--active.svelte-1rr6jx2 { --scaleXFactor: calc(1 - (1 - var(--targetActiveWidth) / var(--baseWidth)) * var(--absStoriesStackState)); --scaleYFactor: calc(1 - (1 - var(--targetActiveHeight) / var(--baseHeight)) * var(--absStoriesStackState)); --targetWidth_px: var(--targetActiveWidth_px); }
.storiesStackItem.svelte-1rr6jx2:first-child { margin-left: var(--baseHorizontalPadding); }
.storiesStackItem.svelte-1rr6jx2:last-child { margin-right: var(--baseHorizontalPadding); }
.storiesStack--transformable.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2) { margin: 0px; }
.storiesStackItemContent.svelte-1rr6jx2 { flex-shrink: 0; position: relative; }
.storiesStackWrapper--expanded.svelte-1rr6jx2 .storiesStackItemContent:where(.svelte-1rr6jx2) { width: calc(var(--scaleXFactor) * 100%); height: calc(var(--scaleYFactor) * 100%); transform: scale(calc(1 / var(--scaleXFactor)), calc(1 / var(--scaleYFactor))); }
.storiesStackItemThumbnail.svelte-1rr6jx2 { width: var(--baseWidth_px); flex-flow: column; gap: 4px; padding-top: 4px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.storiesStackItem--active.svelte-1rr6jx2 .storiesStackItemThumbnail:where(.svelte-1rr6jx2) { opacity: var(--opoStoriesStackState); }
.storiesStackItemThumbnail--padded.svelte-1rr6jx2 { padding-bottom: 23px; }
.storiesStackItemThumbnailOverlay.svelte-1rr6jx2 { background: var(--background-overlay); border-radius: 16px; width: 100%; height: 100%; position: absolute; top: 0px; }
.storiesStackItemThumbnailAvatarButton.svelte-1rr6jx2 { appearance: none; font: inherit; color: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; height: 100%; margin: 0px; padding: 0px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.storiesStack--expanded.svelte-1rr6jx2 .storiesStackItemThumbnailAvatarButton:where(.svelte-1rr6jx2) { width: calc(var(--targetWidth) * 1px); height: calc(var(--targetHeight) * 1px); }
.storiesStackItemCard.svelte-1rr6jx2 { will-change: transform; width: 100%; height: 100%; opacity: var(--absStoriesStackState); background: var(--button-secondary); border-radius: 16px; }
.storiesStackItemCard--mobile.svelte-1rr6jx2 { background: var(--technical-black); }
.storiesStackItem--active.svelte-1rr6jx2 .storiesStackItemCard:where(.svelte-1rr6jx2) { border-radius: 24px; }
.singlePeer.svelte-z9kwf6 { z-index: 200; width: 100dvw; height: 100dvh; position: fixed; top: 0px; left: 0px; }
.background.svelte-z9kwf6 { background: var(--background-overlay-media-preview); width: 100dvw; height: 100dvh; position: fixed; top: 0px; left: 0px; }
.background--mobile.svelte-z9kwf6 { background: var(--technical-black); }
.closeButton.svelte-z9kwf6 { z-index: 205; right: var(--spacing-xl); top: var(--spacing-xl); position: fixed; }
.singlePeerItem.svelte-z9kwf6 { --baseWidth_px: calc(var(--baseWidth) * 1px); --absSinglePeerState: max(var(--singlePeerState), calc(-1 * var(--singlePeerState))); --opoSinglePeerState: calc(1 - var(--absSinglePeerState)); --scaleXFactor: calc(1 - (1 - var(--targetWidth) / var(--baseWidth)) * var(--absSinglePeerState)); --scaleYFactor: calc(1 - (1 - var(--targetHeight) / var(--baseHeight)) * var(--absSinglePeerState)); --shiftGlobalX: calc(-1 * var(--baseLeftOffset) * var(--absSinglePeerState) + var(--targetLeftOffset) * var(--absSinglePeerState)); --shiftGlobalY: calc(-1 * var(--baseTopOffset) * var(--absSinglePeerState) + var(--targetTopOffset) * var(--absSinglePeerState)); left: var(--baseLeftOffset); top: var(--baseTopOffset); width: var(--baseWidth_px); height: calc(var(--baseHeight) * 1px); transform: translate(var(--shiftGlobalX), var(--shiftGlobalY)) scale(var(--scaleXFactor), var(--scaleYFactor)); justify-content: center; align-items: center; display: flex; position: relative; }
.singlePeerItemContent.svelte-z9kwf6 { width: calc(var(--scaleXFactor) * 100%); height: calc(var(--scaleYFactor) * 100%); transform: scale(calc(1 / var(--scaleXFactor)), calc(1 / var(--scaleYFactor))); flex-shrink: 0; position: relative; }
.singlePeerItemThumbnail.svelte-z9kwf6 { width: var(--baseWidth_px); opacity: var(--opoSinglePeerState); flex-flow: column; gap: 4px; padding: 4px 0px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.singlePeerItemCard.svelte-z9kwf6 { will-change: transform; width: 100%; height: 100%; opacity: var(--absSinglePeerState); background: var(--button-secondary); border-radius: 24px; }
.singlePeerItemCard--mobile.svelte-z9kwf6 { background: var(--technical-black); }
.avatarStoryRingWrapper.svelte-6ybo81 { --avatarSize_px: calc(var(--avatarSize) * 1px); width: var(--avatarSize_px); height: var(--avatarSize_px); justify-content: center; align-items: center; display: flex; position: relative; }
.avatarStoryRingMask.svelte-6ybo81 { --cutAvatarSize: calc(var(--avatarSize) - (var(--stroke) + var(--space)) * 2); transform: scale(calc(var(--cutAvatarSize) / var(--avatarSize))); border-radius: 50%; justify-content: center; align-items: center; transition: 0.15s ease-in-out; display: flex; overflow: hidden; }
.avatarStoryRingMaskCut.svelte-6ybo81 { --cutAvatarSize_px: calc(var(--cutAvatarSize) * 1px); --overlap_px: calc(var(--overlap) * 1px); mask: radial-gradient(calc(var(--cutAvatarSize_px) / 2) calc(var(--cutAvatarSize_px) / 2) at calc(var(--avatarSize_px) + var(--avatarSize_px) / 2 - var(--overlap_px)) center, transparent 100%, black 100%) padding-box; }
.avatarStoryRingWrapper.svelte-6ybo81:hover .avatarStoryRingMask--withStories:where(.svelte-6ybo81) { transform: scale(calc((var(--cutAvatarSize) - var(--stroke)) / var(--avatarSize))); }
.avatarStoryRingWrapper.svelte-6ybo81:active .avatarStoryRingMask--withStories:where(.svelte-6ybo81) { transform: scale(calc((var(--cutAvatarSize) - var(--stroke) * 2) / var(--avatarSize))); }
.avatarStoryRingWrapper.svelte-6ybo81 svg:where(.svelte-6ybo81) { position: absolute; top: 0px; left: 0px; }
.storyColor.svelte-6ybo81 { width: 100%; height: 100%; }
.storyColor--base.svelte-6ybo81 { background: conic-gradient(from 135deg, var(--stories-circle-step-4) 0deg, var(--stories-circle-step-1) 86.4deg, var(--stories-circle-step-2) 230.192deg, var(--stories-circle-step-4) 360deg); }
.storyColor--base.storyColor--minified.svelte-6ybo81 { --storyColorCutRatio: calc(var(--overlap) / 2 / var(--avatarSize) * 100%); }
.storyColor--base.storyColor--rightCut.svelte-6ybo81 { width: calc(100% - var(--storyColorCutRatio)); background: linear-gradient(to right, var(--stories-circle-step-1), var(--stories-circle-step-2)); }
.storyColor--base.storyColor--bothCut.svelte-6ybo81 { width: calc(100% - 2 * var(--storyColorCutRatio)); margin-left: var(--storyColorCutRatio); background: linear-gradient(to right, var(--stories-circle-step-2), var(--stories-circle-step-3)); }
.storyColor--base.storyColor--leftCut.svelte-6ybo81 { width: calc(100% - var(--storyColorCutRatio)); margin-left: var(--storyColorCutRatio); background: linear-gradient(to right, var(--stories-circle-step-3), var(--stories-circle-step-4)); }
.storyColor--base.storyColor--readCut.svelte-6ybo81 { background: var(--stories-circle-read); }
.storyColor--readMask.svelte-6ybo81 { background: conic-gradient(from 0deg, var(--stories-circle-read) 0% var(--storyRatio), transparent var(--storyRatio)); }
.storyColor--readMask.storyColor--minified.svelte-6ybo81 { display: none; }
.fallback.svelte-1dpd89k { border-radius: 50%; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.avatar.svelte-1gp4c0a { width: var(--avatarSize); height: var(--avatarSize); display: flex; }
.avatar.svelte-1gp4c0a .avatarImage { border-radius: 50%; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.avatarComposition.svelte-1njcjnw { display: flex; position: relative; }
.button.svelte-1e0wpt { appearance: none; gap: var(--size-6); cursor: pointer; border-radius: var(--size-16); background: var(--background-card); padding: var(--size-10) var(--size-12) var(--size-12); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; flex: 1 1 0px; justify-content: center; align-items: center; min-width: 0px; max-width: 320px; margin: 0px; transition: background-color 0.3s; display: flex; }
.button.svelte-1e0wpt:hover { background: var(--states-background-card-hover); }
.button.svelte-1e0wpt:active { background: var(--states-background-card-pressed); }
.icon.svelte-1e0wpt { color: var(--icon-themed); display: flex; }
.wrapper.svelte-62tvsj { display: inline-flex; position: relative; }
.progress.svelte-62tvsj svg:where(.svelte-62tvsj) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
svg.svelte-62tvsj text:where(.svelte-62tvsj) { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-variation-settings: ; font-language-override: ; text-align: center; font-feature-settings: "liga" 0, "clig" 0; letter-spacing: 0.06px; fill: var(--file-type-text); }
.code.svelte-wx9o4r { justify-content: center; gap: 8px; display: flex; }
.digit.svelte-wx9o4r { border-radius: var(--size-12); background: var(--background-tertiary); text-align: center; white-space: nowrap; width: 40px; height: 52px; caret-color: var(--icon-themed); letter-spacing: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: 25px; font-weight: 600; line-height: 28px; overflow: hidden; }
.digit.svelte-wx9o4r:focus-visible { outline: 2px solid var(--stroke-themed); }
.digit--process.svelte-wx9o4r { color: var(--text-primary); }
.digit--success.svelte-wx9o4r { color: var(--text-positive); }
.digit--error.svelte-wx9o4r { color: var(--text-negative); }
.digit--success.svelte-wx9o4r, .digit--error.svelte-wx9o4r { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--i) * var(--jump-delay)); }
.digit.svelte-wx9o4r:disabled { color: var(--states-text-primary-disabled); cursor: not-allowed; }
@keyframes svelte-wx9o4r-jump { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
.badgeIcon.svelte-5vjq67 { color: var(--badge-icon-color); background: var(--badge-icon-background); border-radius: 12px; place-items: center; width: max-content; display: grid; }
.badgeIcon--16.svelte-5vjq67 { min-width: 16px; height: 16px; }
.badgeIcon--20.svelte-5vjq67 { min-width: 20px; height: 20px; }
.badgeIcon--themed-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse-static); --badge-icon-background: var(--button-primary); }
.badgeIcon--themed-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-static-disabled); --badge-icon-background: var(--states-button-primary-disabled); }
.badgeIcon--contrast-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary); --badge-icon-background: var(--button-secondary-contrast); }
.badgeIcon--contrast-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-disabled); --badge-icon-background: var(--states-button-secondary-contrast-disabled); }
.badgeIcon--contrast-static-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-static); --badge-icon-background: var(--button-primary-contrast); }
.badgeIcon--contrast-static-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-static-disabled); --badge-icon-background: var(--states-button-primary-contrast-disabled); }
.badgeIcon--neutral-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse); --badge-icon-background: var(--button-primary); }
.badgeIcon--neutral-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-disabled); --badge-icon-background: var(--states-button-primary-disabled); }
.badgeIcon--neutral-static-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse-static); --badge-icon-background: var(--button-primary); }
.badgeIcon--neutral-static-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-static-disabled); --badge-icon-background: var(--states-button-primary-disabled); }
.badgeIcon--neutral-fade-regular.svelte-5vjq67 { --badge-icon-color: var(--text-tertiary); --badge-icon-background: var(--counter-mute); }
.badgeIcon--neutral-fade-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-secondary-disabled); --badge-icon-background: var(--states-button-secondary-disabled); }
.badgeIcon--negative-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse-static); --badge-icon-background: var(--button-negative); }
.badgeIcon--negative-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-static-disabled); --badge-icon-background: var(--states-button-positive-disabled); }
.badgeIcon--quaternary-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse-static); --badge-icon-background: var(--counter-menu); }
.badgeIcon--quaternary-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-static-disabled); --badge-icon-background: var(--counter-menu); }
.badgeIcon--positive-regular.svelte-5vjq67 { --badge-icon-color: var(--text-primary-inverse-static); --badge-icon-background: var(--button-positive); }
.badgeIcon--positive-disabled.svelte-5vjq67 { --badge-icon-color: var(--states-text-primary-inverse-static-disabled); --badge-icon-background: var(--states-button-negative-disabled); }
.text.svelte-16xyq0t { letter-spacing: 0.3px; padding: var(--spacing-2xs-half) var(--spacing-xs); }
.text--16.svelte-16xyq0t { font: 600 var(--font-note-size) / var(--font-note-line-height) var(--font); letter-spacing: var(--font-note-letter-spacing); }
.text--20.svelte-16xyq0t { font: 600 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); }
.tabs.svelte-1yocpex { scrollbar-width: none; user-select: none; --active-tab-width: 0; --active-tab-left: 0; width: 100%; padding: 0px; display: flex; position: relative; overflow-x: auto; }
.tabs.svelte-1yocpex::-webkit-scrollbar { display: none; }
.active-slide.svelte-1yocpex { height: var(--size-2); border-top-left-radius: var(--border-radius-common-xs); border-top-right-radius: var(--border-radius-common-xs); background: var(--icon-themed); width: calc(var(--active-tab-width) - var(--size-12) * 2); display: block; position: absolute; bottom: 0px; transform: translate(0px); }
.tabs--transition.svelte-1yocpex .active-slide:where(.svelte-1yocpex) { transition: transform 0.25s ease-out; }
.tab.svelte-1yocpex { min-width: var(--size-40); min-height: var(--size-40); border-radius: var(--border-radius-common-m); justify-content: center; align-items: center; gap: var(--size-4); cursor: pointer; white-space: nowrap; font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); color: var(--text-tertiary); padding: 0px var(--size-12); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; margin: 0px; display: inline-flex; position: relative; }
@media (hover: hover) {
  .tab.svelte-1yocpex:hover { background-color: var(--states-button-ghost-hover); }
}
.tab.svelte-1yocpex:active { background-color: var(--states-button-ghost-pressed); }
.tab--active.svelte-1yocpex { color: var(--text-themed); }
.tab--active.svelte-1yocpex ~ .active-slide:where(.svelte-1yocpex) { transform: translateX(calc(var(--active-tab-left) + var(--size-12))); }
.after.svelte-1yocpex { color: var(--icon-tertiary); flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.switch.svelte-1brrvbt { cursor: pointer; align-items: center; width: 52px; height: 32px; display: flex; position: relative; }
.switch--disabled.svelte-1brrvbt { cursor: default; }
.input.svelte-1brrvbt { appearance: none; z-index: 1; width: 100%; height: 100%; cursor: inherit; background: 0px 0px; outline: none; margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.input.svelte-1brrvbt:focus-visible + .handle:where(.svelte-1brrvbt) { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.handle.svelte-1brrvbt { border-radius: 9999px; transition: border-width 0.4s, background 0.2s; position: absolute; inset: 0px; }
.handle.svelte-1brrvbt::before { content: ""; border-radius: inherit; border: 2px solid var(--divider-primary); transition: border-color 0.4s; position: absolute; inset: 0px; }
.input.svelte-1brrvbt:hover:not(.input--disabled) + .handle:where(.svelte-1brrvbt)::before { border-color: var(--states-divider-primary-hover); }
.input.svelte-1brrvbt:active:not(.input--disabled) + .handle:where(.svelte-1brrvbt)::before { border-color: var(--states-divider-primary-pressed); }
.input--disabled.svelte-1brrvbt + .handle:where(.svelte-1brrvbt) { background: var(--states-controls-inactive-disabled); }
.input.svelte-1brrvbt:checked + .handle:where(.svelte-1brrvbt) { background: var(--controls-active); }
.input.svelte-1brrvbt:checked + .handle:where(.svelte-1brrvbt)::before { border-width: 0px; }
.input:checked.input--disabled.svelte-1brrvbt + .handle:where(.svelte-1brrvbt) { background: var(--states-controls-active-disabled); }
.handle.svelte-1brrvbt::after { content: ""; background: var(--icon-tertiary); border-radius: 50%; width: 20px; height: 20px; transition: transform 0.4s, background 0.4s; position: absolute; top: 6px; left: 6px; }
.input--disabled.svelte-1brrvbt + .handle:where(.svelte-1brrvbt)::after { background: var(--icon-mute); }
.input.svelte-1brrvbt:active:not(.input--disabled) + .handle:where(.svelte-1brrvbt)::after { transform: scale(1.2); }
.input.input.svelte-1brrvbt:checked + .handle:where(.svelte-1brrvbt)::after { background: var(--icon-primary-inverse-static); transform: translate(20px) scale(1.2); }
.cell.svelte-1i53u8d { isolation: isolate; width: 100%; min-height: 56px; padding: 0 var(--size-12); gap: var(--size-12); user-select: none; display: flex; position: relative; }
.overlay.svelte-1i53u8d { z-index: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; background: 0px 0px; border: 0px; outline: none; margin: 0px; padding: 0px; position: absolute; inset: 0px; }
.cell--action.svelte-1i53u8d, .cell--control.svelte-1i53u8d { cursor: pointer; }
.cell--disabled.svelte-1i53u8d { opacity: 0.5; pointer-events: none; }
@media (hover: hover) {
  .cell.svelte-1i53u8d:where(.cell--action:where(.svelte-1i53u8d), .cell--control:where(.svelte-1i53u8d)):hover { background-color: var(--states-background-card-hover); }
  .cell--highlighted.svelte-1i53u8d:where(.cell--action:where(.svelte-1i53u8d), .cell--control:where(.svelte-1i53u8d)):hover { background-color: var(--states-background-card-selected-hover); }
}
.cell--highlighted.svelte-1i53u8d { background-color: var(--states-background-card-selected); }
.cell--action.svelte-1i53u8d .overlay:where(.svelte-1i53u8d):active, .cell--control.svelte-1i53u8d:active { background-color: var(--states-background-card-pressed); }
.cell--highlighted.cell--action.svelte-1i53u8d .overlay:where(.svelte-1i53u8d):active, .cell--highlighted.cell--control.svelte-1i53u8d:active { background-color: var(--states-background-card-selected-pressed); }
.cell--action.svelte-1i53u8d .overlay:where(.svelte-1i53u8d):focus-visible { outline: 2px solid var(--shadow-focused-default); outline-offset: -2px; }
.cellBorderRadius-m.svelte-1i53u8d { border-radius: var(--border-radius-common-m); }
.cellBorderRadius-inherit.svelte-1i53u8d { border-radius: inherit; }
.before.svelte-1i53u8d, .after.svelte-1i53u8d { flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; }
.before.svelte-1i53u8d { min-width: 40px; }
.after.svelte-1i53u8d { gap: var(--size-6); }
.cell--action.svelte-1i53u8d .before:where(.svelte-1i53u8d), .cell--action.svelte-1i53u8d .content:where(.svelte-1i53u8d), .cell--action.svelte-1i53u8d .after:where(.svelte-1i53u8d) { z-index: 0; pointer-events: none; position: relative; }
.cell--action.svelte-1i53u8d .after:where(.svelte-1i53u8d) :where(a, button, input, [tabindex]), .cell--action.svelte-1i53u8d .before:where(.svelte-1i53u8d) :where(a, button, input, [tabindex]) { pointer-events: auto; }
.content.svelte-1i53u8d { gap: var(--size-2); min-width: 0px; padding: var(--size-8) 0; flex-direction: column; flex: 1 1 0%; justify-content: center; display: flex; }
.wrapper.svelte-o5up1o { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative; }
.input.svelte-o5up1o { white-space: nowrap; user-select: none; appearance: none; clip-path: none; border: 0px; margin: 0px; padding: 0px; position: absolute; inset: 0px; overflow: hidden; }
.indicator.svelte-o5up1o { color: var(--divider-primary); flex-shrink: 0; transition: color 0.15s; display: flex; }
.input.svelte-o5up1o:checked ~ .indicator:where(.svelte-o5up1o) { color: var(--controls-active); }
.input.svelte-o5up1o:not(:checked) { cursor: pointer; }
.input.svelte-o5up1o:disabled { cursor: default; }
.input.svelte-o5up1o:disabled ~ .indicator:where(.svelte-o5up1o) { color: var(--states-divider-primary-disabled); }
.input.svelte-o5up1o:disabled:checked ~ .indicator:where(.svelte-o5up1o) { color: var(--states-controls-active-disabled); }
.indicator.svelte-o5up1o .pin:where(.svelte-o5up1o) { transform-origin: 50% center; transition: transform 0.3s ease-in-out; transform: scale(0); }
.input.svelte-o5up1o:checked ~ .indicator:where(.svelte-o5up1o) .pin:where(.svelte-o5up1o) { transform: none; }
.checkbox.svelte-199sqfp { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative; }
.checkbox--primary.svelte-199sqfp { color: var(--counter-mute); }
.checkbox--primary-contrast.svelte-199sqfp { color: var(--counter-contrast); }
.input.svelte-199sqfp { cursor: pointer; white-space: nowrap; user-select: none; appearance: none; clip-path: none; border: 0px; margin: 0px; padding: 0px; position: absolute; inset: 0px; overflow: hidden; }
.icon-checked.svelte-199sqfp, .icon-unchecked.svelte-199sqfp { pointer-events: none; transform-origin: 50% center; justify-content: center; align-items: center; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; display: flex; position: absolute; }
.input.svelte-199sqfp:disabled { cursor: default; pointer-events: none; }
.input.svelte-199sqfp:not(:checked) ~ .icon-unchecked:where(.svelte-199sqfp) { opacity: 1; transform: scale(1); }
.input.svelte-199sqfp:not(:checked) ~ .icon-checked:where(.svelte-199sqfp) { opacity: 0; transform: scale(0); }
.input.svelte-199sqfp:checked ~ .icon-checked:where(.svelte-199sqfp) { opacity: 1; transform: scale(1); }
.input.svelte-199sqfp:checked ~ .icon-unchecked:where(.svelte-199sqfp) { opacity: 0; transform: scale(0); }
.before.svelte-1k122f1 { justify-content: center; align-items: center; display: inline-flex; }
.before--primary.svelte-1k122f1 { color: var(--icon-primary); }
.before--tertiary.svelte-1k122f1 { color: var(--icon-tertiary); }
.before--themed.svelte-1k122f1 { color: var(--icon-themed); }
.before--negative.svelte-1k122f1 { color: var(--icon-negative); }
.before--promo.svelte-1k122f1 { color: var(--promo-icon); }
.checkbox.svelte-p20f1j { align-items: center; display: flex; }
.checkbox.svelte-p20f1j:not(.checkbox--item) { width: 24px; height: 24px; }
.checkbox--item.svelte-p20f1j { gap: var(--size-8); padding: var(--size-8) var(--size-16); margin-inline: calc(-1 * var(--size-16)); border-radius: var(--border-radius-common-m); cursor: pointer; user-select: none; }
@media (hover: hover) {
  .checkbox--item.svelte-p20f1j:not(.checkbox--disabled):hover { background-color: var(--states-background-card-hover); }
}
.checkbox--item.svelte-p20f1j:not(.checkbox--disabled):active { background-color: var(--states-background-card-pressed); }
.checkbox--item.checkbox--disabled.svelte-p20f1j { cursor: default; --text-primary: var(--states-text-primary-disabled); --text-tertiary: var(--states-text-tertiary-disabled); }
.control.svelte-p20f1j { flex-shrink: 0; align-items: center; display: inline-flex; position: relative; }
.input.svelte-p20f1j { white-space: nowrap; user-select: none; opacity: 0; cursor: pointer; border: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.input.svelte-p20f1j:disabled { cursor: default; pointer-events: none; }
.marker.svelte-p20f1j { border-radius: var(--size-4); pointer-events: none; flex-shrink: 0; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative; }
.input.svelte-p20f1j:focus-visible + .marker:where(.svelte-p20f1j) { outline: 2px solid var(--stroke-themed); }
.icon.svelte-p20f1j { color: var(--icon-themed); display: flex; position: absolute; inset: 0px; }
.bg.svelte-p20f1j { display: flex; position: absolute; inset: 0px; }
.icon--unchecked.svelte-p20f1j { color: var(--controls-inactive); }
.checkbox--disabled.svelte-p20f1j .icon:where(.svelte-p20f1j) { color: var(--states-icon-themed-disabled); }
.checkbox--disabled.svelte-p20f1j .icon--unchecked:where(.svelte-p20f1j) { color: var(--states-controls-inactive-disabled); }
.content.svelte-p20f1j { flex-direction: column; display: flex; }
.cell-wrapper.svelte-1tb7z29, .cell.svelte-1tb7z29 { gap: var(--spacing-m); padding: var(--spacing-xs) var(--spacing-l); user-select: none; width: 100%; min-height: 56px; display: flex; }
.cell-wrapper.cell--compact.svelte-1tb7z29 { padding: var(--size-8) var(--size-12); min-height: 48px; }
.cell.svelte-1tb7z29 { color: var(--text-primary); border-radius: var(--border-radius-common-m); text-align: left; outline-offset: calc(-1px - var(--outline-width)); justify-content: space-between; align-items: center; row-gap: var(--size-2); column-gap: var(--size-12); background: 0px 0px; border: 0px; flex: 1 1 0%; min-width: 0px; display: flex; }
.cell-wrapper.svelte-1tb7z29 > .cell:where(.svelte-1tb7z29) { width: auto; min-height: auto; padding: 0px; }
.cell--clickable.svelte-1tb7z29 { cursor: pointer; }
.cell--disabled.svelte-1tb7z29 { opacity: 0.5; pointer-events: none; cursor: default; }
.cell--disabled-visually.svelte-1tb7z29 { color: var(--states-text-primary-disabled); cursor: default; }
.cell--negative.svelte-1tb7z29 { color: var(--text-negative); }
.cell--themed.svelte-1tb7z29 { color: var(--text-themed); }
.cell--empty.svelte-1tb7z29 { justify-content: center; }
@media (hover: hover) {
  .cell.svelte-1tb7z29:where(.cell--hovered:where(.svelte-1tb7z29), .cell--clickable:where(.svelte-1tb7z29):hover, .cell--clickable:where(.svelte-1tb7z29):focus):not(.cell--noHover) { background: var(--states-button-ghost-hover); }
}
.cell.svelte-1tb7z29:where(.cell--clickable:where(.svelte-1tb7z29):active):not(.cell--noHover, .cell--disabled-visually) { background: var(--states-button-ghost-pressed); }
.cell--transparent.svelte-1tb7z29 { background: 0px 0px; }
.cell-actions.svelte-1tb7z29, .after.svelte-1tb7z29 { align-items: center; gap: var(--spacing-xs); flex-shrink: 0; display: flex; }
.before.svelte-1tb7z29 { flex-shrink: 0; justify-content: center; align-items: center; min-width: 40px; display: flex; }
.content.svelte-1tb7z29 { gap: var(--size-2); flex-direction: column; flex-grow: 1; min-width: 0px; display: flex; }
.header.svelte-1o1ioad { padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m); justify-content: space-between; align-items: center; display: flex; }
.title.svelte-1o1ioad { padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) 0; flex: 1 0 0px; min-width: 0px; min-height: 24px; display: flex; }
.action.svelte-1o1ioad { min-height: 24px; }
.cellList.svelte-1o1ioad { background: var(--background-card); border-radius: var(--border-radius-common-l); width: 100%; padding: var(--spacing-xs); flex-direction: column; display: flex; overflow: hidden; }
.cellList--noSpacing.svelte-1o1ioad { padding: var(--spacing-zero); }
.cellList--primary.svelte-1o1ioad { background: var(--background-card); }
.cellList--secondary.svelte-1o1ioad { background: var(--background-tertiary); }
.footnote.svelte-1o1ioad { padding: var(--spacing-xs) var(--spacing-l); }
.cellList--negative.svelte-1o1ioad { border: 2px solid var(--stroke-negative); }
.chevron.svelte-14c9do6 { cursor: pointer; align-items: center; gap: var(--spacing-s-half); color: var(--text-tertiary); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); display: flex; }
.chevronIcon.svelte-14c9do6 { color: var(--icon-mute); display: inline-flex; position: relative; bottom: -1px; }
.hint.svelte-1sw7psw { font: var(--font-description-weight) var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); padding: 4px 12px 0px; }
.hint--start.svelte-1sw7psw { text-align: start; }
.hint--center.svelte-1sw7psw { text-align: center; }
.hint--hint.svelte-1sw7psw { color: var(--text-tertiary); }
.hint--dynamic-hint.svelte-1sw7psw { color: var(--text-themed); }
.hint--error.svelte-1sw7psw { color: var(--text-negative); }
.hint--success.svelte-1sw7psw { color: var(--text-positive); }
.squircle.svelte-1hk54pz { clip-path: url("#squircle"); }
.highlight.svelte-lfvwob { font: inherit; color: inherit; letter-spacing: inherit; }
.highlight--accent.svelte-lfvwob { background-color: var(--states-background-highlighted); }
.tooltip.svelte-f4yy5i { border-radius: var(--border-radius-common-l); padding: var(--size-12); background: var(--float-popup-flat); color: var(--text-primary-inverse-static); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: max-content; overflow: visible; }
.tooltip--noPopoverAPI.svelte-f4yy5i { z-index: var(--z-index-popover-noPopoverAPI); display: none; position: fixed; }
.tooltip--noPopoverAPI--visible.svelte-f4yy5i { display: flex; }
.arrow.svelte-f4yy5i { width: var(--size-24); height: var(--size-24); color: var(--float-popup-flat); align-items: end; display: flex; position: absolute; }
.menuSeparator.svelte-14um8pj { background: var(--divider-primary); height: 0.5px; margin: 3px var(--spacing-m-half); justify-self: stretch; }
.menuSeparator.svelte-14um8pj:first-child, .menuSeparator.svelte-14um8pj:last-child { display: none; }
.chips.svelte-15wnvtq { justify-content: center; align-items: center; gap: var(--spacing-xs); cursor: pointer; color: var(--text-primary); background: var(--button-secondary); font: 500 14px/18px var(--font); padding: var(--spacing-xs) var(--spacing-s) var(--spacing-xs) var(--spacing-xs); user-select: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 24px; display: flex; }
.chips.svelte-15wnvtq:hover { color: var(--text-primary-inverse-static); background: var(--button-primary); }
.chips.svelte-15wnvtq:disabled { color: var(--states-text-primary-disabled); background: var(--states-button-secondary-disabled); cursor: auto; }
.chips--selected.svelte-15wnvtq { outline: 2px solid var(--button-primary); outline-offset: -2px; }
.text.svelte-15wnvtq { text-align: center; white-space: nowrap; text-overflow: ellipsis; flex: 1 1 auto; overflow: hidden; }
.icon.svelte-15wnvtq { border-radius: 100%; flex: 0 1 auto; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.remove.svelte-15wnvtq { background: var(--icon-primary-inverse-static); width: 100%; height: 100%; color: var(--icon-themed); border: 0px; justify-content: center; align-items: center; padding: 0px; display: none; position: absolute; top: 0px; left: 0px; }
.remove.svelte-15wnvtq:hover { cursor: pointer; }
.chips.svelte-15wnvtq:hover .remove:where(.svelte-15wnvtq), .chips--selected.svelte-15wnvtq .remove:where(.svelte-15wnvtq) { display: flex; }
.button.svelte-1r50r2e { cursor: pointer; color: var(--button-text-color); background: var(--button-background-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
.button-inner.svelte-1r50r2e { flex: 1 1 0%; justify-content: center; align-items: center; width: 100%; display: flex; }
.button--loading.svelte-1r50r2e .button-inner:where(.svelte-1r50r2e) { visibility: hidden; }
@media (hover: hover) {
  .button.svelte-1r50r2e:hover { color: var(--button-text-color-hovered); background: var(--button-background-color-hovered); }
}
.button.svelte-1r50r2e:active { color: var(--button-text-color-pressed); background: var(--button-background-color-pressed); }
.button.svelte-1r50r2e:disabled { color: var(--button-text-color-disabled); background: var(--button-background-color-disabled); cursor: auto; }
.button--stretched.svelte-1r50r2e { width: 100%; }
.button--small.svelte-1r50r2e { border-radius: var(--border-radius-button-button-small); min-width: 32px; min-height: 32px; }
.button--medium.svelte-1r50r2e { border-radius: var(--border-radius-button-button-medium); min-width: 40px; min-height: 40px; }
.button--large.svelte-1r50r2e { border-radius: var(--border-radius-button-button-large); min-width: 52px; min-height: 56px; }
.button--link.svelte-1r50r2e { min-width: fit-content; }
.button--accent-primary.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--text-primary-inverse-static); --button-text-color-pressed: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-background-color: var(--button-primary); --button-background-color-hovered: var(--states-button-primary-hover); --button-background-color-pressed: var(--states-button-primary-pressed); --button-background-color-disabled: var(--states-button-primary-disabled); }
.button--accent-secondary.svelte-1r50r2e { --button-text-color: var(--text-themed); --button-text-color-hovered: var(--text-themed); --button-text-color-pressed: var(--text-themed); --button-text-color-disabled: var(--states-text-themed-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); }
.button--accent-tertiary.svelte-1r50r2e { --button-text-color: var(--text-themed); --button-text-color-hovered: var(--text-themed); --button-text-color-pressed: var(--text-themed); --button-text-color-disabled: var(--states-text-themed-disabled); --button-background-color: none; --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: none; }
.button--accent-link.svelte-1r50r2e { --button-text-color: var(--text-themed); --button-text-color-hovered: var(--states-text-themed-hover); --button-text-color-pressed: var(--states-text-themed-pressed); --button-text-color-disabled: var(--states-text-themed-disabled); --button-background-color: none; --button-background-color-hovered: none; --button-background-color-pressed: none; --button-background-color-disabled: none; }
.button--negative-primary.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--text-primary-inverse-static); --button-text-color-pressed: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-background-color: var(--button-negative); --button-background-color-hovered: var(--states-button-negative-hover); --button-background-color-pressed: var(--states-button-negative-pressed); --button-background-color-disabled: var(--states-button-negative-disabled); }
.button--negative-secondary.svelte-1r50r2e { --button-text-color: var(--text-negative); --button-text-color-hovered: var(--text-negative); --button-text-color-pressed: var(--text-negative); --button-text-color-disabled: var(--states-text-negative-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); }
.button--negative-tertiary.svelte-1r50r2e { --button-text-color: var(--text-negative); --button-text-color-hovered: var(--text-negative); --button-text-color-pressed: var(--text-negative); --button-text-color-disabled: var(--states-text-negative-disabled); --button-background-color: none; --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: none; }
.button--negative-link.svelte-1r50r2e { --button-text-color: var(--text-negative); --button-text-color-hovered: var(--states-text-negative-hover); --button-text-color-pressed: var(--states-text-negative-pressed); --button-text-color-disabled: var(--states-text-negative-disabled); --button-background-color: none; --button-background-color-hovered: none; --button-background-color-pressed: none; --button-background-color-disabled: none; }
.button--neutral-primary.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--text-primary-inverse-static); --button-text-color-pressed: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-background-color: var(--button-primary); --button-background-color-hovered: var(--states-button-primary-hover); --button-background-color-pressed: var(--states-button-primary-pressed); --button-background-color-disabled: var(--states-button-primary-disabled); }
.button--neutral-secondary.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--text-primary); --button-text-color-pressed: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); }
.button--neutral-tertiary.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--text-primary); --button-text-color-pressed: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: none; --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: none; }
.button--neutral-link.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--states-text-primary-hover); --button-text-color-pressed: var(--states-text-primary-pressed); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: none; --button-background-color-hovered: none; --button-background-color-pressed: none; --button-background-color-disabled: none; }
.button--neutral-themed-primary.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--text-primary-inverse-static); --button-text-color-pressed: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-disabled); --button-background-color: var(--button-primary); --button-background-color-hovered: var(--states-button-primary-hover); --button-background-color-pressed: var(--states-button-primary-pressed); --button-background-color-disabled: var(--states-button-primary-disabled); }
.button--neutral-themed-secondary.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--text-primary); --button-text-color-pressed: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: var(--button-secondary); --button-background-color-hovered: var(--states-button-secondary-hover); --button-background-color-pressed: var(--states-button-secondary-pressed); --button-background-color-disabled: var(--states-button-secondary-disabled); }
.button--neutral-themed-tertiary.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--text-primary); --button-text-color-pressed: var(--text-primary); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: none; --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: none; }
.button--neutral-themed-link.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--states-text-primary-hover); --button-text-color-pressed: var(--states-text-primary-pressed); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: none; --button-background-color-hovered: none; --button-background-color-pressed: none; --button-background-color-disabled: none; }
.button--contrast-static-primary.svelte-1r50r2e { --button-text-color: var(--text-primary-static); --button-text-color-hovered: var(--text-primary-static); --button-text-color-pressed: var(--text-primary-static); --button-text-color-disabled: var(--states-text-primary-static-disabled); --button-background-color: var(--button-primary-contrast); --button-background-color-hovered: var(--states-button-primary-contrast-hover); --button-background-color-pressed: var(--states-button-primary-contrast-pressed); --button-background-color-disabled: var(--states-button-primary-contrast-disabled); }
.button--contrast-static-secondary.svelte-1r50r2e { --button-text-color: var(--text-primary); --button-text-color-hovered: var(--states-text-primary-hover); --button-text-color-pressed: var(--states-text-primary-pressed); --button-text-color-disabled: var(--states-text-primary-disabled); --button-background-color: var(--button-secondary-contrast); --button-background-color-hovered: var(--states-button-secondary-contrast-hover); --button-background-color-pressed: var(--states-button-secondary-contrast-pressed); --button-background-color-disabled: var(--states-button-secondary-contrast-disabled); }
.button--contrast-static-tertiary.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--text-primary-inverse-static); --button-text-color-pressed: var(--text-primary-inverse-static); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-background-color: none; --button-background-color-hovered: var(--states-button-ghost-hover); --button-background-color-pressed: var(--states-button-ghost-pressed); --button-background-color-disabled: none; }
.button--contrast-static-link.svelte-1r50r2e { --button-text-color: var(--text-primary-inverse-static); --button-text-color-hovered: var(--states-text-primary-inverse-static-hover); --button-text-color-pressed: var(--states-text-primary-inverse-static-pressed); --button-text-color-disabled: var(--states-text-primary-inverse-static-disabled); --button-background-color: none; --button-background-color-hovered: none; --button-background-color-pressed: none; --button-background-color-disabled: none; }
.loading.svelte-1r50r2e { display: none; }
.button--loading.svelte-1r50r2e .loading:where(.svelte-1r50r2e) { width: 20px; height: 20px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.loader.svelte-1r50r2e { background: linear-gradient(0deg, color-mix(in srgb, var(--button-text-color), transparent 80%) 33%, var(--button-text-color) 100%); width: 100%; height: 100%; mask: radial-gradient(16px, color-mix(in srgb, var(--button-text-color), transparent 100%) 50%, var(--button-text-color) 50.5%); box-sizing: border-box; border-radius: 50%; animation: 1s linear 0s infinite normal none running svelte-1r50r2e-rotation; display: flex; }
@keyframes svelte-1r50r2e-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.input.svelte-14rzpox { width: 100%; padding: var(--spacing-s-half) var(--spacing-m); border-radius: var(--border-radius-common-l); background: var(--background-card); height: 52px; font-size: 15px; font-style: normal; line-height: 20px; display: flex; position: relative; }
.input.svelte-14rzpox > input[type="search"]:where(.svelte-14rzpox)::-webkit-search-decoration { appearance: none; }
.input.svelte-14rzpox > input[type="search"]:where(.svelte-14rzpox)::-webkit-search-cancel-button { appearance: none; }
.input.svelte-14rzpox > input[type="search"]:where(.svelte-14rzpox)::-webkit-search-results-button { appearance: none; }
.input.svelte-14rzpox > input[type="search"]:where(.svelte-14rzpox)::-webkit-search-results-decoration { appearance: none; }
.field.svelte-14rzpox { width: 100%; color: var(--text-primary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; padding: 0px; }
.input--compact.svelte-14rzpox { border-radius: var(--border-radius-common-m); height: 36px; }
.input--clickable.svelte-14rzpox { cursor: pointer; }
.input--primary.svelte-14rzpox::placeholder { color: var(--text-tertiary); }
.input--secondary.svelte-14rzpox { background: var(--background-tertiary); color: var(--text-primary); }
.input--themed.svelte-14rzpox .field:where(.svelte-14rzpox) { color: var(--text-themed); }
.input.svelte-14rzpox:focus { border-color: var(--divider-secondary); }
.icon.svelte-14rzpox { color: var(--icon-tertiary); flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.icon--left.svelte-14rzpox { margin-right: var(--spacing-s); }
.icon--right.svelte-14rzpox { margin-left: var(--spacing-s); }
.prefix.svelte-14rzpox { color: var(--text-tertiary); flex: 1 0 auto; justify-content: center; align-items: center; display: flex; }
.clear.svelte-14rzpox { display: none; }
.input.svelte-14rzpox:hover .clear:where(.svelte-14rzpox), .field.svelte-14rzpox:focus ~ .clear:where(.svelte-14rzpox) { color: var(--icon-tertiary); margin-left: var(--spacing-m); flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.clear-icon.svelte-14rzpox { opacity: 0.5; display: flex; }
.counter.svelte-14rzpox { margin-left: var(--spacing-m); color: var(--text-tertiary); font: 400 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.textarea.svelte-1mtnfub { width: 100%; padding: var(--spacing-l); border-radius: var(--border-radius-common-l); background: var(--background-card); font-size: var(--font-body-size); font-weight: 400; line-height: var(--font-body-line-height); letter-spacing: var(--font-body-letter-spacing); display: flex; position: relative; }
.field.svelte-1mtnfub { width: 100%; min-height: var(--font-body-line-height); resize: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; padding: 0px; }
.textarea--primary.svelte-1mtnfub::placeholder { color: var(--text-tertiary); }
.textarea--secondary.svelte-1mtnfub { background: var(--background-tertiary); color: var(--text-primary); }
.textarea.svelte-1mtnfub:focus { border-color: var(--divider-secondary); }
.icon.svelte-1mtnfub { color: var(--icon-tertiary); flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.icon--left.svelte-1mtnfub { margin-right: var(--spacing-s); }
.icon--right.svelte-1mtnfub { margin-left: var(--spacing-s); }
.prefix.svelte-1mtnfub { color: var(--text-tertiary); flex: 1 0 auto; justify-content: center; align-items: center; display: flex; }
.counter.svelte-1mtnfub { bottom: var(--spacing-s-half); right: var(--spacing-m); color: var(--text-tertiary); font: 400 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); position: absolute; }
.scrollListScrollable { overflow-anchor: none; }
.scrollListContent { flex-direction: column; min-height: 100%; display: flex; }
.scrollListContent--bottom { justify-content: flex-end; }
.item.svelte-rg2upy { width: 100%; }
.wrapper.svelte-12nazo6 { height: var(--size,106px); width: var(--size,106px); filter: blur(calc(var(--size,106px) / var(--blur-factor,3))); transform-origin: 50% center; animation: 24s linear 0s infinite normal none running svelte-12nazo6-scaleAnimation; transform: scale(2); }
.element.svelte-12nazo6 { border-radius: 50%; width: 50%; height: 50%; animation: 12s linear 0s infinite normal none running svelte-12nazo6-rotateAnimation; position: absolute; }
.element.svelte-12nazo6:first-child { background: var(--empty-block-halo-bubble-1); transform-origin: 100% center; top: 25%; left: 0px; }
.element.svelte-12nazo6:nth-child(2) { background: var(--empty-block-halo-bubble-2); transform-origin: center top; top: 50%; left: 25%; }
.element.svelte-12nazo6:nth-child(3) { background: var(--empty-block-halo-bubble-3); transform-origin: 0px center; top: 25%; left: 50%; }
.element.svelte-12nazo6:last-child { background: var(--empty-block-halo-bubble-4); transform-origin: center bottom; top: 0px; left: 25%; }
@keyframes svelte-12nazo6-scaleAnimation { 
  0% { transform: scale(2); }
  50% { transform: scale(var(--min-scale,calc(2 / 3))); }
  100% { transform: scale(2); }
}
@keyframes svelte-12nazo6-rotateAnimation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.content.svelte-391lsr { height: 100%; font: 500 16px/20px var(--font); letter-spacing: 0.15px; color: var(--text-primary); justify-content: center; align-items: center; gap: var(--spacing-xl-half); flex-direction: column; min-height: 380px; display: flex; }
.info.svelte-391lsr { text-align: center; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.icon.svelte-391lsr { color: var(--icon-primary-inverse-static); width: 72px; height: 72px; position: relative; }
.background.svelte-391lsr { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.description.svelte-391lsr { font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); color: var(--text-tertiary); margin-top: var(--spacing-xs); z-index: 2; letter-spacing: var(--font-detail-letter-spacing); position: relative; }
.iconWrapper.svelte-391lsr { position: relative; }
.title.svelte-391lsr { color: var(--text-primary); text-align: center; font-size: var(--font-title-size); font-weight: 600; line-height: var(--font-title-line-height); letter-spacing: var(--font-title-letter-spacing); z-index: 2; position: relative; }
.pic.svelte-391lsr { z-index: 2; vertical-align: middle; align-items: center; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.online.svelte-6mpq5q { font: inherit; color: var(--contact-online-color,var(--text-themed)); letter-spacing: inherit; }
.typing.svelte-kn10kn { gap: var(--spacing-xs); color: inherit; font: inherit; letter-spacing: inherit; align-items: center; display: flex; }
.text.svelte-kn10kn { visibility: hidden; color: inherit; position: absolute; }
.container.svelte-fxkkld { align-items: center; gap: var(--spacing-common-s); flex-direction: column; width: 100%; display: flex; }
.container--plain.svelte-fxkkld { display: inline; }
.message.svelte-fxkkld { text-align: center; border-radius: var(--border-radius-common-m-half); background: var(--capsule-outside); padding: var(--size-1) var(--size-6); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: inherit; }
.container--plain.svelte-fxkkld .message:where(.svelte-fxkkld) { font-size: inherit; line-height: inherit; background: 0px 0px; padding: 0px; display: inline; }
.image.svelte-fxkkld { border-radius: 50%; overflow: hidden; }
.self.svelte-fxkkld, .contact.svelte-fxkkld { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: inherit; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; font-weight: 500; }
.contact.svelte-fxkkld:hover { text-decoration: underline; }
.pinnedMessage.svelte-fxkkld { color: inherit; font: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: inline; }
.container.svelte-fxkkld:not(.container--plain) .pinnedMessage:where(.svelte-fxkkld):hover { cursor: pointer; text-decoration: underline; }
.chatTitle.svelte-fxkkld { overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
.container.svelte-1cw64r4 { column-gap: var(--spacing-common-s); text-align: left; cursor: pointer; user-select: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; grid-template-columns: auto 1fr; grid-template-areas: "fileIcon title" "fileIcon info"; margin: 0px; padding: 0px; display: grid; }
.fileIcon.svelte-1cw64r4 { height: var(--size-40); width: var(--size-40); grid-area: fileIcon; justify-content: center; align-self: center; align-items: center; display: flex; overflow: hidden; }
.preview.svelte-1cw64r4 { background: var(--background-tertiary); border-radius: var(--border-radius-local-icon-item); font: 500 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); color: var(--bubbles-icon-icon-item); }
.title.svelte-1cw64r4 { width: 100%; font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); text-overflow: ellipsis; white-space: nowrap; padding-top: var(--spacing-common-xs); grid-area: title; overflow: hidden; }
.info.svelte-1cw64r4 { width: 100%; font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-body-secondary); text-overflow: ellipsis; white-space: nowrap; padding-bottom: var(--spacing-common-xs); grid-area: info; overflow: hidden; }
.info--interactive.svelte-1cw64r4 { color: var(--bubbles-text-action); }
.info.svelte-1cw64r4::after { content: ""; width: var(--metaWidth); height: var(--metaHeight); display: inline-block; }
.heading.svelte-offvx8 { font: 500 var(--font-markdown-message-title-size) / var(--font-markdown-message-title-line-height) var(--font); letter-spacing: var(--font-markdown-message-title-letter-spacing); }
.link.svelte-q2ybpg { color: var(--bubbles-text-action,var(--text-themed)); cursor: pointer; text-decoration: underline; }
.mention.svelte-11mw5ic { color: var(--bubbles-text-action,var(--text-themed)); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; margin: 0px; padding: 0px; text-decoration: underline; display: contents; }
.content.svelte-11mw5ic { text-decoration: underline; }
.mention.svelte-11mw5ic:focus-visible .content:where(.svelte-11mw5ic) { outline-offset: 2px; outline: solid 2px; }
.bold.svelte-ncezav { font-weight: 700; }
.italic.svelte-ncezav { font-style: italic; }
.underline.svelte-ncezav { text-decoration: underline; }
.strikethrough.svelte-ncezav { text-decoration: line-through; }
.strikethrough.underline.svelte-ncezav { text-decoration: underline line-through; }
.widget.svelte-1imox7a { align-items: center; gap: var(--spacing-common-s); width: 100%; max-width: 270px; padding: var(--spacing-common-l); background: linear-gradient(254deg, var(--bubbles-system-step-3) 0%, var(--bubbles-system-step-2) 50%, var(--bubbles-system-step-1) 100%); border: .5px solid var(--bubbles-system-stroke-step-2); border-radius: var(--border-radius-common-xl); flex-direction: column; display: flex; }
.photo.svelte-1imox7a { padding: var(--spacing-common-s) 0; }
.buttons.svelte-1imox7a { width: 100%; padding: var(--spacing-common-l) 0; gap: var(--spacing-s); flex-direction: column; display: flex; }
.buttons.svelte-1imox7a:first-child { padding-top: 0px; }
.buttons.svelte-1imox7a:last-child { padding-bottom: 0px; }
.buttons-row.svelte-1imox7a { gap: var(--spacing-s); flex: 1 1 0%; display: flex; }
.widget--plain.svelte-1imox7a { background: 0px 0px; border: 0px; padding: 0px; display: inline; }
.widget--plain.svelte-1imox7a .photo:where(.svelte-1imox7a), .widget--plain.svelte-1imox7a .text:where(.svelte-1imox7a), .widget--plain.svelte-1imox7a .file:where(.svelte-1imox7a), .widget--plain.svelte-1imox7a .buttons:where(.svelte-1imox7a) { padding: 0px; display: inline; }
.widget--plain.svelte-1imox7a .photo:where(.svelte-1imox7a)::before, .widget--plain.svelte-1imox7a .text:where(.svelte-1imox7a)::before, .widget--plain.svelte-1imox7a .file:where(.svelte-1imox7a)::before, .widget--plain.svelte-1imox7a .buttons:where(.svelte-1imox7a)::before { content: " "; }
.icon.svelte-1imox7a { vertical-align: middle; color: var(--icon-tertiary); }
.button.svelte-1imox7a { width: 100%; padding: var(--spacing-xs) var(--spacing-l); text-align: center; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; font-size: var(--font-action-medium-size); line-height: var(--font-action-medium-line-height); letter-spacing: var(--font-action-medium-letter-spacing); cursor: pointer; border-radius: var(--border-radius-common-m); background: var(--button-secondary-contrast); min-width: 40px; min-height: 40px; color: var(--text-primary); border: 0px; transition: background 0.1s; overflow: hidden; }
.button--primary.svelte-1imox7a { background: var(--button-primary); color: var(--text-primary-inverse-static); }
.button.svelte-1imox7a:hover { background: var(--states-button-secondary-contrast-hover); }
.button.svelte-1imox7a:active { background: var(--states-button-secondary-contrast-pressed); }
.button--primary.svelte-1imox7a:hover { background: var(--states-button-primary-hover); }
.button--primary.svelte-1imox7a:active { background: var(--states-button-primary-pressed); }
.button.svelte-1imox7a:disabled { background: var(--states-button-secondary-contrast-disabled); color: var(--states-text-primary-disabled); }
.button--primary.svelte-1imox7a:disabled { background: var(--states-button-primary-disabled); color: var(--states-text-primary-inverse-static-disabled); }
.loader.svelte-1imox7a { vertical-align: top; width: 24px; height: 24px; animation: 4.5s linear 0s infinite normal none running svelte-1imox7a-rotateAnimation; display: inline-block; }
@keyframes svelte-1imox7a-rotateAnimation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.svg.svelte-1imox7a { background-color: var(--icon-themed); mask-size: contain; mask-repeat: no-repeat; }
.icon.svelte-bjqnqa { vertical-align: middle; color: var(--icon-tertiary); }
.shareIcon.svelte-1f1raav { vertical-align: middle; padding: 0px 2px; }
.media.svelte-1f1raav { vertical-align: top; gap: 2px; display: inline-flex; }
.icon.svelte-1f1raav { vertical-align: middle; color: var(--icon-tertiary); }
.icon.svelte-1f1raav svg, .shareIcon.svelte-1f1raav svg { width: calc(var(--font-detail-size) + 1px); height: calc(var(--font-detail-size) + 1px); }
.action.svelte-ecwdt1 { width: 100%; padding: var(--size-10) var(--size-4); border-bottom: 1px solid var(--divider-primary); grid-template: "icon title close" "icon title close" / auto 1fr auto; align-items: center; display: grid; position: relative; }
.action--multiline.svelte-ecwdt1 { grid-template-areas: "icon title close" "icon content close"; }
.icon.svelte-ecwdt1 { justify-content: center; align-items: center; gap: var(--size-8); cursor: pointer; padding: 0 var(--size-8); color: var(--icon-themed); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; grid-area: icon; display: flex; }
.icon.svelte-ecwdt1:disabled { cursor: auto; }
.filler.svelte-ecwdt1 { padding-left: var(--size-8); grid-area: icon; }
.text.svelte-ecwdt1 { font-size: var(--font-body-size); font-weight: var(--font-weight-regular); letter-spacing: var(--font-body-letter-spacing); text-overflow: ellipsis; white-space: nowrap; user-select: none; min-width: 0px; line-height: normal; overflow: hidden; }
.title.svelte-ecwdt1 { color: var(--text-themed); font-weight: var(--font-weight-medium); grid-area: title; }
.content.svelte-ecwdt1 { color: var(--text-secondary); -webkit-line-clamp: var(--contentMaxLines); white-space: normal; -webkit-box-orient: vertical; grid-area: content; display: -webkit-box; }
.close.svelte-ecwdt1 { cursor: pointer; padding: var(--size-12); color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; grid-area: close; justify-content: center; align-items: center; display: flex; }
.input.svelte-1cug6p { align-items: center; width: 100%; display: flex; position: relative; }
.country.svelte-1cug6p { white-space: nowrap; cursor: pointer; padding: var(--spacing-zero); align-items: center; gap: var(--spacing-xs); color: var(--text-primary); background: 0px 0px; border: 0px; display: flex; position: relative; transform: translateZ(0px); }
.shevron.svelte-1cug6p { padding: 0 var(--spacing-2xs); }
.placeholder.svelte-1cug6p { color: var(--text-tertiary); white-space: nowrap; pointer-events: none; margin-left: var(--spacing-s); position: absolute; left: 100%; }
.dropdown.svelte-1cug6p { border-radius: var(--border-radius-common-l); padding: 0 0 var(--spacing-s-half); width: calc(var(--input-width) - 2 * var(--spacing-m)); background: var(--background-primary); flex-direction: column; display: flex; box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 16px, rgba(0, 0, 0, 0.12) 0px 0px 8px; }
.dropdown--compact.svelte-1cug6p { box-shadow: none; width: 100%; margin: 0px; padding: 0px; }
.searchContainer.svelte-1cug6p { padding: var(--spacing-s-half); flex-shrink: 0; }
.dropdown--compact.svelte-1cug6p .searchContainer:where(.svelte-1cug6p) { padding-left: var(--size-16); padding-right: var(--size-16); }
.scrollContainer.svelte-1cug6p { flex: 1 1 0%; min-height: 0px; }
.scrollContainer.svelte-1cug6p .scrollable { padding: 0 var(--spacing-s-half); max-height: var(--popover-scroll-max-height,350px); }
.dropdown--compact.svelte-1cug6p .scrollContainer:where(.svelte-1cug6p) .scrollable { padding-left: var(--size-16); padding-right: var(--size-16); padding-bottom: env(safe-area-inset-bottom); }
.dropdownItem.svelte-1cug6p { padding: var(--spacing-m-half) var(--spacing-m); color: var(--text-primary); text-overflow: ellipsis; font: var(--font-detail-weight) var(--font-detail-size)/var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); border-radius: var(--border-radius-common-m); cursor: pointer; background: 0px 0px; border: 0px; justify-content: space-between; display: flex; }
.dropdownItem.svelte-1cug6p:hover { background: var(--background-tertiary); }
.countryWrapper.svelte-1cug6p { align-items: center; gap: var(--spacing-s); display: flex; overflow: hidden; }
.countryTitle.svelte-1cug6p { text-align: left; max-height: 1em; line-height: 1em; }
.hiddenCountryTitle.svelte-1cug6p { visibility: hidden; }
.countryCode.svelte-1cug6p { color: var(--text-mute); }
.emptySearch.svelte-1cug6p { gap: var(--size-12); padding: var(--size-16) var(--size-32); flex-flow: column; align-items: center; display: flex; }
.emptySearchLabels.svelte-1cug6p { gap: var(--size-4); flex-flow: column; display: flex; }
.chipsInput.svelte-1wrsydm { gap: var(--spacing-s); flex-wrap: wrap; width: 100%; max-height: 120px; display: flex; overflow-y: auto; }
.picker.svelte-xkz34c { color: var(--icon-mute); border: 0px; outline: none; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
.image.svelte-xkz34c { background: var(--background-tertiary); cursor: pointer; width: 100%; height: 100%; color: var(--icon-mute); border: 0px; border-radius: 100%; justify-content: center; align-items: center; padding: 0px; display: flex; overflow: hidden; }
.remove.svelte-xkz34c { border-radius: var(--border-radius-common-xl); background: var(--background-primary); align-items: center; width: 32px; height: 32px; display: flex; position: absolute; top: -5px; right: -5px; }
.button.svelte-xkz34c { position: absolute; bottom: 0px; right: 0px; }
.wrapper.svelte-14o191i { display: var(--quote-wrapper-display,inline-block); width: 100%; }
.quote.svelte-14o191i { display: var(--quote-display,inline-block); overflow: var(--quote-overflow,hidden); background: var(--bubbles-background-surface-secondary); border-radius: var(--border-radius-common-xs); width: max-content; max-width: 100%; padding: var(--quote-padding,var(--spacing-2xs) var(--spacing-xl) var(--spacing-2xs) var(--spacing-s-half)); margin-top: var(--quote-margin-top,var(--spacing-xs)); position: relative; }
.quote.svelte-14o191i::before { content: ""; background: var(--bubbles-background-action); width: 2px; height: 100%; position: absolute; inset: 0px; }
.quoteIcon.svelte-14o191i { right: var(--spacing-2xs); color: var(--bubbles-background-action); position: absolute; top: 0px; }
.layer.svelte-ks462m { isolation: isolate; z-index: var(--z-index-layer-popover); flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.backdrop.svelte-ks462m { background-color: rgba(0, 0, 0, 0.5); position: absolute; inset: 0px; }
.backdrop--pointer.svelte-ks462m { cursor: pointer; }
.container.svelte-ks462m { max-width: 80%; max-height: 80%; display: flex; position: relative; }
.container--bottom.svelte-ks462m { margin-top: auto; margin-bottom: var(--size-8); max-width: calc(100% - var(--size-16)); align-self: center; max-height: min(72dvh, 560px); }
@media (max-width: 925.9px) {
  .container--bottom.svelte-ks462m { max-width: 420px; max-height: min(72dvh, 560px); width: calc(100vw - var(--size-16)) !important; }
}
.placeholder.svelte-13w1sz9 { background: var(--button-secondary); }
.sticker.svelte-19cataq { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; position: relative; overflow: hidden; }
.sticker.svelte-19cataq:disabled { cursor: auto; background: var(--states-button-ghost-disabled); }
.row.svelte-1twtjh4 { gap: var(--spacing-xs); display: flex; }
.copy.svelte-1twtjh4 { cursor: pointer; align-items: center; display: flex; }
.prefix.svelte-1twtjh4 { color: var(--text-primary); }
.linkSettings.svelte-1hfogzc { gap: var(--spacing-m); flex-direction: column; width: 100%; display: flex; }
.icon--themed.svelte-1hfogzc { color: var(--icon-themed); }
.link.svelte-1hfogzc { width: 100%; padding: var(--spacing-s) var(--spacing-m); }
.linkEmpty.svelte-1hfogzc { padding: var(--spacing-2xl) 0; }
.refreshButton.svelte-1hfogzc { width: 248px; }
.button.svelte-16phuk4 { cursor: pointer; color: var(--text-primary-inverse-static); justify-content: center; align-items: center; gap: var(--spacing-common-s-half); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; transition: color 0.3s, background-color 0.3s; display: flex; overflow: hidden; }
.icon.svelte-16phuk4 { flex-shrink: 0; font-size: 0px; }
.button--default.svelte-16phuk4 { background-color: var(--button-secondary); }
.button--default.svelte-16phuk4:not(:disabled):hover { background-color: var(--states-button-secondary-hover); }
.button--default.svelte-16phuk4:not(:disabled):active { background-color: var(--states-button-secondary-pressed); }
.button--positive.svelte-16phuk4 { background-color: var(--button-positive); }
.button--positive.svelte-16phuk4:not(:disabled):hover { background-color: var(--states-button-positive-hover); }
.button--positive.svelte-16phuk4:not(:disabled):active { background-color: var(--states-button-positive-pressed); }
.button--positive-fade.svelte-16phuk4 { background-color: var(--button-positive-fade); color: var(--text-positive); }
.button--positive-fade.svelte-16phuk4:not(:disabled):hover { background-color: rgba(25, 166, 60, 0.24); }
.button--positive-fade.svelte-16phuk4:not(:disabled):active { background-color: rgba(16, 202, 63, 0.1); }
.button--negative.svelte-16phuk4 { background-color: var(--button-negative); }
.button--negative.svelte-16phuk4:not(:disabled):hover { background-color: var(--states-button-negative-hover); }
.button--negative.svelte-16phuk4:not(:disabled):active { background-color: var(--states-button-negative-pressed); }
.button--negative-fade.svelte-16phuk4 { background-color: var(--button-negative-fade); color: var(--text-negative); }
.button--negative-fade.svelte-16phuk4:not(:disabled):hover { background-color: rgba(255, 75, 85, 0.24); }
.button--negative-fade.svelte-16phuk4:not(:disabled):active { background-color: rgba(156, 50, 66, 0.16); }
.button--themed.svelte-16phuk4 { background-color: var(--button-primary); }
.button--themed.svelte-16phuk4:not(:disabled):hover { background-color: var(--states-button-primary-hover); }
.button--themed.svelte-16phuk4:not(:disabled):active { background-color: var(--states-button-primary-pressed); }
.button--inactive.svelte-16phuk4 { background-color: var(--button-primary-contrast); color: var(--icon-primary-static); }
.button--inactive.svelte-16phuk4:not(:disabled):hover { background-color: var(--states-button-primary-contrast-hover); }
.button--inactive.svelte-16phuk4:not(:disabled):active { background-color: var(--states-button-primary-contrast-pressed); }
.button.svelte-16phuk4:disabled { opacity: 0.3; cursor: not-allowed; }
.button--small.svelte-16phuk4 { border-radius: 60px; height: 40px; }
.button--small.button--text.svelte-16phuk4 { padding-left: var(--size-12); padding-right: var(--size-12); }
.button--small.button--text.button--withIcon.svelte-16phuk4 { padding: 0 var(--size-12) 0 var(--size-8); }
.button--medium.svelte-16phuk4 { border-radius: 80px; height: 48px; }
.button--medium.button--text.svelte-16phuk4 { padding: 0 var(--size-16) 0 var(--size-12); }
.button--demi-large.svelte-16phuk4 { border-radius: 80px; height: 52px; }
.button--demi-large.button--text.svelte-16phuk4 { padding: 0 var(--size-14) 0 var(--size-12); }
.button--large.svelte-16phuk4 { border-radius: 100px; height: 56px; }
.button--large.button--text.svelte-16phuk4 { padding: 0 var(--size-16) 0 var(--size-14); }
.button--icon.button--small.svelte-16phuk4 { border-radius: 40px; width: 40px; }
.button--icon.button--medium.svelte-16phuk4 { border-radius: 48px; width: 48px; }
.button--icon.button--demi-large.svelte-16phuk4 { border-radius: 52px; width: 52px; }
.button--icon.button--large.svelte-16phuk4 { border-radius: 56px; width: 56px; }
@media (max-width: 925.9px) and (pointer: coarse) {
  .button--demi-large.svelte-16phuk4, .button--large.svelte-16phuk4 { height: 72px; }
  .button--icon.button--demi-large.svelte-16phuk4, .button--icon.button--large.svelte-16phuk4 { border-radius: 72px; width: 72px; }
}
.wrapper.svelte-1ds78rb { --icon-microphone-indicator-level: 100%; position: relative; overflow: hidden; }
.stack.svelte-1trz7mz { flex-flow: row; display: flex; }
.avatar.svelte-1trz7mz { margin-left: calc(-1 * var(--offset)); position: relative; }
.avatar.svelte-1trz7mz:first-child { margin-left: 0px; }
.avatar.svelte-1trz7mz:not(:last-child) .mask:where(.svelte-1trz7mz) { --sizeWithBorder: calc(var(--size) + 2 * var(--borderGap)); --maskOffset: calc(1.5 * var(--size) - var(--offset)); mask: radial-gradient(calc(var(--sizeWithBorder) / 2) calc(var(--sizeWithBorder) / 2) at var(--maskOffset) calc(var(--size) / 2), #0000 100%, #000 100%) padding-box; }
.mask.svelte-1trz7mz { z-index: 100; position: relative; }
.svg-wrapper.svelte-1trz7mz { display: inline-flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
svg.svelte-1trz7mz { opacity: 0; }
.background.svelte-1afbb1c { width: 100%; height: 100%; position: relative; overflow: hidden; }
.layer.svelte-1afbb1c { pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.layer-base.svelte-1afbb1c { background: linear-gradient(28deg, var(--chat-background-background-step-1) 8.03%, var(--chat-background-background-step-2) 91.51%); }
.layer-additional.svelte-1afbb1c { background: radial-gradient(57.57% 53.61% at 94.4% 14.38%, var(--chat-background-additional-step-1) 0%, var(--chat-background-additional-step-2) 50%, var(--chat-background-additional-step-3) 100%), radial-gradient(140.37% 51.38% at 0% 80.05%, var(--chat-background-additional-step-4) 0%, var(--chat-background-additional-step-5) 50%, var(--chat-background-additional-step-6) 100%); }
.layer-pattern.svelte-1afbb1c { background: radial-gradient(57.57% 53.61% at 94.4% 14.38%, var(--chat-background-pattern-step-1) 0%, var(--chat-background-pattern-step-2) 50%, var(--chat-background-pattern-step-3) 100%), radial-gradient(140.37% 51.38% at 0% 80.05%, var(--chat-background-pattern-step-4) 0%, var(--chat-background-pattern-step-5) 50%, var(--chat-background-pattern-step-6) 100%), linear-gradient(28deg, var(--chat-background-pattern-gradient-step-1) 8.03%, var(--chat-background-pattern-gradient-step-2) 91.51%); mask-image: var(--pattern-url); mask-position: 50% center; mask-size: auto; mask-repeat: repeat; }
.item.svelte-100wrbl { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); user-select: none; display: flex; position: relative; }
.item.disabled.svelte-100wrbl { opacity: 0.5; pointer-events: none; }
.actionsButton.svelte-100wrbl { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); cursor: pointer; background: var(--background-secondary); width: 24px; height: 24px; color: var(--icon-tertiary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.actionsButton.svelte-100wrbl:hover { color: var(--icon-secondary); }
.title.svelte-100wrbl { display: flex; }
.name.svelte-100wrbl { overflow: hidden; }
.indicator.svelte-100wrbl { flex-shrink: 0; }
.cell.svelte-8usb54 { row-gap: var(--spacing-2xs); column-gap: var(--spacing-m); padding: var(--spacing-xs) var(--spacing-l); color: var(--text-primary); flex: 1 1 auto; grid-template-columns: auto 1fr; grid-template-areas: "avatar title" "avatar text"; width: 100%; animation: 2s linear 0s infinite normal none running svelte-8usb54-blink; display: grid; }
.avatar.svelte-8usb54 { grid-area: avatar; align-items: center; height: 100%; display: flex; }
.title.svelte-8usb54 { grid-area: title; align-items: center; display: flex; }
.text.svelte-8usb54 { grid-area: text; align-items: center; display: flex; }
.shimmer.svelte-8usb54 { background-color: var(--background-tertiary); border-radius: var(--border-radius-common-s); display: block; }
.avatar.svelte-8usb54 .shimmer:where(.svelte-8usb54) { width: 40px; height: 40px; }
.title.svelte-8usb54 .shimmer:where(.svelte-8usb54) { width: 60%; height: 10px; }
.text.svelte-8usb54 .shimmer:where(.svelte-8usb54) { width: 30%; height: 10px; }
@keyframes svelte-8usb54-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.mark.svelte-12e4w95 { transition: color 0.3s 0.3s; }
.mark--active.svelte-12e4w95 { color: var(--text-primary-inverse-static); transition: color 0.3s; }
.kbd-group.svelte-12e4w95 { display: inline-flex; }
.switch.svelte-b87qtv { grid-template-rows: minmax(0px, 1fr); height: 100%; display: grid; }
.switch.svelte-b87qtv > * { grid-area: 1 / 1 / 2 / 2; min-height: 0px; overflow: hidden; }
.avatar.svelte-1hxothh { border-radius: 50%; place-items: center; display: grid; overflow: hidden; }
.avatar--loading.svelte-1hxothh { filter: grayscale(); }
.wrapper.svelte-12s8moi { gap: var(--spacing-common-xs); border-radius: var(--border-radius-common-4xl); padding: var(--spacing-common-s-half) var(--spacing-common-s); background: rgba(57, 58, 64, 0.8); flex-flow: row; align-items: center; display: flex; position: absolute; inset: auto auto 90px 50%; transform: translate(-50%); }
.audio.svelte-khja64, .video.svelte-khja64 { pointer-events: none; display: none; position: absolute; }
.zoomContainer.svelte-1giy9ku { user-select: none; width: 100%; height: 100%; position: relative; overflow: hidden; }
.zoomMover.svelte-1giy9ku { transform-origin: 0px 0px; will-change: transform; transition: transform 50ms ease-out; position: absolute; inset: 0px; }
.zoomMover--dragging.svelte-1giy9ku { cursor: grabbing; transition: none; }
.zoomContent.svelte-1giy9ku { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
:root { --font-family-base: Roboto; --font-family-headers: Roboto; --font-family-monospace: Roboto Mono; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-decoration-italic: Italic; --font-hero-weight: 600; --font-header-weight: 600; --font-subheader-weight: 600; --font-title-weight: 600; --font-body-weight: 400; --font-body-strong-weight: 500; --font-detail-weight: 400; --font-detail-strong-weight: 500; --font-description-weight: 400; --font-description-strong-weight: 500; --font-label-weight: 400; --font-label-strong-weight: 500; --font-tag-weight: 400; --font-tag-strong-weight: 500; --font-note-weight: 400; --font-note-strong-weight: 500; --font-action-large-weight: 500; --font-action-medium-weight: 500; --font-action-small-weight: 500; --font-action-xsmall-weight: 500; --font-cell-label-strong-small-caps-weight: 500; --font-cell-label-small-caps-weight: 400; --font-emoji-picker-weight: 400; --font-file-type-weight: 500; --font-app-review-title-weight: 600; --font-app-review-message-weight: 400; --font-app-review-primary-button-title-weight: 500; --font-app-review-cancel-button-title-weight: 400; --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 16px; --font-body-line-height: 20px; --font-body-letter-spacing: .15px; --font-body-strong-size: 16px; --font-body-strong-line-height: 20px; --font-body-strong-letter-spacing: .15px; --font-detail-size: 15px; --font-detail-line-height: 20px; --font-detail-letter-spacing: .15px; --font-detail-strong-size: 15px; --font-detail-strong-line-height: 20px; --font-detail-strong-letter-spacing: .15px; --font-description-size: 13px; --font-description-line-height: 16px; --font-description-letter-spacing: .2px; --font-description-strong-size: 13px; --font-description-strong-line-height: 16px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 16px; --font-action-medium-line-height: 20px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; --size-0: 0px; --size-1: 1px; --size-2: 2px; --size-4: 4px; --size-6: 6px; --size-8: 8px; --size-10: 10px; --size-12: 12px; --size-14: 14px; --size-16: 16px; --size-18: 18px; --size-20: 20px; --size-24: 24px; --size-28: 28px; --size-32: 32px; --size-36: 36px; --size-40: 40px; --size-44: 44px; --size-48: 48px; --size-52: 52px; --size-56: 56px; --size-60: 60px; --size-64: 64px; --size-72: 72px; --size-80: 80px; --size-88: 88px; --size-96: 96px; --border-radius-common-zero: var(--size-0); --border-radius-common-2xs: var(--size-2); --border-radius-common-xs: var(--size-4); --border-radius-common-s-half: var(--size-6); --border-radius-common-s: var(--size-8); --border-radius-common-m-half: var(--size-10); --border-radius-common-m: var(--size-12); --border-radius-common-l: var(--size-16); --border-radius-common-xl: var(--size-20); --border-radius-common-4xl: var(--size-48); --border-radius-local-button-small: var(--border-radius-common-m-half); --border-radius-local-button-medium: var(--border-radius-common-m); --border-radius-local-button-large: var(--border-radius-common-l); --border-radius-local-cell-chat: var(--border-radius-common-l); --size-local-cell-chat-cell: 576px; --size-local-panel-size-primary-min: 540px; --size-local-panel-size-primary-base: 791px; --size-local-panel-size-primary-max: 1088px; --size-local-panel-size-secondary-compact: 96px; --size-local-panel-size-secondary-min: 260px; --size-local-panel-size-secondary-base: 393px; --size-local-panel-size-secondary-max: 592px; --size-local-panel-size-tertiary-base: 96px; --size-local-screen-size-message-zone-max: 791px; --size-local-screen-size-window-width: 1280px; --spacing-zero: 0px; --spacing-2xs-half: 1px; --spacing-2xs: 2px; --spacing-xs: 4px; --spacing-s-half: 6px; --spacing-s: 8px; --spacing-m-half: 10px; --spacing-m: 12px; --spacing-l: 16px; --spacing-xl-half: 20px; --spacing-xl: 24px; --spacing-2xl: 32px; --spacing-common-zero: var(--size-0); --spacing-common-2xs-half: var(--size-1); --spacing-common-2xs: var(--size-2); --spacing-common-xs: var(--size-4); --spacing-common-s-half: var(--size-6); --spacing-common-s: var(--size-8); --spacing-common-m-half: var(--size-10); --spacing-common-m: var(--size-12); --spacing-common-l: var(--size-16); --spacing-common-xl-half: var(--size-20); --spacing-common-xl: var(--size-24); --spacing-common-2xl: var(--size-32); --spacing-local-padding-base-padding-vertical: var(--spacing-m); --spacing-local-padding-base-padding-horizontal: var(--spacing-l); }
:root:where([data-color-theme="space"][data-color-scheme="light"]), :not(:root)[data-color-theme="space"][data-color-scheme="light"], [data-color-theme="space"] [data-color-scheme="light"] { --background-surface: #edeef2; --background-primary: #fff; --background-secondary: #f5f7fa; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #007aff29; --icon-primary: #060708d6; --icon-secondary: #060708a3; --icon-tertiary: #0607087a; --icon-mute: #06070847; --icon-primary-static: #060708d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #007aff; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060708; --text-secondary: #060708ad; --text-tertiary: #06070885; --text-mute: #06070866; --text-primary-static: #060708; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #007aff; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #007aff; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #007aff; --button-secondary: #e9ebf1; --button-primary-contrast: #fff; --button-secondary-contrast: #20366e1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #007aff; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #edeef200; --fading-background-surface-step-2: #edeef2; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #edeef2d6; --float-surface-flat: #edeef2; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #edeef2; --float-overlay-surface-step-2: #edeef2b8; --float-overlay-surface-step-3: #edeef200; --float-scroll-edge-top-step-1: #89c5f1; --float-scroll-edge-top-step-2: #80bcff; --float-scroll-edge-bottom-step-1: #99d5d7; --float-scroll-edge-bottom-step-2: #90cce5; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #007aff00; --promo-subscribe-ripple-step-2: #007aff1f; --promo-disclaimer-step-1: #007aff47; --promo-disclaimer-step-2: #007aff2b; --promo-disclaimer-step-3: #007aff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #0000000d; --bubbles-system-stroke-step-2: #0000001a; --bubbles-system-stroke-fade-step-1: #0000000d; --bubbles-system-stroke-fade-step-2: #0000001a; --bubbles-system-qr-background: #007aff; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #b210db; --bubbles-system-qr-step-4: #b210db00; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #8ec4fe; --bubbles-system-icon-themed-contrast: #0f8ec2; --bubbles-system-button-themed: #0f8ec2; --chat-background-pattern-color: #007aff4d; --chat-background-pattern-gradient-step-1: #007aff4d; --chat-background-pattern-gradient-step-2: #007aff4d; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #99d5d7; --chat-background-background-step-2: #80bcff; --chat-ground: #7ab7e4; --chat-search-highlight: #0f8ec2; --chat-sticker-blank: #edeef2; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #0f8ec2a3; --chat-pattern-icon: #20509d2e; --capsule-background: #0c0d0e52; --capsule-outside: #0f8ec285; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #0f8ec285; --capsule-gradient-primary-step-2: #0f8ec285; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #007aff; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0607081f; --counter-themed: #007aff; --counter-default: #17181c; --counter-mirage: #17181c; --counter-contrast: #fff; --counter-menu: #898c8c; --empty-block-halo-bubble-1: #a078c4; --empty-block-halo-bubble-2: #8083ff; --empty-block-halo-bubble-3: #93bfff; --empty-block-halo-bubble-4: #b186ff; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #0f8ec23d; --file-type-unknown-badge: #0f8ec2; --file-type-unknown-icon: #0f8ec2; --file-type-unknown-element: #0f8ec229; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #ff9f0e; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #ff6f00; --halo-call-warning-bubble-big: #fc03; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d5d7db; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f3f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #edeef2; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #007aff; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #007aff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #20366e24; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #20366e3d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #6d92ca; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #4378ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #007aff14; --states-background-card-selected-hover: #007aff14; --states-background-card-selected-pressed: #007aff14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060708; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06070885; --states-icon-secondary-pressed: #06070870; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #479fff; --states-icon-themed-pressed: #006be0; --states-icon-themed-disabled: #007aff99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #479fff; --states-button-primary-pressed: #006ee5; --states-button-primary-disabled: #007aff7a; --states-button-secondary-hover: #eeeff4; --states-button-secondary-pressed: #dfe3ea; --states-button-secondary-disabled: #e9ebf1; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #20366e14; --states-button-secondary-contrast-pressed: #20366e1f; --states-button-secondary-contrast-disabled: #20366e1a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06070885; --states-text-secondary-pressed: #06070870; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06070866; --states-text-tertiary-pressed: #0607087a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #479fff; --states-text-themed-pressed: #006be0; --states-text-themed-disabled: #007aff99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #0f8ec266; --states-capsule-outside-pressed: #0f8ec27a; --states-chat-action-outside-hover: #0f8ec266; --states-chat-action-outside-pressed: #0f8ec266; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #007aff7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #007aff7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #3ba9de; --states-bubbles-system-button-themed-pressed: #0080b3; --states-bubbles-system-button-themed-disabled: #0f8ec299; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="space"][data-color-scheme="dark"]), :not(:root)[data-color-theme="space"][data-color-scheme="dark"], [data-color-theme="space"] [data-color-scheme="dark"] { --background-surface: #0f0f12; --background-primary: #17181c; --background-secondary: #25262d; --background-tertiary: #ffffff17; --background-card: #25262d; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #007aff29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060708d6; --icon-primary-inverse: #060708d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #007aff; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060708; --text-primary-inverse: #060708; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #007aff; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #007aff; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #17181c; --stroke-card-carver: #25262d; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #007aff; --button-secondary: #434455; --button-primary-contrast: #fff; --button-secondary-contrast: #bfc2f642; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #2e333873; --button-overlay-contrast: #ffffff14; --controls-active: #007aff; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #0f0f1200; --fading-background-surface-step-2: #0f0f12; --fading-background-primary-step-1: #17181c00; --fading-background-primary-step-2: #17181c; --fading-float-primary-step-1: #17181c; --fading-float-primary-step-2: #17181c00; --float-primary-blur: #17181cd6; --float-primary-flat: #17181c; --float-surface-blur: #0f0f12d6; --float-surface-flat: #0f0f12; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #3d434ad6; --float-fab-flat: #3d434a; --float-modal: #1e1f24; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e1f24; --float-surface-carver: #25262d; --float-stroke: #fff0; --float-glass-primary: #25262dad; --float-glass-surface: #202022c2; --float-glass-primary-flat: #25262df7; --float-glass-surface-flat: #202022f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #17181c; --float-overlay-primary-step-2: #17181cb8; --float-overlay-primary-step-3: #17181c00; --float-overlay-surface-step-1: #0f0f12; --float-overlay-surface-step-2: #0f0f12b8; --float-overlay-surface-step-3: #0f0f1200; --float-scroll-edge-top-step-1: #141414; --float-scroll-edge-top-step-2: #141414; --float-scroll-edge-bottom-step-1: #141414; --float-scroll-edge-bottom-step-2: #141414; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #007aff00; --promo-subscribe-ripple-step-2: #007aff1f; --promo-disclaimer-step-1: #007aff47; --promo-disclaimer-step-2: #007aff2b; --promo-disclaimer-step-3: #007aff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #373a4ea3; --bubbles-system-step-2: #373a4ee0; --bubbles-system-step-3: #373a4ee0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #454757; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #007aff; --chat-background-pattern-color: #505bc74d; --chat-background-pattern-gradient-step-1: #505bc74d; --chat-background-pattern-gradient-step-2: #505bc74d; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #141414; --chat-background-background-step-2: #141414; --chat-ground: #141414; --chat-search-highlight: #007aff; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #4f529db2; --chat-pattern-icon: #7a95c038; --capsule-background: #2e333873; --capsule-outside: #282c42b2; --capsule-secondary: #3d434acc; --capsule-gradient-primary-step-1: #3b3f5eb2; --capsule-gradient-primary-step-2: #3b3f5eb2; --capsule-gradient-secondary-step-1: #3b3f5e; --capsule-gradient-secondary-step-2: #32343d; --chips-default: #25262d; --chips-active: #007aff; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #007aff; --counter-default: #17181c; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #7138a2; --empty-block-halo-bubble-2: #2d2ca2; --empty-block-halo-bubble-3: #2e5ca0; --empty-block-halo-bubble-4: #4612a2; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #00244c2b; --file-type-unknown-badge: #0f8ec2; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #5d5d60; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #919499; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #272a36; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #17181c00; --skeleton-cell-step-2: #17181c66; --skeleton-cell-step-3: #17181ccc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #17181c00; --skeleton-grid-step-2: #17181c66; --skeleton-grid-step-3: #17181ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #007aff; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #007aff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e1f24; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #709ada; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #32343d; --states-background-card-pressed: #1f2026; --states-background-card-selected: #2c2d37; --states-background-card-selected-hover: #2c2d37; --states-background-card-selected-pressed: #2c2d37; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #479fff; --states-icon-themed-pressed: #006be0; --states-icon-themed-disabled: #007aff99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060708a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #479fff; --states-button-primary-pressed: #006ee5; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #4d4e62; --states-button-secondary-pressed: #3c3e4c; --states-button-secondary-disabled: #4b4c5e; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #bfc2f652; --states-button-secondary-contrast-pressed: #bfc2f638; --states-button-secondary-contrast-disabled: #bfc2f642; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #2e3338a3; --states-button-overlay-pressed: #2e3338b8; --states-button-overlay-disabled: #0d0d0d52; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #479fff; --states-text-themed-pressed: #006be0; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #343742; --states-sferum-card-pressed: #222530; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #323234f7; --states-float-surface-glass-pressed: #3b3b3df7; --states-float-surface-glass-disabled: #202022f7; --states-capsule-outside-hover: #282c428f; --states-capsule-outside-pressed: #282c42a3; --states-chat-action-outside-hover: #4f529d66; --states-chat-action-outside-pressed: #4f529d66; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #32343d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #479fff; --states-bubbles-system-button-themed-pressed: #006ee5; --states-bubbles-system-button-themed-disabled: #007aff7a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="feb23"][data-color-scheme="light"]), :not(:root)[data-color-theme="feb23"][data-color-scheme="light"], [data-color-theme="feb23"] [data-color-scheme="light"] { --background-surface: #edf2f2; --background-primary: #fff; --background-secondary: #f5f8f8; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #148a8e29; --icon-primary: #060808d6; --icon-secondary: #060808a3; --icon-tertiary: #0608087a; --icon-mute: #06080847; --icon-primary-static: #060808d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #148a8e; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060808; --text-secondary: #060808ad; --text-tertiary: #06080885; --text-mute: #06080866; --text-primary-static: #060808; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #148a8e; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #148a8e; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #148a8e; --button-secondary: #e9f0f1; --button-primary-contrast: #fff; --button-secondary-contrast: #1b676b1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #148a8e; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #edf2f200; --fading-background-surface-step-2: #edf2f2; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f2f1f0d6; --float-surface-flat: #f2f1f0; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f2f1f0; --float-overlay-surface-step-2: #f2f1f0b8; --float-overlay-surface-step-3: #f2f1f000; --float-scroll-edge-top-step-1: #72bee5; --float-scroll-edge-top-step-2: #6eb4e6; --float-scroll-edge-bottom-step-1: #71cfbc; --float-scroll-edge-bottom-step-2: #71c8cb; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #148a8e00; --promo-subscribe-ripple-step-2: #148a8e1f; --promo-disclaimer-step-1: #148a8e47; --promo-disclaimer-step-2: #148a8e2b; --promo-disclaimer-step-3: #148a8e14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #4ebba9; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #4d9edd; --bubbles-system-qr-step-4: #4d9edd00; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #a2d1d5; --bubbles-system-icon-themed-contrast: #148a8e; --bubbles-system-button-themed: #148a8e; --chat-background-pattern-color: #4ebfa673; --chat-background-pattern-gradient-step-1: #4fadbc; --chat-background-pattern-gradient-step-2: #4fa9d7; --chat-background-pattern-step-1: #4d9cda; --chat-background-pattern-step-2: #4d9cda; --chat-background-pattern-step-3: #4d9cda00; --chat-background-pattern-step-4: #4cb8a7; --chat-background-pattern-step-5: #4cb8a7; --chat-background-pattern-step-6: #4cb8a700; --chat-background-additional-step-1: #6bb4d8a6; --chat-background-additional-step-2: #6bb4d8a6; --chat-background-additional-step-3: #6bb4d800; --chat-background-additional-step-4: #72d1be80; --chat-background-additional-step-5: #72d1be80; --chat-background-additional-step-6: #72d1be00; --chat-background-background-step-1: #6fccb9; --chat-background-background-step-2: #73b4ff; --chat-ground: #71c2d8; --chat-search-highlight: #148a8e; --chat-sticker-blank: #f2f1f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #06666da3; --chat-pattern-icon: #20889d2e; --capsule-background: #0c0d0e52; --capsule-outside: #06666d85; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #06666d85; --capsule-gradient-primary-step-2: #06666d85; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #148a8e; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0608081f; --counter-themed: #148a8e; --counter-default: #141312; --counter-mirage: #141312; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #83cbca; --empty-block-halo-bubble-2: #82bfe0; --empty-block-halo-bubble-3: #83c6d4; --empty-block-halo-bubble-4: #83cfc3; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #148a8e3d; --file-type-unknown-badge: #148a8e; --file-type-unknown-icon: #148a8e; --file-type-unknown-element: #148a8e29; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d5dadb; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f6f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f2f1f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #148a8e; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #148a8e; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #1b676b24; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #1b676b3d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #adf1ff; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #43a6ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #148a8e14; --states-background-card-selected-hover: #148a8e14; --states-background-card-selected-pressed: #148a8e14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060808; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06080885; --states-icon-secondary-pressed: #06080870; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #4fafb2; --states-icon-themed-pressed: #117275; --states-icon-themed-disabled: #148a8e99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #4fafb2; --states-button-primary-pressed: #117275; --states-button-primary-disabled: #148a8e7a; --states-button-secondary-hover: #edf3f4; --states-button-secondary-pressed: #e3eced; --states-button-secondary-disabled: #e9f0f1; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #1b676b14; --states-button-secondary-contrast-pressed: #1b676b1f; --states-button-secondary-contrast-disabled: #1b676b1a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06080885; --states-text-secondary-pressed: #06080870; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06080866; --states-text-tertiary-pressed: #0608087a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #4fafb2; --states-text-themed-pressed: #117275; --states-text-themed-disabled: #148a8e99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6eaeb; --states-sferum-card-pressed: #d9dedf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #06666d66; --states-capsule-outside-pressed: #06666d7a; --states-chat-action-outside-hover: #148a8e66; --states-chat-action-outside-pressed: #148a8e66; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #148a8e7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #148a8e7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #4fafb2; --states-bubbles-system-button-themed-pressed: #117275; --states-bubbles-system-button-themed-disabled: #148a8e7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="feb23"][data-color-scheme="dark"]), :not(:root)[data-color-theme="feb23"][data-color-scheme="dark"], [data-color-theme="feb23"] [data-color-scheme="dark"] { --background-surface: #141517; --background-primary: #121314; --background-secondary: #202225; --background-tertiary: #ffffff17; --background-card: #202225; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #2e86a329; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060808d6; --icon-primary-inverse: #060808d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #2e86a3; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060808; --text-primary-inverse: #060808; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #2e86a3; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #2e86a3; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #121314; --stroke-card-carver: #202225; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #2e86a3; --button-secondary: #3d4649; --button-primary-contrast: #fff; --button-secondary-contrast: #b8d8e042; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #38312e73; --button-overlay-contrast: #ffffff14; --controls-active: #2e86a3; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #14151700; --fading-background-surface-step-2: #141517; --fading-background-primary-step-1: #12131400; --fading-background-primary-step-2: #121314; --fading-float-primary-step-1: #121314; --fading-float-primary-step-2: #12131400; --float-primary-blur: #121314d6; --float-primary-flat: #121314; --float-surface-blur: #141517d6; --float-surface-flat: #141517; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #323c42d6; --float-fab-flat: #323c42; --float-modal: #1e2324; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e2324; --float-surface-carver: #1d2020; --float-stroke: #fff0; --float-glass-primary: #1e2324ad; --float-glass-surface: #202222c2; --float-glass-primary-flat: #1e2324f7; --float-glass-surface-flat: #202222f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #121314; --float-overlay-primary-step-2: #121314b8; --float-overlay-primary-step-3: #12131400; --float-overlay-surface-step-1: #141517; --float-overlay-surface-step-2: #141517b8; --float-overlay-surface-step-3: #14151700; --float-scroll-edge-top-step-1: #000; --float-scroll-edge-top-step-2: #000; --float-scroll-edge-bottom-step-1: #000; --float-scroll-edge-bottom-step-2: #000; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #2e86a300; --promo-subscribe-ripple-step-2: #2e86a31f; --promo-disclaimer-step-1: #2e86a347; --promo-disclaimer-step-2: #2e86a32b; --promo-disclaimer-step-3: #2e86a314; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #212a2ba3; --bubbles-system-step-2: #212a2be0; --bubbles-system-step-3: #212a2be0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #2b3232; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #148a8e; --chat-background-pattern-color: #163831; --chat-background-pattern-gradient-step-1: #163831; --chat-background-pattern-gradient-step-2: #163831; --chat-background-pattern-step-1: #223138; --chat-background-pattern-step-2: #223138; --chat-background-pattern-step-3: #22313800; --chat-background-pattern-step-4: #272d40; --chat-background-pattern-step-5: #272d40; --chat-background-pattern-step-6: #272d4000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #000; --chat-background-background-step-2: #000; --chat-ground: #141414; --chat-search-highlight: #2e86a3; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #133943b2; --chat-pattern-icon: #7ab4c038; --capsule-background: #2e363873; --capsule-outside: #133943cc; --capsule-secondary: #3d484acc; --capsule-gradient-primary-step-1: #133943b2; --capsule-gradient-primary-step-2: #133943b2; --capsule-gradient-secondary-step-1: #133943; --capsule-gradient-secondary-step-2: #133943; --chips-default: #1d2020; --chips-active: #2e86a3; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #2e86a3; --counter-default: #141312; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #2c4258; --empty-block-halo-bubble-2: #274339; --empty-block-halo-bubble-3: #224243; --empty-block-halo-bubble-4: #334052; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #0d4f612b; --file-type-unknown-badge: #0d4f61; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #919899; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #273436; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #12131400; --skeleton-cell-step-2: #12131466; --skeleton-cell-step-3: #121314cc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #12131400; --skeleton-grid-step-2: #12131466; --skeleton-grid-step-3: #171a1ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #2e86a3; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #2e86a3; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e2324; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #70c8da; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #021a264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #323b3d; --states-background-card-pressed: #2c3334; --states-background-card-selected: #2c3537; --states-background-card-selected-hover: #2c3537; --states-background-card-selected-pressed: #2c3537; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #408294; --states-icon-themed-pressed: #1c6e8a; --states-icon-themed-disabled: #2e86a399; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060808a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #408294; --states-button-primary-pressed: #1c6e8a; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #475256; --states-button-secondary-pressed: #363f41; --states-button-secondary-disabled: #3d4649; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #b8d8e052; --states-button-secondary-contrast-pressed: #b8d8e038; --states-button-secondary-contrast-disabled: #b8d8e042; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #2e3638a3; --states-button-overlay-pressed: #2e3638b8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #408294; --states-text-themed-pressed: #1c6e8a; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #344042; --states-sferum-card-pressed: #222e30; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #323434f7; --states-float-surface-glass-pressed: #3b3d3df7; --states-float-surface-glass-disabled: #202222f7; --states-capsule-outside-hover: #133943a3; --states-capsule-outside-pressed: #133943b8; --states-chat-action-outside-hover: #2e86a366; --states-chat-action-outside-pressed: #2e86a366; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #323b3d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #408294; --states-bubbles-system-button-themed-pressed: #1c6e8a; --states-bubbles-system-button-themed-disabled: #2e86a37a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="mar8"][data-color-scheme="light"]), :not(:root)[data-color-theme="mar8"][data-color-scheme="light"], [data-color-theme="mar8"] [data-color-scheme="light"] { --background-surface: #f2f0f2; --background-primary: #fff; --background-secondary: #f9f7f8; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #d0538f29; --icon-primary: #080607d6; --icon-secondary: #080607a3; --icon-tertiary: #0806077a; --icon-mute: #08060747; --icon-primary-static: #080607d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #d0538f; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #080607; --text-secondary: #080607ad; --text-tertiary: #08060785; --text-mute: #08060766; --text-primary-static: #080607; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #d0538f; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #d0538f; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #d0538f; --button-secondary: #f4ecf0; --button-primary-contrast: #fff; --button-secondary-contrast: #8d3e631a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #d0538f; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f2f1f000; --fading-background-surface-step-2: #f2f1f0; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f2f1f0d6; --float-surface-flat: #f2f1f0; --float-popup-blur: #1f151fa3; --float-popup-flat: #706970; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f2f1f0; --float-overlay-surface-step-2: #f2f1f0b8; --float-overlay-surface-step-3: #f2f1f000; --float-scroll-edge-top-step-1: #f49ed0; --float-scroll-edge-top-step-2: #dfadf9; --float-scroll-edge-bottom-step-1: #ffaf98; --float-scroll-edge-bottom-step-2: #faa9ae; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #d0538f00; --promo-subscribe-ripple-step-2: #d0538f1f; --promo-disclaimer-step-1: #d0538f47; --promo-disclaimer-step-2: #d0538f2b; --promo-disclaimer-step-3: #d0538f14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #f3947e; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #c486e5; --bubbles-system-qr-step-4: #c486e500; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #ecb5d1; --bubbles-system-icon-themed-contrast: #d0538f; --bubbles-system-button-themed: #d0538f; --chat-background-pattern-color: #f66f9d; --chat-background-pattern-gradient-step-1: #f2829a; --chat-background-pattern-gradient-step-2: #e876b7; --chat-background-pattern-step-1: #cf8df0; --chat-background-pattern-step-2: #cf8df0; --chat-background-pattern-step-3: #cf8df000; --chat-background-pattern-step-4: #fd9377; --chat-background-pattern-step-5: #fd9377; --chat-background-pattern-step-6: #fd937700; --chat-background-additional-step-1: #d1afff80; --chat-background-additional-step-2: #d1afff80; --chat-background-additional-step-3: #d1afff00; --chat-background-additional-step-4: #ffdda680; --chat-background-additional-step-5: #ffdda680; --chat-background-additional-step-6: #ffdda600; --chat-background-background-step-1: #ff828b; --chat-background-background-step-2: #edabf3; --chat-ground: #f3a2c3; --chat-search-highlight: #d0538f; --chat-sticker-blank: #f2f1f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #c518c5a3; --chat-pattern-icon: #9d209d2e; --capsule-background: #0c0d0e52; --capsule-outside: #c5189185; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #c5189185; --capsule-gradient-primary-step-2: #c5189185; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #d0538f; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0806071f; --counter-themed: #d0538f; --counter-default: #141312; --counter-mirage: #141312; --counter-contrast: #fff; --counter-menu: #7c797c; --empty-block-halo-bubble-1: #feb6b0; --empty-block-halo-bubble-2: #e5a0d9; --empty-block-halo-bubble-3: #d38ff6; --empty-block-halo-bubble-4: #f3adc2; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #d0538f3d; --file-type-unknown-badge: #d0538f; --file-type-unknown-icon: #d0538f; --file-type-unknown-element: #d0538f29; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #dbd5d8; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f7f2f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f2f1f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #999699; --tabbar-active: #d0538f; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #d0538f; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #8d3e6324; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #8d3e633d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #ffadff; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #ba43ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #d0538f14; --states-background-card-selected-hover: #d0538f14; --states-background-card-selected-pressed: #d0538f14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #080607; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #08060785; --states-icon-secondary-pressed: #08060770; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #d0729f; --states-icon-themed-pressed: #c23a7b; --states-icon-themed-disabled: #d0538f99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #d0729f; --states-button-primary-pressed: #c23a7b; --states-button-primary-disabled: #d0538f7a; --states-button-secondary-hover: #f6f0f3; --states-button-secondary-pressed: #f1e7ec; --states-button-secondary-disabled: #f4ecf0; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #8d3e6314; --states-button-secondary-contrast-pressed: #8d3e631f; --states-button-secondary-contrast-disabled: #8d3e631a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #515051; --states-text-primary-pressed: #000; --states-text-primary-disabled: #766f76a3; --states-text-secondary-hover: #08060785; --states-text-secondary-pressed: #08060770; --states-text-secondary-disabled: #766f76a3; --states-text-tertiary-hover: #08060766; --states-text-tertiary-pressed: #0806077a; --states-text-tertiary-disabled: #766f76a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #d0729f; --states-text-themed-pressed: #c23a7b; --states-text-themed-disabled: #d0538f99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #ebe6eb; --states-sferum-card-pressed: #dfd9df; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #c5189166; --states-capsule-outside-pressed: #c518917a; --states-chat-action-outside-hover: #d0538f66; --states-chat-action-outside-pressed: #d0538f66; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #d0538f7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #d0538f7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #d0729f; --states-bubbles-system-button-themed-pressed: #c23a7b; --states-bubbles-system-button-themed-disabled: #d0538f7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="mar8"][data-color-scheme="dark"]), :not(:root)[data-color-theme="mar8"][data-color-scheme="dark"], [data-color-theme="mar8"] [data-color-scheme="dark"] { --background-surface: #171417; --background-primary: #141214; --background-secondary: #252025; --background-tertiary: #ffffff17; --background-card: #252025; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #cd378229; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #080607d6; --icon-primary-inverse: #080607d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #cd3782; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #080607; --text-primary-inverse: #080607; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #cd3782; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #cd3782; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #141312; --stroke-card-carver: #201e1d; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #cd3782; --button-secondary: #4b3f47; --button-primary-contrast: #fff; --button-secondary-contrast: #e8c0d842; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #38312e73; --button-overlay-contrast: #ffffff14; --controls-active: #cd3782; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #17141700; --fading-background-surface-step-2: #171417; --fading-background-primary-step-1: #14121400; --fading-background-primary-step-2: #141214; --fading-float-primary-step-1: #141214; --fading-float-primary-step-2: #14121400; --float-primary-blur: #141214d6; --float-primary-flat: #141214; --float-surface-blur: #171417d6; --float-surface-flat: #171417; --float-popup-blur: #7a7c82a3; --float-popup-flat: #585358; --float-fab-blur: #403040d6; --float-fab-flat: #403040; --float-modal: #241e24; --float-scroll-bar: #ffffff1f; --float-primary-carver: #241e24; --float-surface-carver: #201d20; --float-stroke: #fff0; --float-glass-primary: #241e24ad; --float-glass-surface: #222022c2; --float-glass-primary-flat: #241e24f7; --float-glass-surface-flat: #222022f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #141214; --float-overlay-primary-step-2: #141214b8; --float-overlay-primary-step-3: #14121400; --float-overlay-surface-step-1: #171417; --float-overlay-surface-step-2: #171417b8; --float-overlay-surface-step-3: #17141700; --float-scroll-edge-top-step-1: #000; --float-scroll-edge-top-step-2: #000; --float-scroll-edge-bottom-step-1: #000; --float-scroll-edge-bottom-step-2: #000; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #cd378200; --promo-subscribe-ripple-step-2: #cd37821f; --promo-disclaimer-step-1: #cd378247; --promo-disclaimer-step-2: #cd37822b; --promo-disclaimer-step-3: #cd378214; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #382436a3; --bubbles-system-step-2: #382436e0; --bubbles-system-step-3: #382436e0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #3b2d39; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #d0538f; --chat-background-pattern-color: #3c2a42; --chat-background-pattern-gradient-step-1: #3c2a42; --chat-background-pattern-gradient-step-2: #3c2a42; --chat-background-pattern-step-1: #451e2a; --chat-background-pattern-step-2: #451e2a; --chat-background-pattern-step-3: #451e2a00; --chat-background-pattern-step-4: #382729; --chat-background-pattern-step-5: #382729; --chat-background-pattern-step-6: #38272900; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #000; --chat-background-background-step-2: #000; --chat-ground: #000; --chat-search-highlight: #cd3782; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #4c174cb2; --chat-pattern-icon: #c07ac038; --capsule-background: #382e3873; --capsule-outside: #571744b2; --capsule-secondary: #4a3d4acc; --capsule-gradient-primary-step-1: #571744b2; --capsule-gradient-primary-step-2: #571744b2; --capsule-gradient-secondary-step-1: #571744; --capsule-gradient-secondary-step-2: #571744; --chips-default: #201e1d; --chips-active: #cd3782; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #cd3782; --counter-default: #141312; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #7c797c; --empty-block-halo-bubble-1: #5c4545; --empty-block-halo-bubble-2: #553e51; --empty-block-halo-bubble-3: #4f395a; --empty-block-halo-bubble-4: #59424a; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #cd37822b; --file-type-unknown-badge: #cd3782; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #999195; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #362736; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #14121400; --skeleton-cell-step-2: #14121466; --skeleton-cell-step-3: #141214cc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #14121400; --skeleton-grid-step-2: #14121466; --skeleton-grid-step-3: #1c171ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7f7d7f; --tabbar-active: #cd3782; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #cd3782; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #241e24; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #da70da; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #2602264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #3d323d; --states-background-card-pressed: #342c34; --states-background-card-selected: #372c37; --states-background-card-selected-hover: #372c37; --states-background-card-selected-pressed: #372c37; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #e7e7e73d; --states-icon-themed-hover: #cd4c8c; --states-icon-themed-pressed: #bd2671; --states-icon-themed-disabled: #cd378299; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #080607a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #cd4c8c; --states-button-primary-pressed: #bd2671; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #584953; --states-button-secondary-pressed: #433840; --states-button-secondary-disabled: #4b3f47; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #e8c0d852; --states-button-secondary-contrast-pressed: #e8c0d838; --states-button-secondary-contrast-disabled: #e8c0d842; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #382e38a3; --states-button-overlay-pressed: #382e38b8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #cd4c8c; --states-text-themed-pressed: #bd2671; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #423442; --states-sferum-card-pressed: #302230; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #343234f7; --states-float-surface-glass-pressed: #3d3b3df7; --states-float-surface-glass-disabled: #222022f7; --states-capsule-outside-hover: #5717448f; --states-capsule-outside-pressed: #571744a3; --states-chat-action-outside-hover: #cd378266; --states-chat-action-outside-pressed: #cd378266; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #3d323d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #cd4c8c; --states-bubbles-system-button-themed-pressed: #bd2671; --states-bubbles-system-button-themed-disabled: #cd37827a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="nature"][data-color-scheme="light"]), :not(:root)[data-color-theme="nature"][data-color-scheme="light"], [data-color-theme="nature"] [data-color-scheme="light"] { --background-surface: #f0f2f0; --background-primary: #fff; --background-secondary: #f5faf5; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #2da33429; --icon-primary: #060806d6; --icon-secondary: #060806a3; --icon-tertiary: #0608067a; --icon-mute: #06080647; --icon-primary-static: #060806d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #2da334; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060806; --text-secondary: #060806ad; --text-tertiary: #06080685; --text-mute: #06080666; --text-primary-static: #060806; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #2da334; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #2da334; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #2da334; --button-secondary: #e9f1ea; --button-primary-contrast: #fff; --button-secondary-contrast: #1c6b251a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #2da334; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f0f2f000; --fading-background-surface-step-2: #f0f2f0; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f0f2f0d6; --float-surface-flat: #f0f2f0; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f0f2f0; --float-overlay-surface-step-2: #f0f2f0b8; --float-overlay-surface-step-3: #f0f2f000; --float-scroll-edge-top-step-1: #c9dfbc; --float-scroll-edge-top-step-2: #dfe3c8; --float-scroll-edge-bottom-step-1: #a0d7a5; --float-scroll-edge-bottom-step-2: #b6dbb1; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #2da33400; --promo-subscribe-ripple-step-2: #2da3341f; --promo-disclaimer-step-1: #2da33447; --promo-disclaimer-step-2: #2da3342b; --promo-disclaimer-step-3: #2da33414; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #26a22d; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #94aa00; --bubbles-system-qr-step-4: #94aa0000; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #b0dcb2; --bubbles-system-icon-themed-contrast: #2da334; --bubbles-system-button-themed: #2da334; --chat-background-pattern-color: #74ba7670; --chat-background-pattern-gradient-step-1: #74ba7670; --chat-background-pattern-gradient-step-2: #74ba7670; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #a0d7a5; --chat-background-background-step-2: #dfe3c8; --chat-ground: #afdbb3; --chat-search-highlight: #2da334; --chat-sticker-blank: #f0f2f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #2d6a44a3; --chat-pattern-icon: #2da3342e; --capsule-background: #0c0d0e52; --capsule-outside: #2d6a4485; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #2d6a4485; --capsule-gradient-primary-step-2: #2d6a4485; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #2da334; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0608061f; --counter-themed: #2da334; --counter-default: #171c17; --counter-mirage: #171c17; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #6cd3af; --empty-block-halo-bubble-2: #a2d25a; --empty-block-halo-bubble-3: #b2d553; --empty-block-halo-bubble-4: #6dd171; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #2da3343d; --file-type-unknown-badge: #2da334; --file-type-unknown-icon: #2da334; --file-type-unknown-element: #2da33429; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d5dbd5; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f0f7f0; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f0f2f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #2da334; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #2da334; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #1c6b2524; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #1c6b253d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #3add3a; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #43ba431f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #2da3341a; --states-background-card-selected-hover: #2da3341a; --states-background-card-selected-pressed: #2da3341a; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060806; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06080685; --states-icon-secondary-pressed: #06080670; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #31cc3a; --states-icon-themed-pressed: #008c08; --states-icon-themed-disabled: #2da33499; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #31cc3a; --states-button-primary-pressed: #008c08; --states-button-primary-disabled: #2da3347a; --states-button-secondary-hover: #edf4ee; --states-button-secondary-pressed: #e3ede4; --states-button-secondary-disabled: #e9f1ea; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #1c6b2514; --states-button-secondary-contrast-pressed: #1c6b251f; --states-button-secondary-contrast-disabled: #1c6b251a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06080685; --states-text-secondary-pressed: #06080670; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06080666; --states-text-tertiary-pressed: #0608067a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #31cc3a; --states-text-themed-pressed: #008c08; --states-text-themed-disabled: #2da33499; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6eae6; --states-sferum-card-pressed: #d9deda; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #2d6a4466; --states-capsule-outside-pressed: #2d6a447a; --states-chat-action-outside-hover: #008c0866; --states-chat-action-outside-pressed: #008c0866; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #2da3347a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #2da3347a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #31cc3a; --states-bubbles-system-button-themed-pressed: #008c08; --states-bubbles-system-button-themed-disabled: #2da3347a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="nature"][data-color-scheme="dark"]), :not(:root)[data-color-theme="nature"][data-color-scheme="dark"], [data-color-theme="nature"] [data-color-scheme="dark"] { --background-surface: #0f120f; --background-primary: #171c17; --background-secondary: #222925; --background-tertiary: #ffffff17; --background-card: #222925; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #2da33429; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060806d6; --icon-primary-inverse: #060806d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #2da334; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060806; --text-primary-inverse: #060806; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #2da334; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #2da334; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #3e665370; --stroke-primary-carver: #171c17; --stroke-card-carver: #222925; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #2da334; --button-secondary: #414f44; --button-primary-contrast: #fff; --button-secondary-contrast: #b8e0c442; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #00000073; --button-overlay-contrast: #ffffff14; --controls-active: #2da334; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #0f120f00; --fading-background-surface-step-2: #0f120f; --fading-background-primary-step-1: #171c1700; --fading-background-primary-step-2: #171c17; --fading-float-primary-step-1: #171c17; --fading-float-primary-step-2: #171c1700; --float-primary-blur: #171c17d6; --float-primary-flat: #171c17; --float-surface-blur: #0f120fd6; --float-surface-flat: #0f120f; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #2e3833d6; --float-fab-flat: #2e3833; --float-modal: #1e241e; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e241e; --float-surface-carver: #222925; --float-stroke: #fff0; --float-glass-primary: #1e241ead; --float-glass-surface: #202220c2; --float-glass-primary-flat: #1e241ef7; --float-glass-surface-flat: #202220f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #171c17; --float-overlay-primary-step-2: #171c17b8; --float-overlay-primary-step-3: #171c1700; --float-overlay-surface-step-1: #0f120f; --float-overlay-surface-step-2: #0f120fb8; --float-overlay-surface-step-3: #0f120f00; --float-scroll-edge-top-step-1: #0c0f0d; --float-scroll-edge-top-step-2: #0c0f0d; --float-scroll-edge-bottom-step-1: #0c0f0d; --float-scroll-edge-bottom-step-2: #0c0f0d; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #2da33400; --promo-subscribe-ripple-step-2: #2da3341f; --promo-disclaimer-step-1: #2da33447; --promo-disclaimer-step-2: #2da3342b; --promo-disclaimer-step-3: #2da33414; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #1c2923a3; --bubbles-system-step-2: #1c2923e0; --bubbles-system-step-3: #1c2923e0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #2d3833; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #2da334; --chat-background-pattern-color: #255c3752; --chat-background-pattern-gradient-step-1: #255c3752; --chat-background-pattern-gradient-step-2: #255c3752; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #0c0f0d; --chat-background-background-step-2: #0c0f0d; --chat-ground: #141414; --chat-search-highlight: #2da334; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #2b473ab2; --chat-pattern-icon: #2da33438; --capsule-background: #00000073; --capsule-outside: #2b473acc; --capsule-secondary: #3e6653cc; --capsule-gradient-primary-step-1: #2b473ab2; --capsule-gradient-primary-step-2: #2b473ab2; --capsule-gradient-secondary-step-1: #2b473a; --capsule-gradient-secondary-step-2: #2b473a; --chips-default: #222925; --chips-active: #2da334; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #2da334; --counter-default: #171c17; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #165f45; --empty-block-halo-bubble-2: #557a1f; --empty-block-halo-bubble-3: #5d7a0e; --empty-block-halo-bubble-4: #1f5d22; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #004c002b; --file-type-unknown-badge: #2da334; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #919991; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #344235; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #171c1700; --skeleton-cell-step-2: #171c1766; --skeleton-cell-step-3: #171c17cc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #171c1700; --skeleton-grid-step-2: #171c1766; --skeleton-grid-step-3: #171c17cc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #2da334; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #2da334; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e241e; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #9be59b; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #323d32; --states-background-card-pressed: #1f261f; --states-background-card-selected: #2c372c; --states-background-card-selected-hover: #2c372c; --states-background-card-selected-pressed: #2c372c; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #31cc3a; --states-icon-themed-pressed: #008c08; --states-icon-themed-disabled: #2da33499; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060806a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #31cc3a; --states-button-primary-pressed: #008c08; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #4b5b4f; --states-button-secondary-pressed: #3a473d; --states-button-secondary-disabled: #414f44; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #b8e0c452; --states-button-secondary-contrast-pressed: #b8e0c438; --states-button-secondary-contrast-disabled: #b8e0c442; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #000000a3; --states-button-overlay-pressed: #000000b8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #31cc3a; --states-text-themed-pressed: #008c08; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #344235; --states-sferum-card-pressed: #223023; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #323432f7; --states-float-surface-glass-pressed: #3b3d3bf7; --states-float-surface-glass-disabled: #202220f7; --states-capsule-outside-hover: #2b473aa3; --states-capsule-outside-pressed: #2b473ab8; --states-chat-action-outside-hover: #008c0866; --states-chat-action-outside-pressed: #008c0866; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #323d32; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #31cc3a; --states-bubbles-system-button-themed-pressed: #008c08; --states-bubbles-system-button-themed-disabled: #2da3347a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="neon"][data-color-scheme="light"]), :not(:root)[data-color-theme="neon"][data-color-scheme="light"], [data-color-theme="neon"] [data-color-scheme="light"] { --background-surface: #f0f0f2; --background-primary: #fff; --background-secondary: #f6f5fa; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #5d3dff29; --icon-primary: #060608d6; --icon-secondary: #060608a3; --icon-tertiary: #0606087a; --icon-mute: #06060847; --icon-primary-static: #060608d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #5d3dff; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060608; --text-secondary: #060608ad; --text-tertiary: #06060885; --text-mute: #06060866; --text-primary-static: #060608; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #5d3dff; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #5d3dff; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #5d3dff; --button-secondary: #edecf4; --button-primary-contrast: #fff; --button-secondary-contrast: #46398f1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #5d3dff; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f0f0f200; --fading-background-surface-step-2: #f0f0f2; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f0f0f2d6; --float-surface-flat: #f0f0f2; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f0f2f0; --float-overlay-surface-step-2: #f0f2f0b8; --float-overlay-surface-step-3: #f0f2f000; --float-scroll-edge-top-step-1: #c387ed; --float-scroll-edge-top-step-2: #de8d94; --float-scroll-edge-bottom-step-1: #73a1ff; --float-scroll-edge-bottom-step-2: #9297f8; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #5d3dff00; --promo-subscribe-ripple-step-2: #5d3dff1f; --promo-disclaimer-step-1: #5d3dff47; --promo-disclaimer-step-2: #5d3dff2b; --promo-disclaimer-step-3: #5d3dff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #a813d9; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #1e7af3; --bubbles-system-qr-step-4: #1e7af300; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #9e89fd; --bubbles-system-icon-themed-contrast: #6a4dff; --bubbles-system-button-themed: #6a4dff; --chat-background-pattern-color: #af60e7; --chat-background-pattern-gradient-step-1: #af60e7; --chat-background-pattern-gradient-step-2: #af60e7; --chat-background-pattern-step-1: #d26871; --chat-background-pattern-step-2: #d26871; --chat-background-pattern-step-3: #d2687100; --chat-background-pattern-step-4: #4e82ff; --chat-background-pattern-step-5: #4e82ff; --chat-background-pattern-step-6: #4e82ff00; --chat-background-additional-step-1: #e58f7ecc; --chat-background-additional-step-2: #e58f7ecc; --chat-background-additional-step-3: #e58f7e00; --chat-background-additional-step-4: #73a1ff; --chat-background-additional-step-5: #73a1ff; --chat-background-additional-step-6: #73a1ff00; --chat-background-background-step-1: #c387ed; --chat-background-background-step-2: #c387ed; --chat-ground: #c387ed; --chat-search-highlight: #4930c7; --chat-sticker-blank: #f0f0f2; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #7b30c7a3; --chat-pattern-icon: #4930c72e; --capsule-background: #0c0d0e52; --capsule-outside: #7b30c785; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #9933ff85; --capsule-gradient-primary-step-2: #9933ff85; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #5d3dff; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0606081f; --counter-themed: #5d3dff; --counter-default: #19171c; --counter-mirage: #19171c; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #7d87f0; --empty-block-halo-bubble-2: #b49ef0; --empty-block-halo-bubble-3: #d287ea; --empty-block-halo-bubble-4: #74abf7; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #6a4dff3d; --file-type-unknown-badge: #8d33cc; --file-type-unknown-icon: #8d33cc; --file-type-unknown-element: #6a4dff29; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d6d5db; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f3f2f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f0f0f2; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #5d3dff; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #5d3dff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #46398f24; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #46398f3d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #9985ff; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #6b43ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #5d3dff14; --states-background-card-selected-hover: #5d3dff14; --states-background-card-selected-pressed: #5d3dff14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060608; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06060885; --states-icon-secondary-pressed: #06060870; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #73f; --states-icon-themed-pressed: #3f1aff; --states-icon-themed-disabled: #5d3dff99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #73f; --states-button-primary-pressed: #3f1aff; --states-button-primary-disabled: #5d3dff7a; --states-button-secondary-hover: #f1f0f6; --states-button-secondary-pressed: #e8e7f1; --states-button-secondary-disabled: #edecf4; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #46398f14; --states-button-secondary-contrast-pressed: #46398f1f; --states-button-secondary-contrast-disabled: #46398f1a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06060885; --states-text-secondary-pressed: #06060870; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06060866; --states-text-tertiary-pressed: #0606087a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #73f; --states-text-themed-pressed: #3f1aff; --states-text-themed-disabled: #5d3dff99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e7e6eb; --states-sferum-card-pressed: #dadadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #7b30c766; --states-capsule-outside-pressed: #7b30c77a; --states-chat-action-outside-hover: #4930c766; --states-chat-action-outside-pressed: #4930c766; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #5d3dff7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #5d3dff7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f66; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #73f; --states-bubbles-system-button-themed-pressed: #3f1aff; --states-bubbles-system-button-themed-disabled: #5d3dff7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="neon"][data-color-scheme="dark"]), :not(:root)[data-color-theme="neon"][data-color-scheme="dark"], [data-color-theme="neon"] [data-color-scheme="dark"] { --background-surface: #100f12; --background-primary: #19171c; --background-secondary: #28252d; --background-tertiary: #ffffff17; --background-card: #28252d; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #6a4dff29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060608d6; --icon-primary-inverse: #060608d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #6a4dff; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060608; --text-primary-inverse: #060608; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #6a4dff; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #6a4dff; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #19171c; --stroke-card-carver: #28252d; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #6a4dff; --button-secondary: #464357; --button-primary-contrast: #fff; --button-secondary-contrast: #c4c0ff42; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #2e333873; --button-overlay-contrast: #ffffff14; --controls-active: #6a4dff; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #100f1200; --fading-background-surface-step-2: #100f12; --fading-background-primary-step-1: #19171c00; --fading-background-primary-step-2: #19171c; --fading-float-primary-step-1: #19171c; --fading-float-primary-step-2: #19171c00; --float-primary-blur: #19171cd6; --float-primary-flat: #19171c; --float-surface-blur: #100f12d6; --float-surface-flat: #100f12; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #3e404ad6; --float-fab-flat: #3e404a; --float-modal: #201e24; --float-scroll-bar: #ffffff1f; --float-primary-carver: #201e24; --float-surface-carver: #28252d; --float-stroke: #fff0; --float-glass-primary: #201e24ad; --float-glass-surface: #212022c2; --float-glass-primary-flat: #201e24f7; --float-glass-surface-flat: #212022f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #19171c; --float-overlay-primary-step-2: #19171cb8; --float-overlay-primary-step-3: #19171c00; --float-overlay-surface-step-1: #100f12; --float-overlay-surface-step-2: #100f12b8; --float-overlay-surface-step-3: #100f1200; --float-scroll-edge-top-step-1: #100e11; --float-scroll-edge-top-step-2: #100e11; --float-scroll-edge-bottom-step-1: #100e11; --float-scroll-edge-bottom-step-2: #100e11; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #6a4dff00; --promo-subscribe-ripple-step-2: #6a4dff1f; --promo-disclaimer-step-1: #6a4dff47; --promo-disclaimer-step-2: #6a4dff2b; --promo-disclaimer-step-3: #6a4dff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #32343da3; --bubbles-system-step-2: #32343de0; --bubbles-system-step-3: #32343de0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #404048; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #6a4dff; --chat-background-pattern-color: #905fed3d; --chat-background-pattern-gradient-step-1: #905fed3d; --chat-background-pattern-gradient-step-2: #905fed3d; --chat-background-pattern-step-1: #3f3720; --chat-background-pattern-step-2: #3f3720; --chat-background-pattern-step-3: #3f372000; --chat-background-pattern-step-4: #1e373f; --chat-background-pattern-step-5: #1e373f; --chat-background-pattern-step-6: #1e373f00; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #100e11; --chat-background-background-step-2: #100e11; --chat-ground: #100e11; --chat-search-highlight: #6a4dff; --chat-sticker-blank: #464646; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #333866b2; --chat-pattern-icon: #6a4dff38; --capsule-background: #2e333873; --capsule-outside: #333866b2; --capsule-secondary: #333866cc; --capsule-gradient-primary-step-1: #333866b2; --capsule-gradient-primary-step-2: #333866b2; --capsule-gradient-secondary-step-1: #333866; --capsule-gradient-secondary-step-2: #333866; --chips-default: #28252d; --chips-active: #5d3dff; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #5d3dff; --counter-default: #19171c; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #2c2ba4; --empty-block-halo-bubble-2: #4511a4; --empty-block-halo-bubble-3: #8837a4; --empty-block-halo-bubble-4: #2d5ba2; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #3600872b; --file-type-unknown-badge: #8d33cc; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #929199; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #2a2736; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #19171c00; --skeleton-cell-step-2: #19171c66; --skeleton-cell-step-3: #19171ccc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #19171c00; --skeleton-grid-step-2: #19171c66; --skeleton-grid-step-3: #19171ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #6a4dff; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #5d3dff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #201e24; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #8870ff; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #36323d; --states-background-card-pressed: #221f26; --states-background-card-selected: #302c37; --states-background-card-selected-hover: #302c37; --states-background-card-selected-pressed: #302c37; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #7e3dff; --states-icon-themed-pressed: #3f1aff; --states-icon-themed-disabled: #6a4dff99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060608a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #7e3dff; --states-button-primary-pressed: #3f1aff; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #504d65; --states-button-secondary-pressed: #3f3c4e; --states-button-secondary-disabled: #464357; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #c4c0ff52; --states-button-secondary-contrast-pressed: #c4c0ff38; --states-button-secondary-contrast-disabled: #c4c0ff42; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #2e3338a3; --states-button-overlay-pressed: #2e3338b8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #7e3dff; --states-text-themed-pressed: #3f1aff; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #373442; --states-sferum-card-pressed: #252230; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #333234f7; --states-float-surface-glass-pressed: #3c3b3df7; --states-float-surface-glass-disabled: #212022f7; --states-capsule-outside-hover: #3338668f; --states-capsule-outside-pressed: #333866a3; --states-chat-action-outside-hover: #6a4dff66; --states-chat-action-outside-pressed: #6a4dff66; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #36323d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #73f; --states-bubbles-system-button-themed-pressed: #3f1aff; --states-bubbles-system-button-themed-disabled: #5d3dff7a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="moscow"][data-color-scheme="light"]), :not(:root)[data-color-theme="moscow"][data-color-scheme="light"], [data-color-theme="moscow"] [data-color-scheme="light"] { --background-surface: #f2f0f0; --background-primary: #fff; --background-secondary: #faf8f7; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #d9363629; --icon-primary: #080606d6; --icon-secondary: #080606a3; --icon-tertiary: #0806067a; --icon-mute: #08060647; --icon-primary-static: #080606d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #d93636; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #080606; --text-secondary: #080606ad; --text-tertiary: #08060685; --text-mute: #08060666; --text-primary-static: #080606; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #d93636; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #d93636; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #d93636; --button-secondary: #f3ebeb; --button-primary-contrast: #fff; --button-secondary-contrast: #8734341a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #d93636; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f2f0f000; --fading-background-surface-step-2: #f2f0f0; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f2f0f0d6; --float-surface-flat: #f2f0f0; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f2f0f0; --float-overlay-surface-step-2: #f2f0f0b8; --float-overlay-surface-step-3: #f2f0f000; --float-scroll-edge-top-step-1: #e0efff; --float-scroll-edge-top-step-2: #e0efff; --float-scroll-edge-bottom-step-1: #e0efff; --float-scroll-edge-bottom-step-2: #e0efff; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #d9363600; --promo-subscribe-ripple-step-2: #d936361f; --promo-disclaimer-step-1: #d9363647; --promo-disclaimer-step-2: #d936362b; --promo-disclaimer-step-3: #d9363614; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #b83030; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #fe5849; --bubbles-system-qr-step-4: #fe584900; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #eeb9bb; --bubbles-system-icon-themed-contrast: #d93636; --bubbles-system-button-themed: #d93636; --chat-background-pattern-color: #c1ddf2; --chat-background-pattern-gradient-step-1: #c1ddf2; --chat-background-pattern-gradient-step-2: #c1ddf2; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #e0efff; --chat-background-background-step-2: #e0efff; --chat-ground: #e0efff; --chat-search-highlight: #d93636; --chat-sticker-blank: #f2f0f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #d93636a3; --chat-pattern-icon: #d936362e; --capsule-background: #0c0d0e52; --capsule-outside: #b71c1c85; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #b71c1c85; --capsule-gradient-primary-step-2: #b71c1c85; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #d93636; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0806061f; --counter-themed: #d93636; --counter-default: #0b101a; --counter-mirage: #0b101a; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #ec908b; --empty-block-halo-bubble-2: #f1948e; --empty-block-halo-bubble-3: #da7e7e; --empty-block-halo-bubble-4: #f99890; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #0f8ec23d; --file-type-unknown-badge: #57b0d4; --file-type-unknown-icon: #57b0d4; --file-type-unknown-element: #0f8ec229; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #dbd4d4; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f4f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f2f0f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #d93636; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #d93636; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #87343424; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #8734343d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #ffadad; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #ba43431f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #d9363614; --states-background-card-selected-hover: #d9363614; --states-background-card-selected-pressed: #d9363614; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #080606; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #08060685; --states-icon-secondary-pressed: #08060670; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #e84a4a; --states-icon-themed-pressed: #c20000; --states-icon-themed-disabled: #d9363699; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #e84a4a; --states-button-primary-pressed: #c20000; --states-button-primary-disabled: #d936367a; --states-button-secondary-hover: #f6efef; --states-button-secondary-pressed: #f0e6e6; --states-button-secondary-disabled: #f3ebeb; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #87343414; --states-button-secondary-contrast-pressed: #8734341f; --states-button-secondary-contrast-disabled: #8734341a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #08060685; --states-text-secondary-pressed: #08060670; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #08060666; --states-text-tertiary-pressed: #0806067a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #e84a4a; --states-text-themed-pressed: #c20000; --states-text-themed-disabled: #d9363699; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #b71c1c66; --states-capsule-outside-pressed: #b71c1c7a; --states-chat-action-outside-hover: #d9363666; --states-chat-action-outside-pressed: #d9363666; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #d936367a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #d936367a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #e84a4a; --states-bubbles-system-button-themed-pressed: #c20000; --states-bubbles-system-button-themed-disabled: #d936367a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="moscow"][data-color-scheme="dark"]), :not(:root)[data-color-theme="moscow"][data-color-scheme="dark"], [data-color-theme="moscow"] [data-color-scheme="dark"] { --background-surface: #06090f; --background-primary: #0b101a; --background-secondary: #111a29; --background-tertiary: #ffffff17; --background-card: #111a29; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #a63a3a29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #080606d6; --icon-primary-inverse: #080606d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #a63a3a; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #080606; --text-primary-inverse: #080606; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #a63a3a; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #a63a3a; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #992e2e70; --stroke-primary-carver: #0b101a; --stroke-card-carver: #111a29; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #a63a3a; --button-secondary: #382e35; --button-primary-contrast: #fff; --button-secondary-contrast: #b8838342; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #382e2e73; --button-overlay-contrast: #ffffff14; --controls-active: #a63a3a; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #06090f00; --fading-background-surface-step-2: #06090f; --fading-background-primary-step-1: #0b101a00; --fading-background-primary-step-2: #0b101a; --fading-float-primary-step-1: #0b101a; --fading-float-primary-step-2: #0b101a00; --float-primary-blur: #0b101ad6; --float-primary-flat: #0b101a; --float-surface-blur: #06090fd6; --float-surface-flat: #06090f; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #4a3d3dd6; --float-fab-flat: #4a3d3d; --float-modal: #0f1624; --float-scroll-bar: #ffffff1f; --float-primary-carver: #0f1624; --float-surface-carver: #111a29; --float-stroke: #fff0; --float-glass-primary: #0f1624ad; --float-glass-surface: #202122c2; --float-glass-primary-flat: #0f1624f7; --float-glass-surface-flat: #202122f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #0b101a; --float-overlay-primary-step-2: #0b101ab8; --float-overlay-primary-step-3: #0b101a00; --float-overlay-surface-step-1: #06090f; --float-overlay-surface-step-2: #06090fb8; --float-overlay-surface-step-3: #06090f00; --float-scroll-edge-top-step-1: #0a050d; --float-scroll-edge-top-step-2: #0a050d; --float-scroll-edge-bottom-step-1: #0a050d; --float-scroll-edge-bottom-step-2: #0a050d; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #a63a3a00; --promo-subscribe-ripple-step-2: #a63a3a1f; --promo-disclaimer-step-1: #a63a3a47; --promo-disclaimer-step-2: #a63a3a2b; --promo-disclaimer-step-3: #a63a3a14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #4e3737a3; --bubbles-system-step-2: #4e3737e0; --bubbles-system-step-3: #4e3737e0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #564445; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #d93636; --chat-background-pattern-color: #291930; --chat-background-pattern-gradient-step-1: #291930; --chat-background-pattern-gradient-step-2: #291930; --chat-background-pattern-step-1: #331123; --chat-background-pattern-step-2: #331123; --chat-background-pattern-step-3: #33112300; --chat-background-pattern-step-4: #1f2038; --chat-background-pattern-step-5: #1f2038; --chat-background-pattern-step-6: #1f203800; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #0a050d; --chat-background-background-step-2: #0a050d; --chat-ground: #0f1733; --chat-search-highlight: #bf4343; --chat-sticker-blank: #464141; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #a63a3ab2; --chat-pattern-icon: #bf434338; --capsule-background: #382e2e73; --capsule-outside: #7a1a27b2; --capsule-secondary: #4a3d3dcc; --capsule-gradient-primary-step-1: #7a1a27b2; --capsule-gradient-primary-step-2: #7a1a27b2; --capsule-gradient-secondary-step-1: #3b2028; --capsule-gradient-secondary-step-2: #3b2028; --chips-default: #111a29; --chips-active: #a63a3a; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #a63a3a; --counter-default: #0b101a; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #7c302f; --empty-block-halo-bubble-2: #6f292b; --empty-block-halo-bubble-3: #5d1f24; --empty-block-halo-bubble-4: #742b2b; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #00244c2b; --file-type-unknown-badge: #545e70; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #999191; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #343942; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #0b101a00; --skeleton-cell-step-2: #0b101a66; --skeleton-cell-step-3: #0b101acc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #0b101a00; --skeleton-grid-step-2: #0b101a66; --skeleton-grid-step-3: #0b101acc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #a63a3a; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #a63a3a; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #0f1624; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #da7070; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #32363d; --states-background-card-pressed: #1f2026; --states-background-card-selected: #222937; --states-background-card-selected-hover: #222937; --states-background-card-selected-pressed: #222937; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #e85151; --states-icon-themed-pressed: #c20000; --states-icon-themed-disabled: #a63a3a99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #080606a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #e85151; --states-button-primary-pressed: #ba2d2d; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #42353c; --states-button-secondary-pressed: #312931; --states-button-secondary-disabled: #382e35; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #b8838352; --states-button-secondary-contrast-pressed: #b8838338; --states-button-secondary-contrast-disabled: #b8838342; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #382e2ea3; --states-button-overlay-pressed: #382e2eb8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #e85151; --states-text-themed-pressed: #c20000; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #343742; --states-sferum-card-pressed: #222530; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #323334f7; --states-float-surface-glass-pressed: #3b3c3df7; --states-float-surface-glass-disabled: #202122f7; --states-capsule-outside-hover: #7a1a278f; --states-capsule-outside-pressed: #7a1a27a3; --states-chat-action-outside-hover: #bf434366; --states-chat-action-outside-pressed: #bf434366; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #32363d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #e85151; --states-bubbles-system-button-themed-pressed: #ba2d2d; --states-bubbles-system-button-themed-disabled: #d936367a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="lebedev"][data-color-scheme="light"]), :not(:root)[data-color-theme="lebedev"][data-color-scheme="light"], [data-color-theme="lebedev"] [data-color-scheme="light"] { --background-surface: #f2f1f0; --background-primary: #fff; --background-secondary: #faf8f5; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #de675a29; --icon-primary: #080606d6; --icon-secondary: #080606a3; --icon-tertiary: #0806067a; --icon-mute: #08060647; --icon-primary-static: #080606d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #de675a; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #080606; --text-secondary: #080606ad; --text-tertiary: #08060685; --text-mute: #08060666; --text-primary-static: #080606; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #de675a; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #de675a; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #de675a; --button-secondary: #f6eeed; --button-primary-contrast: #fff; --button-secondary-contrast: #9e52491a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #de675a; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f2f1f000; --fading-background-surface-step-2: #f2f1f0; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f2f1f0d6; --float-surface-flat: #f2f1f0; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f2f1f0; --float-overlay-surface-step-2: #f2f1f0b8; --float-overlay-surface-step-3: #f2f1f000; --float-scroll-edge-top-step-1: #f0c6b3; --float-scroll-edge-top-step-2: #f8dec4; --float-scroll-edge-bottom-step-1: #e49c96; --float-scroll-edge-bottom-step-2: #ebb2a5; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #de675a00; --promo-subscribe-ripple-step-2: #de675a1f; --promo-disclaimer-step-1: #de675a47; --promo-disclaimer-step-2: #de675a2b; --promo-disclaimer-step-3: #de675a14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #bf4b40; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #f09050; --bubbles-system-qr-step-4: #f0905000; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #efb8b2; --bubbles-system-icon-themed-contrast: #de675a; --bubbles-system-button-themed: #de675a; --chat-background-pattern-color: #d8410240; --chat-background-pattern-gradient-step-1: #d8410240; --chat-background-pattern-gradient-step-2: #d8410240; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #e39b95; --chat-background-background-step-2: #f8dec4; --chat-ground: #e39b95; --chat-search-highlight: #de675a; --chat-sticker-blank: #f2f1f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #c47a6ca3; --chat-pattern-icon: #de675a2e; --capsule-background: #0c0d0e52; --capsule-outside: #c47a6c85; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #de675a85; --capsule-gradient-primary-step-2: #de675a85; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #de675a; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0806061f; --counter-themed: #de675a; --counter-default: #1c1817; --counter-mirage: #1c1817; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #ec908b; --empty-block-halo-bubble-2: #f1948e; --empty-block-halo-bubble-3: #f99890; --empty-block-halo-bubble-4: #da8585; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #de675a3d; --file-type-unknown-badge: #de675a; --file-type-unknown-icon: #de675a; --file-type-unknown-element: #de675a29; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #dbd6d5; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f7f3f2; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f2f1f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #de675a; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #de675a; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #9e524924; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #9e52493d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #ffbdad; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #ba5b431f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #de675a14; --states-background-card-selected-hover: #de675a14; --states-background-card-selected-pressed: #de675a14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #080606; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #08060685; --states-icon-secondary-pressed: #08060670; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #de8e85; --states-icon-themed-pressed: #de5647; --states-icon-themed-disabled: #de675a99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #de8e85; --states-button-primary-pressed: #de5647; --states-button-primary-disabled: #de675a7a; --states-button-secondary-hover: #f8f2f1; --states-button-secondary-pressed: #f3eae9; --states-button-secondary-disabled: #f6eeed; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #9e524914; --states-button-secondary-contrast-pressed: #9e52491f; --states-button-secondary-contrast-disabled: #9e52491a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #08060685; --states-text-secondary-pressed: #08060670; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #08060666; --states-text-tertiary-pressed: #0806067a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #de8e85; --states-text-themed-pressed: #de5647; --states-text-themed-disabled: #de675a99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #c47a6c66; --states-capsule-outside-pressed: #c47a6c7a; --states-chat-action-outside-hover: #de675a66; --states-chat-action-outside-pressed: #de675a66; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #de675a7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #de675a7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #de8e85; --states-bubbles-system-button-themed-pressed: #de5647; --states-bubbles-system-button-themed-disabled: #de675a7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="lebedev"][data-color-scheme="dark"]), :not(:root)[data-color-theme="lebedev"][data-color-scheme="dark"], [data-color-theme="lebedev"] [data-color-scheme="dark"] { --background-surface: #120f0f; --background-primary: #1c1817; --background-secondary: #292422; --background-tertiary: #ffffff17; --background-card: #292422; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #bb483f29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #080606d6; --icon-primary-inverse: #080606d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #bb483f; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #080606; --text-primary-inverse: #080606; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #bb483f; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #bb483f; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #1c1817; --stroke-card-carver: #292422; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #bb483f; --button-secondary: #514542; --button-primary-contrast: #fff; --button-secondary-contrast: #e8c4bc42; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #382f2e73; --button-overlay-contrast: #ffffff14; --controls-active: #bb483f; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #120f0f00; --fading-background-surface-step-2: #120f0f; --fading-background-primary-step-1: #17181c00; --fading-background-primary-step-2: #1c1817; --fading-float-primary-step-1: #1c1817; --fading-float-primary-step-2: #1c181700; --float-primary-blur: #1c1817d6; --float-primary-flat: #1c1817; --float-surface-blur: #120f0fd6; --float-surface-flat: #120f0f; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #4a3e3dd6; --float-fab-flat: #4a3e3d; --float-modal: #241f1e; --float-scroll-bar: #ffffff1f; --float-primary-carver: #241f1e; --float-surface-carver: #292422; --float-stroke: #fff0; --float-glass-primary: #241f1ead; --float-glass-surface: #222020c2; --float-glass-primary-flat: #241f1ef7; --float-glass-surface-flat: #222020f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #1c1817; --float-overlay-primary-step-2: #1c1817b8; --float-overlay-primary-step-3: #1c181700; --float-overlay-surface-step-1: #120f0f; --float-overlay-surface-step-2: #120f0fb8; --float-overlay-surface-step-3: #120f0f00; --float-scroll-edge-top-step-1: #110f0e; --float-scroll-edge-top-step-2: #110f0e; --float-scroll-edge-bottom-step-1: #110f0e; --float-scroll-edge-bottom-step-2: #110f0e; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #bb483f00; --promo-subscribe-ripple-step-2: #bb483f1f; --promo-disclaimer-step-1: #bb483f47; --promo-disclaimer-step-2: #bb483f2b; --promo-disclaimer-step-3: #bb483f14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #4e3937a3; --bubbles-system-step-2: #4e3937e0; --bubbles-system-step-3: #4e3937e0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #554443; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #de675a; --chat-background-pattern-color: #402820; --chat-background-pattern-gradient-step-1: #402820; --chat-background-pattern-gradient-step-2: #402820; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #110f0e; --chat-background-background-step-2: #110f0e; --chat-ground: #110f0e; --chat-search-highlight: #bb483f; --chat-sticker-blank: #464141; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #4f529db2; --chat-pattern-icon: #bb483f38; --capsule-background: #382f2e73; --capsule-outside: #5a4947cc; --capsule-secondary: #4a3e3dcc; --capsule-gradient-primary-step-1: #5a4947b2; --capsule-gradient-primary-step-2: #5a4947b2; --capsule-gradient-secondary-step-1: #302c2c; --capsule-gradient-secondary-step-2: #302c2c; --chips-default: #292422; --chips-active: #bb483f; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #bb483f; --counter-default: #1c1817; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #782e2a; --empty-block-halo-bubble-2: #7d302b; --empty-block-halo-bubble-3: #85352e; --empty-block-halo-bubble-4: #672423; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #bb483f2b; --file-type-unknown-badge: #bb483f; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #999291; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #362a27; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #1c181700; --skeleton-cell-step-2: #1c181766; --skeleton-cell-step-3: #1c1817cc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #1c181700; --skeleton-grid-step-2: #1c181766; --skeleton-grid-step-3: #1c1817cc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #bb483f; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #bb483f; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #241f1e; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #da8570; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #3d3432; --states-background-card-pressed: #26201f; --states-background-card-selected: #372e2c; --states-background-card-selected-hover: #372e2c; --states-background-card-selected-pressed: #372e2c; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #bb5f58; --states-icon-themed-pressed: #de5647; --states-icon-themed-disabled: #bb483f99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #080606a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #bb5f58; --states-button-primary-pressed: #bb3b31; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #5d4f4c; --states-button-secondary-pressed: #493e3b; --states-button-secondary-disabled: #514542; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #e8c4bc52; --states-button-secondary-contrast-pressed: #e8c4bc38; --states-button-secondary-contrast-disabled: #e8c4bc42; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #382f2ea3; --states-button-overlay-pressed: #382f2eb8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #bb5f58; --states-text-themed-pressed: #de5647; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #423734; --states-sferum-card-pressed: #302522; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #343232f7; --states-float-surface-glass-pressed: #3d3b3bf7; --states-float-surface-glass-disabled: #222020f7; --states-capsule-outside-hover: #5a4947a3; --states-capsule-outside-pressed: #5a4947b8; --states-chat-action-outside-hover: #bb483f66; --states-chat-action-outside-pressed: #bb483f66; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #3d3432; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #bb5f58; --states-bubbles-system-button-themed-pressed: #bb3b31; --states-bubbles-system-button-themed-disabled: #de675a7a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="simple"][data-color-scheme="light"]), :not(:root)[data-color-theme="simple"][data-color-scheme="light"], [data-color-theme="simple"] [data-color-scheme="light"] { --background-surface: #edeef2; --background-primary: #fff; --background-secondary: #f5f7fa; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #007aff29; --icon-primary: #060708d6; --icon-secondary: #060708a3; --icon-tertiary: #0607087a; --icon-mute: #06070847; --icon-primary-static: #060708d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #007aff; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060708; --text-secondary: #060708ad; --text-tertiary: #06070885; --text-mute: #06070866; --text-primary-static: #060708; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #007aff; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #007aff; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #ccc; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #e5e5e54d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #007aff; --button-secondary: #e9ebf1; --button-primary-contrast: #fff; --button-secondary-contrast: #20366e1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #007aff; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #edeef200; --fading-background-surface-step-2: #edeef2; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #edeef2d6; --float-surface-flat: #edeef2; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #edeef2; --float-overlay-surface-step-2: #edeef2b8; --float-overlay-surface-step-3: #edeef200; --float-scroll-edge-top-step-1: #fff; --float-scroll-edge-top-step-2: #fff; --float-scroll-edge-bottom-step-1: #fff; --float-scroll-edge-bottom-step-2: #fff; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #007aff00; --promo-subscribe-ripple-step-2: #007aff1f; --promo-disclaimer-step-1: #007aff47; --promo-disclaimer-step-2: #007aff2b; --promo-disclaimer-step-3: #007aff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #f2f2f2e0; --bubbles-system-step-2: #f2f2f2e0; --bubbles-system-step-3: #f2f2f233; --bubbles-system-stroke-step-1: #0000000d; --bubbles-system-stroke-step-2: #0000001a; --bubbles-system-stroke-fade-step-1: #0000000d; --bubbles-system-stroke-fade-step-2: #0000001a; --bubbles-system-qr-background: #007aff; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #8900ad00; --bubbles-system-qr-step-4: #8900ad00; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #a6d0ff; --bubbles-system-icon-themed-contrast: #007aff; --bubbles-system-button-themed: #007aff; --chat-background-pattern-color: #0000; --chat-background-pattern-gradient-step-1: #0000; --chat-background-pattern-gradient-step-2: #0000; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #fff; --chat-background-background-step-2: #fff; --chat-ground: #fff; --chat-search-highlight: #007aff; --chat-sticker-blank: #edeef2; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #999999a3; --chat-pattern-icon: #20509d2e; --capsule-background: #0c0d0e52; --capsule-outside: #999999b2; --capsule-secondary: #e3e3e3b8; --capsule-gradient-primary-step-1: #6ca1d9b2; --capsule-gradient-primary-step-2: #6ca1d9b2; --capsule-gradient-secondary-step-1: #e3e3e3e0; --capsule-gradient-secondary-step-2: #e3e3e3e0; --chips-default: #f6f6f6; --chips-active: #007aff; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0607081f; --counter-themed: #007aff; --counter-default: #17181c; --counter-mirage: #17181c; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #7193d7; --empty-block-halo-bubble-2: #9c98fe; --empty-block-halo-bubble-3: #a8b6fe; --empty-block-halo-bubble-4: #6f96e9; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #0f8ec23d; --file-type-unknown-badge: #57b0d4; --file-type-unknown-icon: #57b0d4; --file-type-unknown-element: #0f8ec229; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d5d7db; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f3f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #edeef2; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #007aff; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #007aff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #3d435324; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #3d43533d; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #adceff; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #4378ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #007aff14; --states-background-card-selected-hover: #007aff14; --states-background-card-selected-pressed: #007aff14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060708; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06070885; --states-icon-secondary-pressed: #06070870; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #479fff; --states-icon-themed-pressed: #006be0; --states-icon-themed-disabled: #007aff99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #479fff; --states-button-primary-pressed: #006ee5; --states-button-primary-disabled: #007aff7a; --states-button-secondary-hover: #eeeff4; --states-button-secondary-pressed: #e4e6ed; --states-button-secondary-disabled: #e9ebf1; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #20366e14; --states-button-secondary-contrast-pressed: #20366e1f; --states-button-secondary-contrast-disabled: #20366e1a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06070885; --states-text-secondary-pressed: #06070870; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06070866; --states-text-tertiary-pressed: #0607087a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #479fff; --states-text-themed-pressed: #006be0; --states-text-themed-disabled: #007aff99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #f6f6f6f5; --states-float-surface-glass-pressed: #ebebebf5; --states-float-surface-glass-disabled: #fafafaf5; --states-capsule-outside-hover: #9999998f; --states-capsule-outside-pressed: #999999a3; --states-chat-action-outside-hover: #9996; --states-chat-action-outside-pressed: #9996; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #007aff7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #007aff7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #479fff; --states-bubbles-system-button-themed-pressed: #006ee5; --states-bubbles-system-button-themed-disabled: #007aff7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="simple"][data-color-scheme="dark"]), :not(:root)[data-color-theme="simple"][data-color-scheme="dark"], [data-color-theme="simple"] [data-color-scheme="dark"] { --background-surface: #0f0f12; --background-primary: #17181c; --background-secondary: #25262d; --background-tertiary: #ffffff17; --background-card: #25262d; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #007aff29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060708d6; --icon-primary-inverse: #060708d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #007aff; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060708; --text-primary-inverse: #060708; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #007aff; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #007aff; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #17181c; --stroke-card-carver: #25262d; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #007aff; --button-secondary: #323234; --button-primary-contrast: #fff; --button-secondary-contrast: #bfc2f642; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #3d434a73; --button-overlay-contrast: #ffffff14; --controls-active: #007aff; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #0f0f1200; --fading-background-surface-step-2: #0f0f12; --fading-background-primary-step-1: #17181c00; --fading-background-primary-step-2: #17181c; --fading-float-primary-step-1: #17181c; --fading-float-primary-step-2: #17181c00; --float-primary-blur: #17181cd6; --float-primary-flat: #17181c; --float-surface-blur: #0f0f12d6; --float-surface-flat: #0f0f12; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #32323dd6; --float-fab-flat: #32323d; --float-modal: #1e1f24; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e1f24; --float-surface-carver: #25262d; --float-stroke: #fff0; --float-glass-primary: #1e1f24ad; --float-glass-surface: #202022c2; --float-glass-primary-flat: #1e1f24f7; --float-glass-surface-flat: #202022f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #17181c; --float-overlay-primary-step-2: #17181cb8; --float-overlay-primary-step-3: #17181c00; --float-overlay-surface-step-1: #0f0f12; --float-overlay-surface-step-2: #0f0f12b8; --float-overlay-surface-step-3: #0f0f1200; --float-scroll-edge-top-step-1: #0e0e11; --float-scroll-edge-top-step-2: #0e0e11; --float-scroll-edge-bottom-step-1: #0e0e11; --float-scroll-edge-bottom-step-2: #0e0e11; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #007aff00; --promo-subscribe-ripple-step-2: #007aff1f; --promo-disclaimer-step-1: #007aff47; --promo-disclaimer-step-2: #007aff2b; --promo-disclaimer-step-3: #007aff14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #202022a3; --bubbles-system-step-2: #202022e0; --bubbles-system-step-3: #202022e0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #323233; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #007aff; --chat-background-pattern-color: #0000; --chat-background-pattern-gradient-step-1: #0000; --chat-background-pattern-gradient-step-2: #0000; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #0e0e11; --chat-background-background-step-2: #0e0e11; --chat-ground: #0e0e11; --chat-search-highlight: #007aff; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #4f529db2; --chat-pattern-icon: #7a95c038; --capsule-background: #3d434a73; --capsule-outside: #ffffff14; --capsule-secondary: #3d434acc; --capsule-gradient-primary-step-1: #ffffff14; --capsule-gradient-primary-step-2: #ffffff14; --capsule-gradient-secondary-step-1: #ffffff14; --capsule-gradient-secondary-step-2: #ffffff14; --chips-default: #25262d; --chips-active: #007aff; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #007aff; --counter-default: #17181c; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #354d7c; --empty-block-halo-bubble-2: #525096; --empty-block-halo-bubble-3: #596496; --empty-block-halo-bubble-4: #334e88; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #00244c2b; --file-type-unknown-badge: #545e70; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #919499; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #272a36; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #17181c00; --skeleton-cell-step-2: #17181c66; --skeleton-cell-step-3: #17181ccc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #17181c00; --skeleton-grid-step-2: #17181c66; --skeleton-grid-step-3: #17181ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #007aff; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #007aff; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e1f24; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #709ada; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #32343d; --states-background-card-pressed: #1f2026; --states-background-card-selected: #2c2d37; --states-background-card-selected-hover: #2c2d37; --states-background-card-selected-pressed: #2c2d37; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #479fff; --states-icon-themed-pressed: #006be0; --states-icon-themed-disabled: #007aff99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060708a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #479fff; --states-button-primary-pressed: #006ee5; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #4d4e62; --states-button-secondary-pressed: #3c3e4c; --states-button-secondary-disabled: #434455; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #bfc2f652; --states-button-secondary-contrast-pressed: #bfc2f638; --states-button-secondary-contrast-disabled: #bfc2f642; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #3d434aa3; --states-button-overlay-pressed: #3d434ab8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #479fff; --states-text-themed-pressed: #006be0; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #343742; --states-sferum-card-pressed: #222530; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #323234f7; --states-float-surface-glass-pressed: #3b3b3df7; --states-float-surface-glass-disabled: #202022f7; --states-capsule-outside-hover: #ffffff0a; --states-capsule-outside-pressed: #ffffff0f; --states-chat-action-outside-hover: #4f529d66; --states-chat-action-outside-pressed: #4f529d66; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #32343d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #479fff; --states-bubbles-system-button-themed-pressed: #006ee5; --states-bubbles-system-button-themed-disabled: #007aff7a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="light"]), :not(:root)[data-color-theme="aquamarine"][data-color-scheme="light"], [data-color-theme="aquamarine"] [data-color-scheme="light"] { --background-surface: #f0f1f2; --background-primary: #fff; --background-secondary: #f5f8fa; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #027feb29; --icon-primary: #060708d6; --icon-secondary: #060708a3; --icon-tertiary: #0607087a; --icon-mute: #06070847; --icon-primary-static: #060708d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #027feb; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060708; --text-secondary: #060708ad; --text-tertiary: #06070885; --text-mute: #06070866; --text-primary-static: #060708; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #027feb; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #027feb; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #007aff; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #027feb; --button-secondary: #e9edf1; --button-primary-contrast: #fff; --button-secondary-contrast: #204a6e1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #027feb; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #f2f1f000; --fading-background-surface-step-2: #f2f1f0; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #f2f1f0d6; --float-surface-flat: #f2f1f0; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #f2f1f0; --float-overlay-surface-step-2: #f2f1f0b8; --float-overlay-surface-step-3: #f2f1f000; --float-scroll-edge-top-step-1: #6c9dff; --float-scroll-edge-top-step-2: #6ebbff; --float-scroll-edge-bottom-step-1: #7385f7; --float-scroll-edge-bottom-step-2: #6fbafb; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #027feb00; --promo-subscribe-ripple-step-2: #027feb1f; --promo-disclaimer-step-1: #027feb47; --promo-disclaimer-step-2: #027feb2b; --promo-disclaimer-step-3: #027feb14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #fff; --bubbles-system-stroke-step-2: #ffffff80; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #4f9deb; --bubbles-system-qr-step-1: #00b8ff; --bubbles-system-qr-step-2: #00b8ff00; --bubbles-system-qr-step-3: #91d8cd; --bubbles-system-qr-step-4: #91d8cd00; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #7dbaf0; --bubbles-system-icon-themed-contrast: #027feb; --bubbles-system-button-themed: #027feb; --chat-background-pattern-color: #0000; --chat-background-pattern-gradient-step-1: #4897f84d; --chat-background-pattern-gradient-step-2: #23b7ac33; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #a6e6c900; --chat-background-additional-step-2: #a6e6c900; --chat-background-additional-step-3: #a6e6c900; --chat-background-additional-step-4: #67b8e400; --chat-background-additional-step-5: #67b8e400; --chat-background-additional-step-6: #67b8e400; --chat-background-background-step-1: #67b8e4; --chat-background-background-step-2: #a9e2d5; --chat-ground: #3db8ce; --chat-search-highlight: #027feb; --chat-sticker-blank: #f2f1f0; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #1874c5a3; --chat-pattern-icon: #20639d2e; --capsule-background: #0c0d0e52; --capsule-outside: #0e6f9f85; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #0e6f9f85; --capsule-gradient-primary-step-2: #0e6f9f85; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #027feb; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0807061f; --counter-themed: #027feb; --counter-default: #141312; --counter-mirage: #141312; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #91d8cd; --empty-block-halo-bubble-2: #83baf2; --empty-block-halo-bubble-3: #8ddfee; --empty-block-halo-bubble-4: #88b5f9; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #027feb3d; --file-type-unknown-badge: #027feb; --file-type-unknown-icon: #027feb; --file-type-unknown-element: #027feb29; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #dbd7d5; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f5f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #f2f1f0; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #007aff; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #027feb; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #027feb; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #1c466b24; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #1c466b14; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #add9ff; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #4382ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #027feb14; --states-background-card-selected-hover: #027feb14; --states-background-card-selected-pressed: #027feb14; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #080706; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #08070685; --states-icon-secondary-pressed: #08070670; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #47a9ff; --states-icon-themed-pressed: #007ae5; --states-icon-themed-disabled: #027feb99; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #47a9ff; --states-button-primary-pressed: #007ae5; --states-button-primary-disabled: #027feb7a; --states-button-secondary-hover: #eef1f4; --states-button-secondary-pressed: #dfe5ea; --states-button-secondary-disabled: #e9edf1; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #2077c414; --states-button-secondary-contrast-pressed: #2077c41f; --states-button-secondary-contrast-disabled: #2077c41a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #08070685; --states-text-secondary-pressed: #08070670; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #08070666; --states-text-tertiary-pressed: #0807067a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #47a9ff; --states-text-themed-pressed: #007ae5; --states-text-themed-disabled: #027feb99; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #333234f7; --states-float-surface-glass-pressed: #3c3b3df7; --states-float-surface-glass-disabled: #212022f7; --states-capsule-outside-hover: #0e6f9f66; --states-capsule-outside-pressed: #0e6f9f66; --states-chat-action-outside-hover: #027feb66; --states-chat-action-outside-pressed: #027feb66; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #027feb7a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #027feb7a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #47a9ff; --states-bubbles-system-button-themed-pressed: #007ae5; --states-bubbles-system-button-themed-disabled: #027feb7a; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="dark"]), :not(:root)[data-color-theme="aquamarine"][data-color-scheme="dark"], [data-color-theme="aquamarine"] [data-color-scheme="dark"] { --background-surface: #171c1b; --background-primary: #171c1b; --background-secondary: #252d2b; --background-tertiary: #ffffff17; --background-card: #252d2b; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #027feb29; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060708d6; --icon-primary-inverse: #060708d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #027feb; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060708; --text-primary-inverse: #060708; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #027feb; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #027feb; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #141312; --stroke-card-carver: #201e1d; --stroke-snap-guide: #007aff; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #027feb; --button-secondary: #434d55; --button-primary-contrast: #fff; --button-secondary-contrast: #bfdcf642; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #38312e73; --button-overlay-contrast: #ffffff14; --controls-active: #027feb; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #090a0a00; --fading-background-surface-step-2: #0a0a09; --fading-background-primary-step-1: #12131400; --fading-background-primary-step-2: #121314; --fading-float-primary-step-1: #121314; --fading-float-primary-step-2: #12131400; --float-primary-blur: #171c1bd6; --float-primary-flat: #121314; --float-surface-blur: #171c1bd6; --float-surface-flat: #0a0a09; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #2b353dd6; --float-fab-flat: #2b353d; --float-modal: #1e2124; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e2124; --float-surface-carver: #1d1f20; --float-stroke: #fff0; --float-glass-primary: #1e2124ad; --float-glass-surface: #202122c2; --float-glass-primary-flat: #1e2124f7; --float-glass-surface-flat: #202122f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #121314; --float-overlay-primary-step-2: #121314b8; --float-overlay-primary-step-3: #12131400; --float-overlay-surface-step-1: #090a0a; --float-overlay-surface-step-2: #090a0ab8; --float-overlay-surface-step-3: #090a0a00; --float-scroll-edge-top-step-1: #000; --float-scroll-edge-top-step-2: #000; --float-scroll-edge-bottom-step-1: #000; --float-scroll-edge-bottom-step-2: #000; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #027feb00; --promo-subscribe-ripple-step-2: #027feb1f; --promo-disclaimer-step-1: #027feb47; --promo-disclaimer-step-2: #027feb2b; --promo-disclaimer-step-3: #027feb14; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #1d2e3da3; --bubbles-system-step-2: #1d2e3de0; --bubbles-system-step-3: #1d2e3de0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #2c3843; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #027feb; --chat-background-pattern-color: #0000; --chat-background-pattern-gradient-step-1: #040c144d; --chat-background-pattern-gradient-step-2: #031a194d; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #053047; --chat-background-background-step-2: #1d312d; --chat-ground: #0e0e11; --chat-search-highlight: #027feb; --chat-sticker-blank: #414446; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #17334cb2; --chat-pattern-icon: #7a9fc038; --capsule-background: #2e333873; --capsule-outside: #153647cc; --capsule-secondary: #3d444acc; --capsule-gradient-primary-step-1: #153647b2; --capsule-gradient-primary-step-2: #153647b2; --capsule-gradient-secondary-step-1: #153647; --capsule-gradient-secondary-step-2: #153647; --chips-default: #1d1f20; --chips-active: #027feb; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #027feb; --counter-default: #141312; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #3b5550; --empty-block-halo-bubble-2: #374c5c; --empty-block-halo-bubble-3: #3a575a; --empty-block-halo-bubble-4: #394a5e; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #027feb2b; --file-type-unknown-badge: #027feb; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #454649; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #999391; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #272f36; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #12131400; --skeleton-cell-step-2: #12131466; --skeleton-cell-step-3: #121314cc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #12131400; --skeleton-grid-step-2: #12131466; --skeleton-grid-step-3: #171a1ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #007aff; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #027feb; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #027feb; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e2124; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #70a9da; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #32383d; --states-background-card-pressed: #2c3034; --states-background-card-selected: #2c3237; --states-background-card-selected-hover: #2c3237; --states-background-card-selected-pressed: #2c3237; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #47a9ff; --states-icon-themed-pressed: #007ae5; --states-icon-themed-disabled: #027feb99; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #080706a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #47a9ff; --states-button-primary-pressed: #007ae5; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #4d5862; --states-button-secondary-pressed: #3c454c; --states-button-secondary-disabled: #4b555e; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #c0d5e852; --states-button-secondary-contrast-pressed: #c0d5e838; --states-button-secondary-contrast-disabled: #c0d5e842; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #2e3338a3; --states-button-overlay-pressed: #2e3338b8; --states-button-overlay-disabled: #0d0d0d33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #47a9ff; --states-text-themed-pressed: #007ae5; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #423934; --states-sferum-card-pressed: #302722; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #333234f7; --states-float-surface-glass-pressed: #3c3b3df7; --states-float-surface-glass-disabled: #212022f7; --states-capsule-outside-hover: #15364766; --states-capsule-outside-pressed: #15364766; --states-chat-action-outside-hover: #027feb66; --states-chat-action-outside-pressed: #027feb66; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #32383d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #47a9ff; --states-bubbles-system-button-themed-pressed: #007ae5; --states-bubbles-system-button-themed-disabled: #027feb7a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
:root:where([data-color-theme="tadam"][data-color-scheme="light"]), :not(:root)[data-color-theme="tadam"][data-color-scheme="light"], [data-color-theme="tadam"] [data-color-scheme="light"] { --background-surface: #edeef2; --background-primary: #fff; --background-secondary: #f5f7fa; --background-tertiary: #0909090d; --background-card: #fff; --background-overlay: #0c0d0e52; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #016fe729; --icon-primary: #060708d6; --icon-secondary: #060708a3; --icon-tertiary: #0607087a; --icon-mute: #06070847; --icon-primary-static: #060708d6; --icon-primary-inverse: #fff; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #016fe7; --icon-positive: #1abe43; --icon-negative: #ff303c; --icon-attention: #fc0; --text-primary: #060708; --text-secondary: #060708ad; --text-tertiary: #06070885; --text-mute: #06070866; --text-primary-static: #060708; --text-primary-inverse: #fff; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #016fe7; --text-positive: #1abe43; --text-negative: #ff303c; --text-attention: #fc0; --stroke-themed: #016fe7; --stroke-secondary: #0c0d0e85; --stroke-tertiary: #9da4ac4d; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #1abe43; --stroke-negative: #ff303c; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #0c0d0e00; --stroke-glass: #ffffff4d; --stroke-primary-carver: #fff; --stroke-card-carver: #fff; --stroke-snap-guide: #016fe7; --divider-primary: #0c0d0e29; --divider-secondary: #0c0d0e0f; --divider-contrast: #ffffff14; --divider-primary-ghost: #0c0d0e29; --button-primary: #016fe7; --button-secondary: #e9ebf1; --button-primary-contrast: #fff; --button-secondary-contrast: #20366e1a; --button-negative: #ff303c; --button-negative-fade: #ff303c29; --button-positive: #1abe43; --button-positive-fade: #1abe431a; --button-bot: #00b60c99; --button-ghost: #0000; --button-overlay: #0c0d0e52; --button-overlay-contrast: #ffffff14; --controls-active: #016fe7; --controls-inactive: #09090914; --controls-key: #fff; --fading-background-surface-step-1: #edeef200; --fading-background-surface-step-2: #edeef2; --fading-background-primary-step-1: #fff0; --fading-background-primary-step-2: #fff; --fading-float-primary-step-1: #fff; --fading-float-primary-step-2: #fff0; --float-primary-blur: #ffffffd6; --float-primary-flat: #fff; --float-surface-blur: #edeef2d6; --float-surface-flat: #edeef2; --float-popup-blur: #151a1fa3; --float-popup-flat: #696c70; --float-fab-blur: #ecedeed6; --float-fab-flat: #ecedee; --float-modal: #fff; --float-scroll-bar: #0c0d0e3d; --float-primary-carver: #fff; --float-surface-carver: #fff; --float-stroke: #0c0d0e29; --float-glass-primary: #fafafad6; --float-glass-surface: #fafafac2; --float-glass-primary-flat: #fafafaf5; --float-glass-surface-flat: #fafafaf5; --float-glass-stroke-bar-step-1: #fff; --float-glass-stroke-bar-step-2: #fff3; --float-glass-stroke-button-step-1: #fff; --float-glass-stroke-button-step-2: #fff3; --float-overlay-primary-step-1: #fff; --float-overlay-primary-step-2: #ffffffb8; --float-overlay-primary-step-3: #fff0; --float-overlay-surface-step-1: #edeef2; --float-overlay-surface-step-2: #edeef2b8; --float-overlay-surface-step-3: #edeef200; --float-scroll-edge-top-step-1: #89c5f1; --float-scroll-edge-top-step-2: #80bcff; --float-scroll-edge-bottom-step-1: #99d5d7; --float-scroll-edge-bottom-step-2: #90cce5; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #2596a7; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #3b7cca; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #565cf2; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #be5087; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #da7f41; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #6812ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #016fe700; --promo-subscribe-ripple-step-2: #016fe71f; --promo-disclaimer-step-1: #016fe747; --promo-disclaimer-step-2: #016fe72b; --promo-disclaimer-step-3: #016fe714; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #6813ff; --promo-text-step-2: #3d88fb; --bubbles-system-step-1: #ffffffa3; --bubbles-system-step-2: #ffffffe0; --bubbles-system-step-3: #ffffffe0; --bubbles-system-stroke-step-1: #0000000d; --bubbles-system-stroke-step-2: #0000001a; --bubbles-system-stroke-fade-step-1: #0000000d; --bubbles-system-stroke-fade-step-2: #0000001a; --bubbles-system-qr-background: #016fe7; --bubbles-system-qr-step-1: #016fe7; --bubbles-system-qr-step-2: #016fe700; --bubbles-system-qr-step-3: #b210db; --bubbles-system-qr-step-4: #b210db00; --bubbles-system-media-empty-icon: #ffffffe0; --bubbles-system-media-empty-background: #8ec4fe; --bubbles-system-icon-themed-contrast: #016fe7; --bubbles-system-button-themed: #016fe7; --chat-background-pattern-color: #016fe74d; --chat-background-pattern-gradient-step-1: #016fe733; --chat-background-pattern-gradient-step-2: #016fe733; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #a0ceff; --chat-background-background-step-2: #bfe9ff; --chat-ground: #a0ceff; --chat-search-highlight: #016fe7; --chat-sticker-blank: #edeef2; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #016fe7a3; --chat-pattern-icon: #20509d2e; --capsule-background: #0c0d0e52; --capsule-outside: #016fe785; --capsule-secondary: #eff0f1b8; --capsule-gradient-primary-step-1: #016fe785; --capsule-gradient-primary-step-2: #016fe785; --capsule-gradient-secondary-step-1: #ffffffe0; --capsule-gradient-secondary-step-2: #ffffffe0; --chips-default: #f6f6f6; --chips-active: #016fe7; --chips-select-on: #141414; --chips-select-off: #09090914; --chips-primary: #0c0d0e; --counter-attention: #ff303c; --counter-mute: #0607081f; --counter-themed: #016fe7; --counter-default: #17181c; --counter-mirage: #17181c; --counter-contrast: #fff; --counter-menu: #898c8c; --empty-block-halo-bubble-1: #a177c7; --empty-block-halo-bubble-2: #7c7fff; --empty-block-halo-bubble-3: #8fbcff; --empty-block-halo-bubble-4: #af82ff; --empty-block-icon-wrapper-shape-step-1: #ffffff80; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff8f; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffffa3; --file-type-presentation-bkg: #db3c4c3d; --file-type-presentation-badge: #db3c4c; --file-type-presentation-icon: #db3c4c; --file-type-presentation-element: #db3c4c29; --file-type-data-bkg: #10793f3d; --file-type-data-badge: #10793f; --file-type-data-icon: #10793f; --file-type-data-element: #10793f29; --file-type-text-bkg: #1b5ebe3d; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #1b5ebe; --file-type-text-element: #1b5ebe29; --file-type-image-bkg: #fa55003d; --file-type-image-badge: #fa5500; --file-type-image-icon: #fa5500; --file-type-image-element: #fa550029; --file-type-video-bkg: #7440dc3d; --file-type-video-badge: #7440dc; --file-type-video-icon: #7440dc; --file-type-video-element: #7440dc29; --file-type-archive-bkg: #9c27b03d; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #9c27b0; --file-type-archive-element: #9c27b029; --file-type-program-bkg: #5e71a13d; --file-type-program-badge: #5e71a1; --file-type-program-icon: #5e71a1; --file-type-program-element: #5e71a129; --file-type-music-bkg: #038cdb3d; --file-type-music-badge: #038cdb; --file-type-music-icon: #038cdb; --file-type-music-element: #038cdb29; --file-type-unknown-bkg: #0f8ec23d; --file-type-unknown-badge: #0f8ec2; --file-type-unknown-icon: #0f8ec2; --file-type-unknown-element: #0f8ec229; --halo-call-pending-bubble-1: #b186ff; --halo-call-pending-bubble-2: #9b9bff; --halo-call-pending-bubble-3: #d5a5ff; --halo-call-pending-bubble-4: #9cc4fd; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #80b4ff; --halo-call-online-bubble-1: #95e3e3; --halo-call-online-bubble-2: #94cbe5; --halo-call-online-bubble-3: #94e594; --halo-call-online-bubble-4: #90d1a5; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #8fee9f; --halo-call-offline-bubble-1: #ccc; --halo-call-offline-bubble-2: #ccc; --halo-call-offline-bubble-3: #ccc; --halo-call-offline-bubble-4: #ccc; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #ccc; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #ff9f0e; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #ff6f00; --halo-call-warning-bubble-big: #fc03; --input-background: #09090914; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #d5d7db; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #f2f3f7; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #c058cccc; --sferum-venus-stroke-step-2: #bd39cccc; --sferum-mercury-step-1: #bbc2ffb2; --sferum-mercury-step-2: #a8b1ffb2; --sferum-mercury-stroke-step-1: #5665e5cc; --sferum-mercury-stroke-step-2: #3042e5cc; --sferum-earth-step-1: #c0e3fbb2; --sferum-earth-step-2: #aedaffb2; --sferum-earth-stroke-step-1: #599ecccc; --sferum-earth-stroke-step-2: #3991cccc; --skeleton-cell-step-1: #fff0; --skeleton-cell-step-2: #ffffff40; --skeleton-cell-step-3: #fffc; --skeleton-cell-static-background: #edeef2; --skeleton-grid-step-1: #fff0; --skeleton-grid-step-2: #ffffff40; --skeleton-grid-step-3: #fffc; --skeleton-grid-static-background: #f2f2f5; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff40; --skeleton-bubble-primary-step-3: #ffffff80; --skeleton-bubble-primary-static-background: #ffffff4d; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff40; --skeleton-bubble-secondary-step-3: #ffffff80; --skeleton-bubble-secondary-static-background: #f0f1f2; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #fff9; --skeleton-sticker-primary-base-static-background: #ffffff80; --skeleton-sticker-primary-tongue-step-1: #ffffff80; --skeleton-sticker-primary-tongue-step-2: #fff; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #fff9; --skeleton-sticker-secondary-base-static-background: #f0f1f2; --skeleton-sticker-secondary-tongue-step-1: #cacbcc80; --skeleton-sticker-secondary-tongue-step-2: #cacbcc00; --swipe-actions-unread: #016fe7; --swipe-actions-pin: #1abe43; --swipe-actions-mute: #ff9315; --swipe-actions-delete: #ff303c; --swipe-actions-archive: #8a8b8b; --tabbar-inactive: #969699; --tabbar-active: #016fe7; --verification-primary: #0c0d0ea3; --verification-secondary: #0c0d0e8f; --verification-tertiary: #0c0d0e66; --verification-themed: #016fe7; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #ffffffe0; --writebar-input-flat: #fff; --writebar-emoji-area: #f6f6f6; --writebar-input-text: #0c0d0e; --writebar-input-stroke: #0c0d0e0f; --writebar-divider: #0c0d0e0f; --shadow-android-top-bar-default-color: #0000000f; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #0000000f; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 8px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #0000; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: 0px; --shadow-android-tab-bar-default-blur: 0px; --shadow-android-tab-bar-scroll-color: #0000000f; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -8px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #0000000f; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: -8px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #20366e24; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #20366e14; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000001a; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: -1px; --shadow-tabbar-blur: 24px; --shadow-elevation-1-primary: #0000000f; --shadow-elevation-1-secondary: #00000008; --shadow-elevation-2-primary: #0000000f; --shadow-elevation-2-secondary: #0000000a; --shadow-elevation-3-primary: #00000014; --shadow-elevation-3-secondary: #00000014; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000001f; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #00000029; --shadow-elevation-4-secondary: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #6d92ca; --shadow-focused-negative: #ffb8b8; --shadow-big-card-color: #4378ba1f; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #0003; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 12px; --shadow-modal-blur: 88px; --shadow-modal-spread: 0px; --states-background-highlighted: #0a074540; --states-background-card-hover: #f6f6f6; --states-background-card-pressed: #fafafa; --states-background-card-selected: #016fe714; --states-background-card-selected-hover: #016fe714; --states-background-card-selected-pressed: #016fe714; --states-background-card-disabled: #fff6; --states-icon-primary-hover: #505151; --states-icon-primary-pressed: #060708; --states-icon-primary-disabled: #6f7276a3; --states-icon-secondary-hover: #06070885; --states-icon-secondary-pressed: #06070870; --states-icon-secondary-disabled: #85898ea3; --states-icon-tertiary-hover: #0c0d0ea3; --states-icon-tertiary-pressed: #000; --states-icon-tertiary-disabled: #85898ea3; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #fff; --states-icon-primary-inverse-static-disabled: #ffffffb8; --states-icon-themed-hover: #0276f5; --states-icon-themed-pressed: #0468d4; --states-icon-themed-disabled: #016fe799; --states-icon-negative-hover: #ff6a73; --states-icon-negative-pressed: #ed3b45; --states-icon-negative-disabled: #e54d56a3; --states-icon-primary-static-disabled: #6f7276a3; --states-icon-primary-inverse-disabled: #ffffff3d; --states-icon-positive-disabled: #48b5638f; --states-button-primary-hover: #0276f5; --states-button-primary-pressed: #0468d4; --states-button-primary-disabled: #016fe77a; --states-button-secondary-hover: #eeeff4; --states-button-secondary-pressed: #dfe3ea; --states-button-secondary-disabled: #e9ebf1; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #fff6; --states-button-secondary-contrast-hover: #20366e14; --states-button-secondary-contrast-pressed: #20366e1f; --states-button-secondary-contrast-disabled: #20366e1a; --states-button-positive-hover: #19a63c; --states-button-positive-pressed: #10ca3f; --states-button-positive-disabled: #48b5638f; --states-button-negative-hover: #ff4b55; --states-button-negative-pressed: #f03741; --states-button-negative-disabled: #f760697a; --states-button-ghost-hover: #0d0d0d0a; --states-button-ghost-pressed: #0d0d0d14; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #00b60c66; --states-button-bot-disabled: #00b60c99; --states-button-overlay-hover: #0c0d0e7a; --states-button-overlay-pressed: #0c0d0e8f; --states-button-overlay-disabled: #0c0d0e33; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #505151; --states-text-primary-pressed: #000; --states-text-primary-disabled: #6f7276a3; --states-text-secondary-hover: #06070885; --states-text-secondary-pressed: #06070870; --states-text-secondary-disabled: #6f7276a3; --states-text-tertiary-hover: #06070866; --states-text-tertiary-pressed: #0607087a; --states-text-tertiary-disabled: #6f7276a3; --states-text-primary-static-disabled: #6f7276a3; --states-text-primary-inverse-disabled: #ffffffa3; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #fff; --states-text-primary-inverse-static-disabled: #ffffffb8; --states-text-themed-hover: #0276f5; --states-text-themed-pressed: #016fe7; --states-text-themed-disabled: #016fe799; --states-text-negative-hover: #ff6a73; --states-text-negative-pressed: #ed3b45; --states-text-negative-disabled: #e54d56a3; --states-sferum-card-hover: #e6e7eb; --states-sferum-card-pressed: #d9dadf; --states-float-scroll-bar-hover: #0d0d0d52; --states-float-scroll-bar-pressed: #0d0d0d5c; --states-float-surface-glass-hover: #333234f7; --states-float-surface-glass-pressed: #3c3b3df7; --states-float-surface-glass-disabled: #212022f7; --states-capsule-outside-hover: #016fe766; --states-capsule-outside-pressed: #016fe766; --states-chat-action-outside-hover: #016fe766; --states-chat-action-outside-pressed: #016fe766; --states-chips-select-on-hover: #373737; --states-chips-select-on-pressed: #0d0d0d0a; --states-chips-select-off-hover: #0909090a; --states-chips-select-off-pressed: #141414; --states-controls-active-disabled: #016fe77a; --states-controls-inactive-disabled: #0909090a; --states-counter-themed-disabled: #016fe77a; --states-counter-attentrion-disabled: #f760697a; --states-counter-contrast-disabled: #fff6; --states-counter-default-disabled: #87898f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #0c0d0e38; --states-divider-primary-pressed: #0c0d0e5c; --states-divider-primary-disabled: #0c0d0e0d; --states-stroke-negative-fade-hover: #e54d5666; --states-stroke-negative-fade-pressed: #e54d56cc; --states-stroke-negative-fade-disabled: #e54d561a; --states-bubbles-system-button-themed-hover: #0276f5; --states-bubbles-system-button-themed-pressed: #0468d4; --states-bubbles-system-button-themed-disabled: #016fe799; --technical-lottie-icon-tertiary: #898a8c; --technical-black: #000; }
:root:where([data-color-theme="tadam"][data-color-scheme="dark"]), :not(:root)[data-color-theme="tadam"][data-color-scheme="dark"], [data-color-theme="tadam"] [data-color-scheme="dark"] { --background-surface: #0f0f12; --background-primary: #17181c; --background-secondary: #25262d; --background-tertiary: #ffffff17; --background-card: #25262d; --background-overlay: #0d0d0da3; --background-overlay-secondary: #0009; --background-overlay-hard: #0c0d0ecc; --background-overlay-media-preview: #000000d9; --background-themed-fade: #016fe729; --icon-primary: #fff; --icon-secondary: #ffffffad; --icon-tertiary: #ffffff85; --icon-mute: #ffffff5c; --icon-primary-static: #060708d6; --icon-primary-inverse: #060708d6; --icon-primary-inverse-static: #fff; --icon-secondary-inverse-static: #ffffffad; --icon-mute-inverse-static: #ffffff52; --icon-themed: #016fe7; --icon-positive: #2bc644; --icon-negative: #ce4257; --icon-attention: #ffd60a; --text-primary: #fff; --text-secondary: #fffc; --text-tertiary: #ffffffa3; --text-mute: #fff6; --text-primary-static: #060708; --text-primary-inverse: #060708; --text-primary-inverse-static: #fff; --text-secondary-inverse-static: #fffc; --text-mute-inverse-static: #fff6; --text-themed: #016fe7; --text-positive: #2bc644; --text-negative: #ce4257; --text-attention: #ffd60a; --stroke-themed: #016fe7; --stroke-secondary: #ffffff70; --stroke-tertiary: #ffffff29; --stroke-primary-inverse-static: #fff; --stroke-secondary-inverse-static: #ffffff4d; --stroke-positive: #2bc644; --stroke-negative: #ff444f; --stroke-negative-fade: #ff303ca3; --stroke-transparent: #fff0; --stroke-glass: #383e4570; --stroke-primary-carver: #17181c; --stroke-card-carver: #25262d; --stroke-snap-guide: #016fe7; --divider-primary: #ffffff1f; --divider-secondary: #ffffff0f; --divider-contrast: #0c0d0e1a; --divider-primary-ghost: #fff0; --button-primary: #016fe7; --button-secondary: #434455; --button-primary-contrast: #fff; --button-secondary-contrast: #bfc2f642; --button-negative: #ce4257; --button-negative-fade: #ce425729; --button-positive: #2bc644; --button-positive-fade: #2bc6441a; --button-bot: #5a946799; --button-ghost: #0000; --button-overlay: #2e333873; --button-overlay-contrast: #ffffff14; --controls-active: #016fe7; --controls-inactive: #ffffff17; --controls-key: #ffffff45; --fading-background-surface-step-1: #0f0f1200; --fading-background-surface-step-2: #0f0f12; --fading-background-primary-step-1: #17181c00; --fading-background-primary-step-2: #17181c; --fading-float-primary-step-1: #17181c; --fading-float-primary-step-2: #17181c00; --float-primary-blur: #17181cd6; --float-primary-flat: #20222b; --float-surface-blur: #0f0f12d6; --float-surface-flat: #0f0f12; --float-popup-blur: #7a7c82a3; --float-popup-flat: #535458; --float-fab-blur: #3d434ad6; --float-fab-flat: #3d434a; --float-modal: #1e1f24; --float-scroll-bar: #ffffff1f; --float-primary-carver: #1e1f24; --float-surface-carver: #25262d; --float-stroke: #fff0; --float-glass-primary: #25262dad; --float-glass-surface: #202022c2; --float-glass-primary-flat: #25262df7; --float-glass-surface-flat: #202022f7; --float-glass-stroke-bar-step-1: #fff3; --float-glass-stroke-bar-step-2: #fff0; --float-glass-stroke-button-step-1: #ffffff1f; --float-glass-stroke-button-step-2: #fff0; --float-overlay-primary-step-1: #17181c; --float-overlay-primary-step-2: #17181cb8; --float-overlay-primary-step-3: #17181c00; --float-overlay-surface-step-1: #0f0f12; --float-overlay-surface-step-2: #0f0f12b8; --float-overlay-surface-step-3: #0f0f1200; --float-scroll-edge-top-step-1: #141414; --float-scroll-edge-top-step-2: #141414; --float-scroll-edge-bottom-step-1: #141414; --float-scroll-edge-bottom-step-2: #141414; --avatar-chat-coral-step-1: #ff48b6; --avatar-chat-coral-step-2: #ff8a35; --avatar-chat-orange-step-1: #ffc93d; --avatar-chat-orange-step-2: #ff832a; --avatar-chat-green-step-1: #14e1d5; --avatar-chat-green-step-2: #03c722; --avatar-chat-sky-step-1: #08d7f3; --avatar-chat-sky-step-2: #5398ff; --avatar-chat-violet-step-1: #bf97ff; --avatar-chat-violet-step-2: #526eff; --avatar-call-purple-step-1: #da9ef1; --avatar-call-purple-step-2: #a666bd; --avatar-call-grey-step-1: #abb7cc; --avatar-call-grey-step-2: #6c8fb8; --avatar-call-aqua-step-1: #6dc3ce; --avatar-call-aqua-step-2: #288fbe; --avatar-call-sky-step-1: #08d7f3; --avatar-call-sky-step-2: #5398ff; --avatar-call-violet-step-1: #bf97ff; --avatar-call-violet-step-2: #526eff; --avatar-malachite-step-1: #1bd6e3; --avatar-malachite-step-2: #27a5c8; --avatar-malachite-text: #5ec7ce; --avatar-dark-sky-step-1: #79bcff; --avatar-dark-sky-step-2: #4289ed; --avatar-dark-sky-text: #78b1f5; --avatar-lilac-step-1: #9b90fe; --avatar-lilac-step-2: #6746ec; --avatar-lilac-text: #a79dff; --avatar-orchid-step-1: #fa82ba; --avatar-orchid-step-2: #e74aa6; --avatar-orchid-text: #f78fb7; --avatar-tangerine-step-1: #ffb381; --avatar-tangerine-step-2: #e5782d; --avatar-tangerine-text: #f2ab7d; --promo-banner-dk-background-vibrant-step-1: #0099f0; --promo-banner-dk-background-vibrant-step-2: #0834d3; --promo-banner-dk-background-fantasy-step-1: #8e85ff; --promo-banner-dk-background-fantasy-step-2: #4e04ec; --promo-banner-dk-background-pale-blue-step-1: #00b5f2; --promo-banner-dk-background-pale-blue-step-2: #006aa7; --promo-banner-dk-background-icon-container-step-1: #fff3; --promo-banner-dk-background-icon-container-step-2: #fff0; --promo-banner-dk-stroke-icon-container-step-1: #ffffff8f; --promo-banner-dk-stroke-icon-container-step-2: #ffffff0a; --promo-banner-dk-stroke-icon-container-step-3: #fff0; --promo-icon: #a473ff; --promo-live: #d72166; --promo-subscribe-ripple-step-1: #016fe700; --promo-subscribe-ripple-step-2: #016fe71f; --promo-disclaimer-step-1: #016fe747; --promo-disclaimer-step-2: #016fe72b; --promo-disclaimer-step-3: #016fe714; --promo-button-step-1: #04b0fd; --promo-button-step-2: #0026ff; --promo-button-step-3: #a500c6; --promo-button-step-4: #609ceb; --promo-button-shadow-1-color: #ffffff30; --promo-button-shadow-1-offset-x: 0px; --promo-button-shadow-1-offset-y: 1px; --promo-button-shadow-1-blur: 0px; --promo-button-shadow-2-color: #ffffff96; --promo-button-shadow-2-offset-x: 0px; --promo-button-shadow-2-offset-y: 0px; --promo-button-shadow-2-blur: 24px; --promo-text-step-1: #a473ff; --promo-text-step-2: #4b91fb; --bubbles-system-step-1: #2a305da3; --bubbles-system-step-2: #2a305de0; --bubbles-system-step-3: #2a305de0; --bubbles-system-stroke-step-1: #fff3; --bubbles-system-stroke-step-2: #ffffff1a; --bubbles-system-stroke-fade-step-1: #fff3; --bubbles-system-stroke-fade-step-2: #ffffff1a; --bubbles-system-qr-background: #fff; --bubbles-system-qr-step-1: #fff0; --bubbles-system-qr-step-2: #fff0; --bubbles-system-qr-step-3: #fff0; --bubbles-system-qr-step-4: #fff0; --bubbles-system-media-empty-icon: #ffffff47; --bubbles-system-media-empty-background: #454757; --bubbles-system-icon-themed-contrast: #fff; --bubbles-system-button-themed: #016fe7; --chat-background-pattern-color: #016fe74d; --chat-background-pattern-gradient-step-1: #016fe733; --chat-background-pattern-gradient-step-2: #016fe733; --chat-background-pattern-step-1: #0000; --chat-background-pattern-step-2: #0000; --chat-background-pattern-step-3: #0000; --chat-background-pattern-step-4: #0000; --chat-background-pattern-step-5: #0000; --chat-background-pattern-step-6: #0000; --chat-background-additional-step-1: #0000; --chat-background-additional-step-2: #0000; --chat-background-additional-step-3: #0000; --chat-background-additional-step-4: #0000; --chat-background-additional-step-5: #0000; --chat-background-additional-step-6: #0000; --chat-background-background-step-1: #18151d; --chat-background-background-step-2: #18151d; --chat-ground: #141414; --chat-search-highlight: #016fe7; --chat-sticker-blank: #414346; --chat-timeline-active: #ffffffb8; --chat-timeline-passive: #ffffff52; --chat-action-outside: #016fe7b2; --chat-pattern-icon: #7a95c038; --capsule-background: #2e333873; --capsule-outside: #2a305db2; --capsule-secondary: #3d434acc; --capsule-gradient-primary-step-1: #2a305d66; --capsule-gradient-primary-step-2: #2a305d66; --capsule-gradient-secondary-step-1: #2a305d; --capsule-gradient-secondary-step-2: #2a305d; --chips-default: #25262d; --chips-active: #016fe7; --chips-select-on: #fff; --chips-select-off: #ffffff14; --chips-primary: #e7e7e7; --counter-attention: #ce4257; --counter-mute: #ffffff47; --counter-themed: #016fe7; --counter-default: #17181c; --counter-mirage: #fff; --counter-contrast: #fff; --counter-menu: #797c7c; --empty-block-halo-bubble-1: #7336a7; --empty-block-halo-bubble-2: #2a29a6; --empty-block-halo-bubble-3: #2b5a9f; --empty-block-halo-bubble-4: #4612a2; --empty-block-icon-wrapper-shape-step-1: #fff3; --empty-block-icon-wrapper-shape-step-2: #fff0; --empty-block-icon-wrapper-stroke-step-1: #ffffff4d; --empty-block-icon-wrapper-stroke-step-2: #ffffff0a; --empty-block-icon-wrapper-stroke-step-3: #fff0; --file-type-text: #ffffffe0; --file-type-background: #ffffff73; --file-type-presentation-bkg: #00244c2b; --file-type-presentation-badge: #b8394c; --file-type-presentation-icon: #fff; --file-type-presentation-element: #cfcfcf4d; --file-type-data-bkg: #00244c2b; --file-type-data-badge: #10793f; --file-type-data-icon: #fff; --file-type-data-element: #cfcfcf4d; --file-type-text-bkg: #00244c2b; --file-type-text-badge: #1b5ebe; --file-type-text-icon: #fff; --file-type-text-element: #cfcfcf4d; --file-type-image-bkg: #00244c2b; --file-type-image-badge: #db4b00; --file-type-image-icon: #fff; --file-type-image-element: #cfcfcf4d; --file-type-video-bkg: #00244c2b; --file-type-video-badge: #5d33dc; --file-type-video-icon: #fff; --file-type-video-element: #cfcfcf4d; --file-type-archive-bkg: #00244c2b; --file-type-archive-badge: #9c27b0; --file-type-archive-icon: #fff; --file-type-archive-element: #cfcfcf4d; --file-type-program-bkg: #00244c2b; --file-type-program-badge: #3535c1; --file-type-program-icon: #fff; --file-type-program-element: #cfcfcf4d; --file-type-music-bkg: #00244c2b; --file-type-music-badge: #1894db; --file-type-music-icon: #fff; --file-type-music-element: #cfcfcf4d; --file-type-unknown-bkg: #00244c2b; --file-type-unknown-badge: #0f8ec2; --file-type-unknown-icon: #fff; --file-type-unknown-element: #cfcfcf4d; --halo-call-pending-bubble-1: #3d138d; --halo-call-pending-bubble-2: #27288d; --halo-call-pending-bubble-3: #61328d; --halo-call-pending-bubble-4: #28518b; --halo-call-pending-bubble-small-1: #99f; --halo-call-pending-bubble-small-2: #a100f1; --halo-call-pending-bubble-big: #103160; --halo-call-online-bubble-1: #216f71; --halo-call-online-bubble-2: #205774; --halo-call-online-bubble-3: #207223; --halo-call-online-bubble-4: #1c5e34; --halo-call-online-bubble-small-1: #0fe832; --halo-call-online-bubble-small-2: #5af3c2; --halo-call-online-bubble-big: #1d4c28; --halo-call-offline-bubble-1: #454649; --halo-call-offline-bubble-2: #454649; --halo-call-offline-bubble-3: #454649; --halo-call-offline-bubble-4: #454649; --halo-call-offline-bubble-small-1: #000; --halo-call-offline-bubble-small-2: #000; --halo-call-offline-bubble-big: #5d5d60; --halo-call-warning-bubble-1: #f1b941; --halo-call-warning-bubble-2: #f1b941; --halo-call-warning-bubble-3: #ff9a4c; --halo-call-warning-bubble-4: #e98708; --halo-call-warning-bubble-small-1: #f1ab4a; --halo-call-warning-bubble-small-2: #fff; --halo-call-warning-bubble-big: #fff; --input-background: #ffffff17; --seekbar-track: #797c7c; --seekbar-buffer: #b4b6b9; --seekbar-progress: #fff; --seekbar-handle: #fff; --stories-circle-step-1: #00bee4; --stories-circle-step-2: #1971ff; --stories-circle-step-3: #8563ec; --stories-circle-step-4: #c640eb; --stories-circle-read: #919499; --stories-button-step-1: #2daeff; --stories-button-step-2: #a93fff; --stories-favorite-step-1: #00e732; --stories-favorite-step-2: #12df41; --stories-favorite-step-3: #1abe43; --sferum-card: #272a36; --sferum-venus-step-1: #f4bffbb2; --sferum-venus-step-2: #f0aef7b2; --sferum-venus-stroke-step-1: #fadffdcc; --sferum-venus-stroke-step-2: #f7d6fbcc; --sferum-mercury-step-1: #a9b2ffb2; --sferum-mercury-step-2: #929dffb2; --sferum-mercury-stroke-step-1: #cbd0ffcc; --sferum-mercury-stroke-step-2: #bdc4ffcc; --sferum-earth-step-1: #afdcfab2; --sferum-earth-step-2: #99d1f6b2; --sferum-earth-stroke-step-1: #d6edfccc; --sferum-earth-stroke-step-2: #dbedf9cc; --skeleton-cell-step-1: #17181c00; --skeleton-cell-step-2: #17181c66; --skeleton-cell-step-3: #17181ccc; --skeleton-cell-static-background: #ffffff1f; --skeleton-grid-step-1: #17181c00; --skeleton-grid-step-2: #17181c66; --skeleton-grid-step-3: #17181ccc; --skeleton-grid-static-background: #ffffff1f; --skeleton-bubble-primary-step-1: #fff0; --skeleton-bubble-primary-step-2: #ffffff10; --skeleton-bubble-primary-step-3: #ffffff20; --skeleton-bubble-primary-static-background: #ffffff1a; --skeleton-bubble-secondary-step-1: #fff0; --skeleton-bubble-secondary-step-2: #ffffff10; --skeleton-bubble-secondary-step-3: #ffffff20; --skeleton-bubble-secondary-static-background: #ffffff1a; --skeleton-sticker-primary-base-step-1: #fff0; --skeleton-sticker-primary-base-step-2: #ffffff29; --skeleton-sticker-primary-base-static-background: #ffffff29; --skeleton-sticker-primary-tongue-step-1: #fff3; --skeleton-sticker-primary-tongue-step-2: #ffffff80; --skeleton-sticker-secondary-base-step-1: #fff0; --skeleton-sticker-secondary-base-step-2: #ffffff29; --skeleton-sticker-secondary-base-static-background: #ffffff29; --skeleton-sticker-secondary-tongue-step-1: #fff3; --skeleton-sticker-secondary-tongue-step-2: #ffffff80; --swipe-actions-unread: #016fe7; --swipe-actions-pin: #2bc644; --swipe-actions-mute: #ff9f0a; --swipe-actions-delete: #ce4257; --swipe-actions-archive: #58595c; --tabbar-inactive: #7d7d7f; --tabbar-active: #016fe7; --verification-primary: #e7e7e7cc; --verification-secondary: #ffffffa3; --verification-tertiary: #fff6; --verification-themed: #016fe7; --verification-primary-inverse-static: #fffc; --writebar-input-blur: #0000003d; --writebar-input-flat: #1e1f24; --writebar-emoji-area: #181818; --writebar-input-text: #e7e7e7; --writebar-input-stroke: #e7e7e700; --writebar-divider: #e7e7e70f; --shadow-android-top-bar-default-color: #00000029; --shadow-android-top-bar-default-offset-x: 0px; --shadow-android-top-bar-default-offset-y: 16px; --shadow-android-top-bar-default-blur: 48px; --shadow-android-top-bar-scroll-color: #00000029; --shadow-android-top-bar-scroll-offset-x: 0px; --shadow-android-top-bar-scroll-offset-y: 16px; --shadow-android-top-bar-scroll-blur: 48px; --shadow-android-tab-bar-default-color: #00000029; --shadow-android-tab-bar-default-offset-x: 0px; --shadow-android-tab-bar-default-offset-y: -16px; --shadow-android-tab-bar-default-blur: 48px; --shadow-android-tab-bar-scroll-color: #00000029; --shadow-android-tab-bar-scroll-offset-x: 0px; --shadow-android-tab-bar-scroll-offset-y: -16px; --shadow-android-tab-bar-scroll-blur: 48px; --shadow-android-write-bar-color: #00000029; --shadow-android-write-bar-offset-x: 0px; --shadow-android-write-bar-offset-y: 16px; --shadow-android-write-bar-blur: 48px; --shadow-glass-bar-color: #00000070; --shadow-glass-bar-offset-x: 0px; --shadow-glass-bar-offset-y: 4px; --shadow-glass-bar-blur: 40px; --shadow-glass-button-color: #00000052; --shadow-glass-button-offset-x: 0px; --shadow-glass-button-offset-y: 4px; --shadow-glass-button-blur: 16px; --shadow-tabbar-color: #0000; --shadow-tabbar-offset-x: 0px; --shadow-tabbar-offset-y: 0px; --shadow-tabbar-blur: 0px; --shadow-elevation-1-primary: #0003; --shadow-elevation-1-secondary: #0000001a; --shadow-elevation-2-primary: #0003; --shadow-elevation-2-secondary: #00000026; --shadow-elevation-3-primary: #0000004d; --shadow-elevation-3-secondary: #0000004d; --shadow-elevation-3-offset-x-primary: 0px; --shadow-elevation-3-offset-y-primary: 4px; --shadow-elevation-3-blur-primary: 16px; --shadow-elevation-3-offset-x-secondary: 0px; --shadow-elevation-3-offset-y-secondary: 0px; --shadow-elevation-3-blur-secondary: 2px; --shadow-elevation-3-single: #0000005c; --shadow-elevation-3-offset-x-single: 0px; --shadow-elevation-3-offset-y-single: 2px; --shadow-elevation-3-blur-single: 12px; --shadow-elevation-4-primary: #0003; --shadow-elevation-4-secondary: #0000001a; --shadow-button-icon-overlay-plain-elevation-1-color: #0000001f; --shadow-button-icon-overlay-plain-elevation-1-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-1-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-1-blur: 2px; --shadow-button-icon-overlay-plain-elevation-2-color: #00000029; --shadow-button-icon-overlay-plain-elevation-2-offset-x: 0px; --shadow-button-icon-overlay-plain-elevation-2-offset-y: 0px; --shadow-button-icon-overlay-plain-elevation-2-blur: 6px; --shadow-focused-default: #709ada; --shadow-focused-negative: #ba4c4c; --shadow-big-card-color: #020b264d; --shadow-big-card-offset-x: 0px; --shadow-big-card-offset-y: 10px; --shadow-big-card-spread: 0px; --shadow-big-card-blur: 60px; --shadow-modal-color: #fff; --shadow-modal-offset-x: 0px; --shadow-modal-offset-y: 0px; --shadow-modal-blur: 0px; --shadow-modal-spread: 0px; --states-background-highlighted: #ffffff40; --states-background-card-hover: #32343d; --states-background-card-pressed: #1f2026; --states-background-card-selected: #2c2d37; --states-background-card-selected-hover: #2c2d37; --states-background-card-selected-pressed: #2c2d37; --states-background-card-disabled: #1e1e1e66; --states-icon-primary-hover: #bbb; --states-icon-primary-pressed: #e7e7e7; --states-icon-primary-disabled: #ffffff3d; --states-icon-secondary-hover: #e7e7e7a3; --states-icon-secondary-pressed: #e7e7e7ad; --states-icon-secondary-disabled: #ffffff3d; --states-icon-tertiary-hover: #e7e7e7a3; --states-icon-tertiary-pressed: #e7e7e7; --states-icon-tertiary-disabled: #ffffff3d; --states-icon-primary-inverse-static-hover: #d7d7d7; --states-icon-primary-inverse-static-pressed: #e7e7e7; --states-icon-primary-inverse-static-disabled: #ffffff3d; --states-icon-themed-hover: #0276f5; --states-icon-themed-pressed: #0468d4; --states-icon-themed-disabled: #016fe799; --states-icon-negative-hover: #bb3949; --states-icon-negative-pressed: #ff6679; --states-icon-negative-disabled: #c75b6285; --states-icon-primary-static-disabled: #ffffff3d; --states-icon-primary-inverse-disabled: #060708a3; --states-icon-positive-disabled: #58b26ea3; --states-button-primary-hover: #0276f5; --states-button-primary-pressed: #0468d4; --states-button-primary-disabled: #ffffff1f; --states-button-secondary-hover: #4d4e62; --states-button-secondary-pressed: #3c3e4c; --states-button-secondary-disabled: #4b4c5e; --states-button-primary-contrast-hover: #f6f6f6; --states-button-primary-contrast-pressed: #ebebeb; --states-button-primary-contrast-disabled: #ffffff1f; --states-button-secondary-contrast-hover: #bfc2f652; --states-button-secondary-contrast-pressed: #bfc2f638; --states-button-secondary-contrast-disabled: #bfc2f642; --states-button-positive-hover: #27ac3c; --states-button-positive-pressed: #3dc453; --states-button-positive-disabled: #ffffff1f; --states-button-negative-hover: #f54e67; --states-button-negative-pressed: #9c3242; --states-button-negative-disabled: #ffffff1f; --states-button-ghost-hover: #e7e7e70a; --states-button-ghost-pressed: #e7e7e714; --states-button-ghost-disabled: #fa00ff00; --states-button-bot-pressed: #5a946766; --states-button-bot-disabled: #5a946799; --states-button-overlay-hover: #2e3338a3; --states-button-overlay-pressed: #2e3338b8; --states-button-overlay-disabled: #0d0d0d52; --states-button-overlay-contrast-hover: #fff3; --states-button-overlay-contrast-pressed: #ffffff47; --states-text-primary-hover: #bbb; --states-text-primary-pressed: #e7e7e7; --states-text-primary-disabled: #ffffff47; --states-text-secondary-hover: #e7e7e7a3; --states-text-secondary-pressed: #e7e7e7ad; --states-text-secondary-disabled: #ffffff47; --states-text-tertiary-hover: #e7e7e766; --states-text-tertiary-pressed: #e7e7e77a; --states-text-tertiary-disabled: #ffffff47; --states-text-primary-static-disabled: #ffffff47; --states-text-primary-inverse-disabled: #ffffff47; --states-text-primary-inverse-static-hover: #e9e9e9; --states-text-primary-inverse-static-pressed: #e7e7e7; --states-text-primary-inverse-static-disabled: #ffffff47; --states-text-themed-hover: #0276f5; --states-text-themed-pressed: #016fe7; --states-text-themed-disabled: #ffffff47; --states-text-negative-hover: #bb3949; --states-text-negative-pressed: #ff6679; --states-text-negative-disabled: #ffffff47; --states-sferum-card-hover: #343742; --states-sferum-card-pressed: #222530; --states-float-scroll-bar-hover: #ffffff29; --states-float-scroll-bar-pressed: #ffffff3d; --states-float-surface-glass-hover: #333234f7; --states-float-surface-glass-pressed: #3c3b3df7; --states-float-surface-glass-disabled: #212022f7; --states-capsule-outside-hover: #2a305d66; --states-capsule-outside-pressed: #2a305d66; --states-chat-action-outside-hover: #2c336866; --states-chat-action-outside-pressed: #2c336866; --states-chips-select-on-hover: #e4e4e4; --states-chips-select-on-pressed: #e7e7e70a; --states-chips-select-off-hover: #32343d; --states-chips-select-off-pressed: #c3c3c3; --states-controls-active-disabled: #ffffff1f; --states-controls-inactive-disabled: #ffffff1f; --states-counter-themed-disabled: #ffffff1f; --states-counter-attentrion-disabled: #ffffff1f; --states-counter-contrast-disabled: #ffffff1f; --states-counter-default-disabled: #ffffff1f; --states-promo-button-hover-step-1: #a13fd9; --states-promo-button-hover-step-2: #986afb; --states-promo-button-hover-step-3: #298fff; --states-promo-button-hover-step-4: #84b3f0; --states-promo-button-pressed-step-1: #1ebdfc; --states-promo-button-pressed-step-2: #1a44ff; --states-promo-button-pressed-step-3: #b406d6; --states-promo-button-pressed-step-4: #72a7ee; --states-promo-button-disabled-step-1: #04b0fd66; --states-promo-button-disabled-step-2: #0026ff66; --states-promo-button-disabled-step-3: #a500c666; --states-promo-button-disabled-step-4: #609ceb66; --states-divider-primary-hover: #e7e7e738; --states-divider-primary-pressed: #e7e7e75c; --states-divider-primary-disabled: #e7e7e70d; --states-stroke-negative-fade-hover: #ce425766; --states-stroke-negative-fade-pressed: #ce4257cc; --states-stroke-negative-fade-disabled: #ce42571a; --states-bubbles-system-button-themed-hover: #0276f5; --states-bubbles-system-button-themed-pressed: #0468d4; --states-bubbles-system-button-themed-disabled: #016fe77a; --technical-lottie-icon-tertiary: #65666b; --technical-black: #000; }
[data-scale="xsmall"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 13px; --font-body-line-height: 16px; --font-body-letter-spacing: .15px; --font-body-strong-size: 13px; --font-body-strong-line-height: 16px; --font-body-strong-letter-spacing: .15px; --font-detail-size: 12px; --font-detail-line-height: 14px; --font-detail-letter-spacing: .15px; --font-detail-strong-size: 12px; --font-detail-strong-line-height: 14px; --font-detail-strong-letter-spacing: .15px; --font-description-size: 10px; --font-description-line-height: 12px; --font-description-letter-spacing: .2px; --font-description-strong-size: 10px; --font-description-strong-line-height: 12px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 14px; --font-action-medium-line-height: 16px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="small"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 14px; --font-body-line-height: 16px; --font-body-letter-spacing: .15px; --font-body-strong-size: 14px; --font-body-strong-line-height: 16px; --font-body-strong-letter-spacing: .15px; --font-detail-size: 13px; --font-detail-line-height: 16px; --font-detail-letter-spacing: .15px; --font-detail-strong-size: 13px; --font-detail-strong-line-height: 16px; --font-detail-strong-letter-spacing: .15px; --font-description-size: 11px; --font-description-line-height: 12px; --font-description-letter-spacing: .2px; --font-description-strong-size: 11px; --font-description-strong-line-height: 12px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 14px; --font-action-medium-line-height: 16px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="medium"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 15px; --font-body-line-height: 20px; --font-body-letter-spacing: .15px; --font-body-strong-size: 15px; --font-body-strong-line-height: 20px; --font-body-strong-letter-spacing: .15px; --font-detail-size: 14px; --font-detail-line-height: 16px; --font-detail-letter-spacing: .15px; --font-detail-strong-size: 14px; --font-detail-strong-line-height: 16px; --font-detail-strong-letter-spacing: .15px; --font-description-size: 12px; --font-description-line-height: 14px; --font-description-letter-spacing: .2px; --font-description-strong-size: 12px; --font-description-strong-line-height: 14px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 14px; --font-action-medium-line-height: 16px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="xlarge"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 18px; --font-body-line-height: 24px; --font-body-letter-spacing: 0px; --font-body-strong-size: 18px; --font-body-strong-line-height: 24px; --font-body-strong-letter-spacing: 0px; --font-detail-size: 17px; --font-detail-line-height: 24px; --font-detail-letter-spacing: 0px; --font-detail-strong-size: 17px; --font-detail-strong-line-height: 24px; --font-detail-strong-letter-spacing: 0px; --font-description-size: 14px; --font-description-line-height: 16px; --font-description-letter-spacing: .2px; --font-description-strong-size: 14px; --font-description-strong-line-height: 16px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 18px; --font-action-medium-line-height: 24px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="xxlarge"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 19px; --font-body-line-height: 24px; --font-body-letter-spacing: 0px; --font-body-strong-size: 19px; --font-body-strong-line-height: 24px; --font-body-strong-letter-spacing: 0px; --font-detail-size: 18px; --font-detail-line-height: 24px; --font-detail-letter-spacing: 0px; --font-detail-strong-size: 18px; --font-detail-strong-line-height: 24px; --font-detail-strong-letter-spacing: 0px; --font-description-size: 15px; --font-description-line-height: 20px; --font-description-letter-spacing: .2px; --font-description-strong-size: 15px; --font-description-strong-line-height: 20px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 19px; --font-action-medium-line-height: 24px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="xxxlarge"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 20px; --font-body-line-height: 24px; --font-body-letter-spacing: 0px; --font-body-strong-size: 20px; --font-body-strong-line-height: 24px; --font-body-strong-letter-spacing: 0px; --font-detail-size: 19px; --font-detail-line-height: 24px; --font-detail-letter-spacing: 0px; --font-detail-strong-size: 19px; --font-detail-strong-line-height: 24px; --font-detail-strong-letter-spacing: 0px; --font-description-size: 16px; --font-description-line-height: 20px; --font-description-letter-spacing: .2px; --font-description-strong-size: 16px; --font-description-strong-line-height: 20px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 20px; --font-action-medium-line-height: 24px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="ax1"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 21px; --font-body-line-height: 24px; --font-body-letter-spacing: 0px; --font-body-strong-size: 21px; --font-body-strong-line-height: 24px; --font-body-strong-letter-spacing: 0px; --font-detail-size: 20px; --font-detail-line-height: 24px; --font-detail-letter-spacing: 0px; --font-detail-strong-size: 20px; --font-detail-strong-line-height: 24px; --font-detail-strong-letter-spacing: 0px; --font-description-size: 17px; --font-description-line-height: 20px; --font-description-letter-spacing: .2px; --font-description-strong-size: 17px; --font-description-strong-line-height: 20px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 21px; --font-action-medium-line-height: 24px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
[data-scale="ax2"], [data-scale="ax3"], [data-scale="ax4"], [data-scale="ax5"] { --font-hero-size: 28px; --font-hero-line-height: 32px; --font-hero-letter-spacing: 0px; --font-header-size: 24px; --font-header-line-height: 28px; --font-header-letter-spacing: 0px; --font-subheader-size: 20px; --font-subheader-line-height: 24px; --font-subheader-letter-spacing: 0px; --font-title-size: 17px; --font-title-line-height: 24px; --font-title-letter-spacing: 0px; --font-body-size: 24px; --font-body-line-height: 28px; --font-body-letter-spacing: 0px; --font-body-strong-size: 24px; --font-body-strong-line-height: 28px; --font-body-strong-letter-spacing: 0px; --font-detail-size: 20px; --font-detail-line-height: 24px; --font-detail-letter-spacing: 0px; --font-detail-strong-size: 20px; --font-detail-strong-line-height: 24px; --font-detail-strong-letter-spacing: 0px; --font-description-size: 17px; --font-description-line-height: 20px; --font-description-letter-spacing: .2px; --font-description-strong-size: 17px; --font-description-strong-line-height: 20px; --font-description-strong-letter-spacing: .2px; --font-label-size: 12px; --font-label-line-height: 16px; --font-label-letter-spacing: .3px; --font-label-strong-size: 12px; --font-label-strong-line-height: 16px; --font-label-strong-letter-spacing: .3px; --font-tag-size: 11px; --font-tag-line-height: 16px; --font-tag-letter-spacing: .3px; --font-tag-strong-size: 11px; --font-tag-strong-line-height: 16px; --font-tag-strong-letter-spacing: .3px; --font-note-size: 10px; --font-note-line-height: 12px; --font-note-letter-spacing: .3px; --font-note-strong-size: 10px; --font-note-strong-line-height: 12px; --font-note-strong-letter-spacing: .3px; --font-action-large-size: 17px; --font-action-large-line-height: 20px; --font-action-large-letter-spacing: .15px; --font-action-medium-size: 21px; --font-action-medium-line-height: 24px; --font-action-medium-letter-spacing: .15px; --font-action-small-size: 14px; --font-action-small-line-height: 20px; --font-action-small-letter-spacing: .15px; --font-action-xsmall-size: 13px; --font-action-xsmall-line-height: 16px; --font-action-xsmall-letter-spacing: .15px; --font-cell-label-strong-small-caps-size: 12px; --font-cell-label-strong-small-caps-line-height: 16px; --font-cell-label-strong-small-caps-letter-spacing: .5px; --font-cell-label-small-caps-size: 12px; --font-cell-label-small-caps-line-height: 16px; --font-cell-label-small-caps-letter-spacing: .5px; --font-emoji-picker-size: 24px; --font-emoji-picker-line-height: 24px; --font-emoji-picker-letter-spacing: 0px; --font-file-type-size: 9px; --font-file-type-line-height: 12px; --font-file-type-letter-spacing: 0px; --font-app-review-title-size: 17px; --font-app-review-title-line-height: 22px; --font-app-review-title-letter-spacing: 0px; --font-app-review-message-size: 15px; --font-app-review-message-line-height: 20px; --font-app-review-message-letter-spacing: 0px; --font-app-review-primary-button-title-size: 17px; --font-app-review-primary-button-title-line-height: 17px; --font-app-review-primary-button-title-letter-spacing: 0px; --font-app-review-cancel-button-title-size: 17px; --font-app-review-cancel-button-title-line-height: 17px; --font-app-review-cancel-button-title-letter-spacing: 0px; }
:root { --font-bubble-description-weight: 400; --font-bubble-description-strong-weight: 500; --font-bubble-label-weight: 400; --font-bubble-label-strong-weight: 500; --font-bubble-tag-weight: 400; --font-bubble-note-strong-weight: 500; --font-markdown-message-title-weight: 600; --font-markdown-message-base-weight: 400; --font-markdown-message-strong-weight: 600; --font-markdown-message-monospace-weight: 400; --font-markdown-input-title-weight: 600; --font-markdown-input-base-weight: 400; --font-markdown-input-strong-weight: 600; --font-markdown-input-monospace-weight: 400; --font-bubble-description-size: 14px; --font-bubble-description-line-height: 18px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 14px; --font-bubble-description-strong-line-height: 18px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 12px; --font-bubble-label-line-height: 16px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 12px; --font-bubble-label-strong-line-height: 16px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 11px; --font-bubble-tag-line-height: 14px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 10px; --font-bubble-note-strong-line-height: 12px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 20px; --font-markdown-message-title-line-height: 22px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 16px; --font-markdown-message-base-line-height: 20px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 16px; --font-markdown-message-strong-line-height: 20px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 16px; --font-markdown-message-monospace-line-height: 20px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 20px; --font-markdown-input-title-line-height: 24px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 16px; --font-markdown-input-base-line-height: 20px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 16px; --font-markdown-input-strong-line-height: 20px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 16px; --font-markdown-input-monospace-line-height: 20px; --font-markdown-input-monospace-letter-spacing: 0px; --border-radius-local-bubble-stack-corner: var(--border-radius-common-s-half); --border-radius-local-mention: var(--border-radius-common-s-half); --border-radius-local-capsule: var(--size-10); --border-radius-local-reaction: var(--size-10); --border-radius-local-file-preview: var(--size-12); --border-radius-local-icon-item: var(--size-12); --border-radius-local-writebar-input: var(--size-12); --border-radius-local-bubble-regular: var(--border-radius-common-l); --size-local-bubbles-call-bubble-width: 324px; --size-local-bubbles-contact-name-width-min: 120px; --size-local-bubbles-contact-name-width-max: 220px; --size-local-bubbles-file-name-width-min: 120px; --size-local-bubbles-file-preview-image-height: 144px; --size-local-bubbles-file-name-previewed-width-min: 180px; --size-local-bubbles-file-bubble-width-min: 240px; --size-local-bubbles-file-name-width-max: 280px; --size-local-bubbles-geo-map-height: 270px; --size-local-bubbles-geo-map-width: var(--size-local-bubbles-geo-bubble-width); --size-local-bubbles-geo-bubble-width: 480px; --size-local-bubbles-interaction-forward-container-width-min: 92px; --size-local-bubbles-interaction-forward-author-width-max: 438px; --size-local-bubbles-interaction-reply-forwarded-media-size: 40px; --size-local-bubbles-interaction-reply-forwarded-author-width-max: 430px; --size-local-bubbles-interaction-reply-forwarded-typed-content-width-max: 434px; --size-local-bubbles-interaction-reply-forwarded-text-width-max: 452px; --size-local-bubbles-interaction-reply-text-width-max: 452px; --size-local-bubbles-link-preview-image-height: 128px; --size-local-bubbles-link-bubble-width: 400px; --size-local-bubbles-media-bubble-width-min: 72px; --size-local-bubbles-media-media-height: 300px; --size-local-bubbles-media-media-width-min: 320px; --size-local-bubbles-media-media-width-max: var(--size-local-bubbles-media-bubble-width-max); --size-local-bubbles-media-text-width-max: 460px; --size-local-bubbles-media-bubble-width-max: 480px; --size-local-bubbles-sticker-sticker-height: 184px; --size-local-bubbles-sticker-sticker-width: 184px; --size-local-bubbles-sticker-bubble-width-min: 192px; --size-local-bubbles-sticker-bubble-width-max: 480px; --size-local-bubbles-text-incomming-text-frame-padding: 48px; --size-local-bubbles-text-outgoing-text-frame-padding: 64px; --size-local-bubbles-text-bubble-width-min: 72px; --size-local-bubbles-text-text-width-max: 460px; --size-local-bubbles-text-bubble-width-max: 480px; --size-local-bubbles-voice-bubble-width-short: 186px; --size-local-bubbles-voice-bubble-width-long: 372px; --size-local-bubbles-photo-far-album-height-min: 80px; --size-local-bubbles-photo-far-album-width-min: 120px; --size-local-bubbles-photo-far-album-height-max: 300px; --size-local-bubbles-photo-far-album-width-max: 480px; --size-local-bubbles-photo-far-portrait-height-min: 184px; --size-local-bubbles-photo-far-portrait-width-min: 184px; --size-local-bubbles-photo-far-portrait-height-max: 300px; --size-local-bubbles-photo-far-portrait-width-max: 480px; --size-local-p2g-outgoing-author-name-width-max: var(--size-local-bubbles-text-text-width-max); --size-local-screen-size-panel-width: 791px; --size-local-system-capsule-capsule-width: var(--size-local-screen-size-message-zone-max); --size-local-system-capsule-new-message-width: var(--size-local-screen-size-panel-width); --size-local-system-capsule-capsule-content-width-max: 759px; --spacing-local-left-right-padding: var(--spacing-common-l); --spacing-local-p2g-stacked-outgoing-left: 54px; }
:root:where([data-color-theme="space"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="space"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="space"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #0f8ec2; --bubbles-background-action-fade: #0f8ec23d; --bubbles-background-action-secondary: #0f8ec214; --bubbles-background-surface-secondary: #0f8ec214; --bubbles-background-icon-item: #0f8ec214; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #0f8ec214; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #0f8ec2; --bubbles-background-reaction-inside-others: #0f8ec214; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #0f8ec285; --bubbles-background-focus-regular-min: #0f8ec200; --bubbles-background-focus-regular-max: #0f8ec21f; --bubbles-background-focus-transparent-min: #0c88bb00; --bubbles-background-focus-transparent-max: #0c88bb3d; --bubbles-background-focus-single-media-min: #0f8ec200; --bubbles-background-focus-single-media-max: #0f8ec23d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #0f8ec24d; --bubbles-background-system-asset-step-2: #0f8ec280; --bubbles-background-system-asset-stroke-step-1: #0f8ec24d; --bubbles-background-system-asset-stroke-step-2: #0f8ec20a; --bubbles-background-system-asset-stroke-step-3: #0f8ec200; --bubbles-background-bot-button-default: #0f8ec2a3; --bubbles-background-bot-button-hovered: #0f8ec266; --bubbles-background-bot-button-pressed: #0f8ec266; --bubbles-background-bot-button-loading: #0f8ec2a3; --bubbles-text-action: #0784b8; --bubbles-text-action-fade: #0784b8; --bubbles-text-comment: #0784b8; --bubbles-text-body: #060708; --bubbles-text-body-secondary: #06070885; --bubbles-text-author: #0784b8; --bubbles-text-time: #06070885; --bubbles-text-reply-name: #060708ad; --bubbles-text-reply-body: #06070885; --bubbles-text-forward-label: #06070885; --bubbles-text-forward-name: #060708ad; --bubbles-text-link: #0784b8; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #0784b8; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #011c2985; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #0784b8; --bubbles-text-reaction-outside-my: #0784b8; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #0784b8; --bubbles-icon-action-secondary: #0f8ec2; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #0f8ec2; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #0f8ec2b2; --bubbles-icon-read-status: #06070885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #7b8299; --bubbles-icon-reply-forwarded: #7b8299; --bubbles-icon-verification-author: #0f8ec2; --bubbles-icon-verification-reply-name: #0607088f; --bubbles-icon-verification-reply-body: #06070870; --bubbles-icon-verification-forward-name: #0607088f; --bubbles-icon-verification-body: #060708a3; --bubbles-stroke-reply: #0f8ec2; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #0f8ec214; --bubbles-stroke-control-inactive: #0f8ec25c; --bubbles-states-background-hovered-surface-secondary: #0f8ec21f; --bubbles-states-background-pressed-surface-secondary: #0f8ec22e; }
:root:where([data-color-theme="space"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="space"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="space"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #232e3a; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #3b3f5e; --bubbles-background-bubble-gradient-old-step-2: #32343d; --bubbles-background-reaction-inside-my: #007aff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #282c42cc; --bubbles-background-focus-regular-min: #6965e500; --bubbles-background-focus-regular-max: #6965e529; --bubbles-background-focus-transparent-min: #696da800; --bubbles-background-focus-transparent-max: #696da852; --bubbles-background-focus-single-media-min: #6965e500; --bubbles-background-focus-single-media-max: #6965e53d; --bubbles-background-bubble-gradient-step-1: #3b3f5e; --bubbles-background-bubble-gradient-step-2: #373a4e; --bubbles-background-bubble-gradient-step-3: #32343d; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #4f529db2; --bubbles-background-bot-button-hovered: #4f529d66; --bubbles-background-bot-button-pressed: #4f529d66; --bubbles-background-bot-button-loading: #4f529db2; --bubbles-text-action: #4aa4ff; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #4aa4ff; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #409cff; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #32343e; --bubbles-icon-comment: #4aa4ff; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #292e33; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="feb23"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="feb23"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="feb23"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #148a8e; --bubbles-background-action-fade: #148a8e3d; --bubbles-background-action-secondary: #148a8e14; --bubbles-background-surface-secondary: #148a8e14; --bubbles-background-icon-item: #148a8e14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #148a8e14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #148a8e; --bubbles-background-reaction-inside-others: #148a8e14; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #148a8e85; --bubbles-background-focus-regular-min: #148a8e00; --bubbles-background-focus-regular-max: #148a8e1f; --bubbles-background-focus-transparent-min: #148a8e00; --bubbles-background-focus-transparent-max: #148a8e3d; --bubbles-background-focus-single-media-min: #148a8e00; --bubbles-background-focus-single-media-max: #148a8e3d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #148a8e4d; --bubbles-background-system-asset-step-2: #148a8e80; --bubbles-background-system-asset-stroke-step-1: #148a8e4d; --bubbles-background-system-asset-stroke-step-2: #148a8e0a; --bubbles-background-system-asset-stroke-step-3: #148a8e00; --bubbles-background-bot-button-default: #148a8ea3; --bubbles-background-bot-button-hovered: #148a8e66; --bubbles-background-bot-button-pressed: #148a8e66; --bubbles-background-bot-button-loading: #148a8ea3; --bubbles-text-action: #0d7f85; --bubbles-text-action-fade: #0d7f85; --bubbles-text-comment: #0d7f85; --bubbles-text-body: #060808; --bubbles-text-body-secondary: #06080885; --bubbles-text-author: #0d7f85; --bubbles-text-time: #06080885; --bubbles-text-reply-name: #060808ad; --bubbles-text-reply-body: #06080885; --bubbles-text-forward-label: #06080885; --bubbles-text-forward-name: #060808ad; --bubbles-text-link: #0d7f85; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #0d7f85; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #01191f85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #0d7f85; --bubbles-text-reaction-outside-my: #0d7f85; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #0d7f85; --bubbles-icon-action-secondary: #148a8e; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #148a8e; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #148a8eb2; --bubbles-icon-read-status: #06080885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #7b8599; --bubbles-icon-reply-forwarded: #7b8599; --bubbles-icon-verification-author: #148a8e; --bubbles-icon-verification-reply-name: #0608088f; --bubbles-icon-verification-reply-body: #06080870; --bubbles-icon-verification-forward-name: #0608088f; --bubbles-icon-verification-body: #060808a3; --bubbles-stroke-reply: #148a8e; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #148a8e14; --bubbles-stroke-control-inactive: #148a8e5c; --bubbles-states-background-hovered-surface-secondary: #148a8e1f; --bubbles-states-background-pressed-surface-secondary: #148a8e2e; }
:root:where([data-color-theme="feb23"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="feb23"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="feb23"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #212a2b; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #232b2b; --bubbles-background-bubble-gradient-old-step-2: #182926; --bubbles-background-reaction-inside-my: #2e86a3; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #2e86a3; --bubbles-background-reaction-outside-others: #173f4cb2; --bubbles-background-focus-regular-min: #2e86a300; --bubbles-background-focus-regular-max: #2e86a329; --bubbles-background-focus-transparent-min: #2e86a300; --bubbles-background-focus-transparent-max: #2e86a352; --bubbles-background-focus-single-media-min: #2e86a300; --bubbles-background-focus-single-media-max: #2e86a33d; --bubbles-background-bubble-gradient-step-1: #232b2b; --bubbles-background-bubble-gradient-step-2: #212a2b; --bubbles-background-bubble-gradient-step-3: #182926; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #0d4f61b2; --bubbles-background-bot-button-hovered: #0d4f6166; --bubbles-background-bot-button-pressed: #0d4f6166; --bubbles-background-bot-button-loading: #0d4f61b2; --bubbles-text-action: #3792ad; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #3792ad; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #148a8e; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #1f2a2a; --bubbles-icon-comment: #3792ad; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #232833; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="mar8"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="mar8"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="mar8"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #d0538f; --bubbles-background-action-fade: #d0538f3d; --bubbles-background-action-secondary: #d0538f14; --bubbles-background-surface-secondary: #d0538f14; --bubbles-background-icon-item: #d0538f14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #d0538f14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #d0538f; --bubbles-background-reaction-inside-others: #d0538f14; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #d0538f85; --bubbles-background-focus-regular-min: #d0538f00; --bubbles-background-focus-regular-max: #d0538f1f; --bubbles-background-focus-transparent-min: #d0538f00; --bubbles-background-focus-transparent-max: #d0538f3d; --bubbles-background-focus-single-media-min: #d0538f00; --bubbles-background-focus-single-media-max: #d0538f3d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #d0538f4d; --bubbles-background-system-asset-step-2: #d0538f80; --bubbles-background-system-asset-stroke-step-1: #d0538f4d; --bubbles-background-system-asset-stroke-step-2: #d0538f0a; --bubbles-background-system-asset-stroke-step-3: #d0538f00; --bubbles-background-bot-button-default: #c51891a3; --bubbles-background-bot-button-hovered: #c5189166; --bubbles-background-bot-button-pressed: #c5189166; --bubbles-background-bot-button-loading: #c51891a3; --bubbles-text-action: #c74883; --bubbles-text-action-fade: #c74883; --bubbles-text-comment: #c74883; --bubbles-text-body: #080607; --bubbles-text-body-secondary: #08060785; --bubbles-text-author: #c74883; --bubbles-text-time: #08060785; --bubbles-text-reply-name: #080607ad; --bubbles-text-reply-body: #08060785; --bubbles-text-forward-label: #08060785; --bubbles-text-forward-name: #080607ad; --bubbles-text-link: #c74883; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #c74883; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #1f011e85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #c74883; --bubbles-text-reaction-outside-my: #c74883; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #c74883; --bubbles-icon-action-secondary: #d0538f; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #d0538f; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #d0538fb2; --bubbles-icon-read-status: #08060785; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #997b99; --bubbles-icon-reply-forwarded: #997b99; --bubbles-icon-verification-author: #d0538f; --bubbles-icon-verification-reply-name: #0806078f; --bubbles-icon-verification-reply-body: #08060770; --bubbles-icon-verification-forward-name: #0806078f; --bubbles-icon-verification-body: #080607a3; --bubbles-stroke-reply: #d0538f; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #d0538f14; --bubbles-stroke-control-inactive: #d0538f5c; --bubbles-states-background-hovered-surface-secondary: #d0538f1f; --bubbles-states-background-pressed-surface-secondary: #d0538f2e; }
:root:where([data-color-theme="mar8"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="mar8"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="mar8"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #352533; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #382436; --bubbles-background-bubble-gradient-old-step-2: #301b2f; --bubbles-background-reaction-inside-my: #cd3782; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #cd3782; --bubbles-background-reaction-outside-others: #4c174cb2; --bubbles-background-focus-regular-min: #cd378200; --bubbles-background-focus-regular-max: #cd378229; --bubbles-background-focus-transparent-min: #cd378200; --bubbles-background-focus-transparent-max: #cd378252; --bubbles-background-focus-single-media-min: #cd378200; --bubbles-background-focus-single-media-max: #cd37823d; --bubbles-background-bubble-gradient-step-1: #2e272d; --bubbles-background-bubble-gradient-step-2: #382436; --bubbles-background-bubble-gradient-step-3: #301b2f; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #6e1754b2; --bubbles-background-bot-button-hovered: #6e175466; --bubbles-background-bot-button-pressed: #6e175466; --bubbles-background-bot-button-loading: #6e1754b2; --bubbles-text-action: #d6428f; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #d6428f; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #c74883; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #3b1a3b; --bubbles-icon-comment: #d6428f; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #332333; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="nature"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="nature"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="nature"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #2da334; --bubbles-background-action-fade: #2da3343d; --bubbles-background-action-secondary: #2da33414; --bubbles-background-surface-secondary: #2da33414; --bubbles-background-icon-item: #2da33414; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #2da33414; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #2da334; --bubbles-background-reaction-inside-others: #2da33414; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #2da33485; --bubbles-background-focus-regular-min: #2da33400; --bubbles-background-focus-regular-max: #2da3341f; --bubbles-background-focus-transparent-min: #5a946700; --bubbles-background-focus-transparent-max: #5a94673d; --bubbles-background-focus-single-media-min: #2da33400; --bubbles-background-focus-single-media-max: #2da3343d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #2da3344d; --bubbles-background-system-asset-step-2: #2da33480; --bubbles-background-system-asset-stroke-step-1: #2da3344d; --bubbles-background-system-asset-stroke-step-2: #2da3340a; --bubbles-background-system-asset-stroke-step-3: #2da33400; --bubbles-background-bot-button-default: #2da334a3; --bubbles-background-bot-button-hovered: #2da33466; --bubbles-background-bot-button-pressed: #2da33466; --bubbles-background-bot-button-loading: #2da334a3; --bubbles-text-action: #25992e; --bubbles-text-action-fade: #25992e; --bubbles-text-comment: #25992e; --bubbles-text-body: #060806; --bubbles-text-body-secondary: #06080685; --bubbles-text-author: #25992e; --bubbles-text-time: #06080685; --bubbles-text-reply-name: #060806ad; --bubbles-text-reply-body: #06080685; --bubbles-text-forward-label: #06080685; --bubbles-text-forward-name: #060806ad; --bubbles-text-link: #25992e; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #25992e; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #011f0985; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #25992e; --bubbles-text-reaction-outside-my: #25992e; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #25992e; --bubbles-icon-action-secondary: #2da334; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #2da334; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #2da334b2; --bubbles-icon-read-status: #06080685; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #749977; --bubbles-icon-reply-forwarded: #749977; --bubbles-icon-verification-author: #2da334; --bubbles-icon-verification-reply-name: #0608068f; --bubbles-icon-verification-reply-body: #06080670; --bubbles-icon-verification-forward-name: #0608068f; --bubbles-icon-verification-body: #060806a3; --bubbles-stroke-reply: #2da334; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #2da33414; --bubbles-stroke-control-inactive: #2da3345c; --bubbles-states-background-hovered-surface-secondary: #2da3341f; --bubbles-states-background-pressed-surface-secondary: #2da3342e; }
:root:where([data-color-theme="nature"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="nature"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="nature"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #1f2d20; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #1c2923; --bubbles-background-bubble-gradient-old-step-2: #1c2923; --bubbles-background-reaction-inside-my: #2da334; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #2da334; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #5a946700; --bubbles-background-focus-regular-max: #5a946729; --bubbles-background-focus-transparent-min: #5a946700; --bubbles-background-focus-transparent-max: #5a946752; --bubbles-background-focus-single-media-min: #5a946700; --bubbles-background-focus-single-media-max: #5a94673d; --bubbles-background-bubble-gradient-step-1: #1c2923; --bubbles-background-bubble-gradient-step-2: #1c2923; --bubbles-background-bubble-gradient-step-3: #1c2923; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #248229b2; --bubbles-background-bot-button-hovered: #24822966; --bubbles-background-bot-button-pressed: #24822966; --bubbles-background-bot-button-loading: #248229b2; --bubbles-text-action: #37ad3d; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #37ad3d; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #23332b; --bubbles-icon-comment: #37ad3d; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #23332b; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="neon"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="neon"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="neon"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #6a4dff; --bubbles-background-action-fade: #6a4dff3d; --bubbles-background-action-secondary: #6a4dff14; --bubbles-background-surface-secondary: #6a4dff14; --bubbles-background-icon-item: #6a4dff14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #6a4dff14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #4930c7; --bubbles-background-reaction-inside-others: #4930c714; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #4930c785; --bubbles-background-focus-regular-min: #4930c700; --bubbles-background-focus-regular-max: #4930c71f; --bubbles-background-focus-transparent-min: #4930c700; --bubbles-background-focus-transparent-max: #4930c73d; --bubbles-background-focus-single-media-min: #4930c700; --bubbles-background-focus-single-media-max: #4930c73d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #8d33cc4d; --bubbles-background-system-asset-step-2: #8d33cc80; --bubbles-background-system-asset-stroke-step-1: #8d33cc4d; --bubbles-background-system-asset-stroke-step-2: #8d33cc0a; --bubbles-background-system-asset-stroke-step-3: #8d33cc00; --bubbles-background-bot-button-default: #4930c7a3; --bubbles-background-bot-button-hovered: #4930c766; --bubbles-background-bot-button-pressed: #4930c766; --bubbles-background-bot-button-loading: #4930c7a3; --bubbles-text-action: #6140f5; --bubbles-text-action-fade: #6140f5; --bubbles-text-comment: #6140f5; --bubbles-text-body: #060608; --bubbles-text-body-secondary: #06060885; --bubbles-text-author: #6140f5; --bubbles-text-time: #06060885; --bubbles-text-reply-name: #060608ad; --bubbles-text-reply-body: #06060885; --bubbles-text-forward-label: #06060885; --bubbles-text-forward-name: #060608ad; --bubbles-text-link: #6140f5; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #6140f5; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #07011f85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #6140f5; --bubbles-text-reaction-outside-my: #6140f5; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #6140f5; --bubbles-icon-action-secondary: #4930c7; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #4930c7; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #4930c7b2; --bubbles-icon-read-status: #06060885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #807b99; --bubbles-icon-reply-forwarded: #807b99; --bubbles-icon-verification-author: #4930c7; --bubbles-icon-verification-reply-name: #0606088f; --bubbles-icon-verification-reply-body: #06060870; --bubbles-icon-verification-forward-name: #0606088f; --bubbles-icon-verification-body: #060608a3; --bubbles-stroke-reply: #4930c7; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #4930c714; --bubbles-stroke-control-inactive: #4930c75c; --bubbles-states-background-hovered-surface-secondary: #6a4dff1f; --bubbles-states-background-pressed-surface-secondary: #6a4dff2e; }
:root:where([data-color-theme="neon"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="neon"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="neon"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #39323d; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #32343d; --bubbles-background-bubble-gradient-old-step-2: #32343d; --bubbles-background-reaction-inside-my: #6a4dff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #6a4dff; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #8d33cc00; --bubbles-background-focus-regular-max: #8d33cc29; --bubbles-background-focus-transparent-min: #8d33cc00; --bubbles-background-focus-transparent-max: #8d33cc52; --bubbles-background-focus-single-media-min: #8d33cc00; --bubbles-background-focus-single-media-max: #8d33cc3d; --bubbles-background-bubble-gradient-step-1: #32343d; --bubbles-background-bubble-gradient-step-2: #32343d; --bubbles-background-bubble-gradient-step-3: #32343d; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #5b42dbb2; --bubbles-background-bot-button-hovered: #5b42db66; --bubbles-background-bot-button-pressed: #5b42db66; --bubbles-background-bot-button-loading: #5b42dbb2; --bubbles-text-action: #7a5cff; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #7a5cff; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #39323d; --bubbles-icon-comment: #7a5cff; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #292e33; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="moscow"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="moscow"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="moscow"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #d93636; --bubbles-background-action-fade: #d936363d; --bubbles-background-action-secondary: #d9363614; --bubbles-background-surface-secondary: #d9363614; --bubbles-background-icon-item: #d9363614; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #d9363614; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #d93636; --bubbles-background-reaction-inside-others: #d9363614; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #d9363685; --bubbles-background-focus-regular-min: #d9363600; --bubbles-background-focus-regular-max: #d936361f; --bubbles-background-focus-transparent-min: #d9363600; --bubbles-background-focus-transparent-max: #d936363d; --bubbles-background-focus-single-media-min: #d9363600; --bubbles-background-focus-single-media-max: #d936363d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #d936364d; --bubbles-background-system-asset-step-2: #d9363680; --bubbles-background-system-asset-stroke-step-1: #d936364d; --bubbles-background-system-asset-stroke-step-2: #d936360a; --bubbles-background-system-asset-stroke-step-3: #d9363600; --bubbles-background-bot-button-default: #d93636a3; --bubbles-background-bot-button-hovered: #d9363666; --bubbles-background-bot-button-pressed: #d9363666; --bubbles-background-bot-button-loading: #d93636a3; --bubbles-text-action: #cf2e2b; --bubbles-text-action-fade: #cf2e2b; --bubbles-text-comment: #cf2e2b; --bubbles-text-body: #080606; --bubbles-text-body-secondary: #08060685; --bubbles-text-author: #cf2e2b; --bubbles-text-time: #08060685; --bubbles-text-reply-name: #080606ad; --bubbles-text-reply-body: #08060685; --bubbles-text-forward-label: #08060685; --bubbles-text-forward-name: #080606ad; --bubbles-text-link: #cf2e2b; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #cf2e2b; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #cf2e2b85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #cf2e2b; --bubbles-text-reaction-outside-my: #cf2e2b; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #cf2e2b; --bubbles-icon-action-secondary: #d93636; --bubbles-icon-alert: #ff303c; --bubbles-icon-call-neutral: #d93636; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #d93636b2; --bubbles-icon-read-status: #08060685; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #997b7b; --bubbles-icon-reply-forwarded: #997b7b; --bubbles-icon-verification-author: #d93636; --bubbles-icon-verification-reply-name: #0806068f; --bubbles-icon-verification-reply-body: #08060670; --bubbles-icon-verification-forward-name: #0806068f; --bubbles-icon-verification-body: #080606a3; --bubbles-stroke-reply: #d93636; --bubbles-stroke-reply-outside: #d93636; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #d9363614; --bubbles-stroke-control-inactive: #d936365c; --bubbles-states-background-hovered-surface-secondary: #d936361f; --bubbles-states-background-pressed-surface-secondary: #d936362e; }
:root:where([data-color-theme="moscow"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="moscow"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="moscow"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #1c2840; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #1c2840; --bubbles-background-bubble-gradient-old-step-2: #1c2840; --bubbles-background-reaction-inside-my: #a63a3a; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #a63a3a; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #a63a3a00; --bubbles-background-focus-regular-max: #a63a3a29; --bubbles-background-focus-transparent-min: #a63a3a00; --bubbles-background-focus-transparent-max: #a63a3a52; --bubbles-background-focus-single-media-min: #a63a3a00; --bubbles-background-focus-single-media-max: #a63a3a3d; --bubbles-background-bubble-gradient-step-1: #1c2840; --bubbles-background-bubble-gradient-step-2: #1c2840; --bubbles-background-bubble-gradient-step-3: #1c2840; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #943434b2; --bubbles-background-bot-button-hovered: #94343466; --bubbles-background-bot-button-pressed: #94343466; --bubbles-background-bot-button-loading: #943434b2; --bubbles-text-action: #c94f51; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #c94f51; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #cf2e2b; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #1c2840; --bubbles-icon-comment: #c94f51; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #ff705d; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="lebedev"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="lebedev"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="lebedev"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #de675a; --bubbles-background-action-fade: #de675a3d; --bubbles-background-action-secondary: #de675a14; --bubbles-background-surface-secondary: #de675a14; --bubbles-background-icon-item: #de675a14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #de675a14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #de675a; --bubbles-background-reaction-inside-others: #de675a14; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #de675a85; --bubbles-background-focus-regular-min: #de675a00; --bubbles-background-focus-regular-max: #de675a1f; --bubbles-background-focus-transparent-min: #de675a00; --bubbles-background-focus-transparent-max: #de675a3d; --bubbles-background-focus-single-media-min: #de675a00; --bubbles-background-focus-single-media-max: #de675a3d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #de675a4d; --bubbles-background-system-asset-step-2: #de675a80; --bubbles-background-system-asset-stroke-step-1: #de675a4d; --bubbles-background-system-asset-stroke-step-2: #de675a0a; --bubbles-background-system-asset-stroke-step-3: #de675a00; --bubbles-background-bot-button-default: #de675aa3; --bubbles-background-bot-button-hovered: #de675a66; --bubbles-background-bot-button-pressed: #de675a66; --bubbles-background-bot-button-loading: #de675aa3; --bubbles-text-action: #d45e4e; --bubbles-text-action-fade: #d45e4e; --bubbles-text-comment: #d45e4e; --bubbles-text-body: #080606; --bubbles-text-body-secondary: #08060685; --bubbles-text-author: #d45e4e; --bubbles-text-time: #08060685; --bubbles-text-reply-name: #080606ad; --bubbles-text-reply-body: #08060685; --bubbles-text-forward-label: #08060685; --bubbles-text-forward-name: #080606ad; --bubbles-text-link: #d45e4e; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #d45e4e; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #1f040185; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #d45e4e; --bubbles-text-reaction-outside-my: #d45e4e; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #d45e4e; --bubbles-icon-action-secondary: #de675a; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #de675a; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #de675ab2; --bubbles-icon-read-status: #08060685; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #997d7b; --bubbles-icon-reply-forwarded: #997d7b; --bubbles-icon-verification-author: #de675a; --bubbles-icon-verification-reply-name: #0806068f; --bubbles-icon-verification-reply-body: #08060670; --bubbles-icon-verification-forward-name: #0806068f; --bubbles-icon-verification-body: #080606a3; --bubbles-stroke-reply: #de675a; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #de675a14; --bubbles-stroke-control-inactive: #de675a5c; --bubbles-states-background-hovered-surface-secondary: #de675a1f; --bubbles-states-background-pressed-surface-secondary: #de675a2e; }
:root:where([data-color-theme="lebedev"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="lebedev"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="lebedev"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #302c2c; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #302c2c; --bubbles-background-bubble-gradient-old-step-2: #362b2b; --bubbles-background-reaction-inside-my: #bb483f; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #bb483f; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #bb483f00; --bubbles-background-focus-regular-max: #bb483f29; --bubbles-background-focus-transparent-min: #bb483f00; --bubbles-background-focus-transparent-max: #bb483f52; --bubbles-background-focus-single-media-min: #bb483f00; --bubbles-background-focus-single-media-max: #bb483f3d; --bubbles-background-bubble-gradient-step-1: #302c2c; --bubbles-background-bubble-gradient-step-2: #302c2c; --bubbles-background-bubble-gradient-step-3: #362b2b; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #bb483fb2; --bubbles-background-bot-button-hovered: #bb483f66; --bubbles-background-bot-button-pressed: #bb483f66; --bubbles-background-bot-button-loading: #bb483fb2; --bubbles-text-action: #c4514b; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #c4514b; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #d45e4e; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #342c2c; --bubbles-icon-comment: #c4514b; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #332a29; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="simple"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="simple"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="simple"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #f2f2f2; --bubbles-background-action: #007aff; --bubbles-background-action-fade: #007aff3d; --bubbles-background-action-secondary: #007aff14; --bubbles-background-surface-secondary: #007aff14; --bubbles-background-icon-item: #007aff14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #007aff14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #f2f2f2; --bubbles-background-bubble-gradient-old-step-2: #f2f2f2; --bubbles-background-reaction-inside-my: #007aff; --bubbles-background-reaction-inside-others: #007aff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #f2f2f2; --bubbles-background-focus-regular-min: #007aff00; --bubbles-background-focus-regular-max: #007aff1f; --bubbles-background-focus-transparent-min: #007aff00; --bubbles-background-focus-transparent-max: #007aff3d; --bubbles-background-focus-single-media-min: #007aff00; --bubbles-background-focus-single-media-max: #007aff3d; --bubbles-background-bubble-gradient-step-1: #f2f2f2; --bubbles-background-bubble-gradient-step-2: #f2f2f2; --bubbles-background-bubble-gradient-step-3: #f2f2f2; --bubbles-background-system-asset-step-1: #007aff4d; --bubbles-background-system-asset-step-2: #007aff80; --bubbles-background-system-asset-stroke-step-1: #007aff4d; --bubbles-background-system-asset-stroke-step-2: #007aff0a; --bubbles-background-system-asset-stroke-step-3: #007aff00; --bubbles-background-bot-button-default: #007aff99; --bubbles-background-bot-button-hovered: #007aff66; --bubbles-background-bot-button-pressed: #007aff66; --bubbles-background-bot-button-loading: #007aff99; --bubbles-text-action: #0072f5; --bubbles-text-action-fade: #0072f5; --bubbles-text-comment: #0072f5; --bubbles-text-body: #060708; --bubbles-text-body-secondary: #06070885; --bubbles-text-author: #0072f5; --bubbles-text-time: #06070885; --bubbles-text-reply-name: #060708ad; --bubbles-text-reply-body: #06070885; --bubbles-text-forward-label: #06070885; --bubbles-text-forward-name: #060708ad; --bubbles-text-link: #0072f5; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #0072f5; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #06070885; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #0072f5; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #0072f5; --bubbles-icon-action: #f2f2f2; --bubbles-icon-comment: #0072f5; --bubbles-icon-action-secondary: #007aff; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #007aff; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #007affb2; --bubbles-icon-read-status: #06070885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #7b8299; --bubbles-icon-reply-forwarded: #7b8299; --bubbles-icon-verification-author: #007aff; --bubbles-icon-verification-reply-name: #0607088f; --bubbles-icon-verification-reply-body: #06070870; --bubbles-icon-verification-forward-name: #0607088f; --bubbles-icon-verification-body: #060708a3; --bubbles-stroke-reply: #007aff; --bubbles-stroke-reply-outside: #007aff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #007aff14; --bubbles-stroke-control-inactive: #007aff5c; --bubbles-states-background-hovered-surface-secondary: #007aff1f; --bubbles-states-background-pressed-surface-secondary: #007aff2e; }
:root:where([data-color-theme="simple"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="simple"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="simple"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #202022; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #202022; --bubbles-background-bubble-gradient-old-step-2: #202022; --bubbles-background-reaction-inside-my: #007aff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #006ee500; --bubbles-background-focus-regular-max: #006ee529; --bubbles-background-focus-transparent-min: #696da800; --bubbles-background-focus-transparent-max: #696da852; --bubbles-background-focus-single-media-min: #6965e500; --bubbles-background-focus-single-media-max: #6965e53d; --bubbles-background-bubble-gradient-step-1: #202022; --bubbles-background-bubble-gradient-step-2: #202022; --bubbles-background-bubble-gradient-step-3: #202022; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #006ee599; --bubbles-background-bot-button-hovered: #006ee566; --bubbles-background-bot-button-pressed: #006ee566; --bubbles-background-bot-button-loading: #006ee599; --bubbles-text-action: #4aa4ff; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #4aa4ff; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #0072f5; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #202022; --bubbles-icon-comment: #4aa4ff; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #292e33; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="aquamarine"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="aquamarine"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #027feb; --bubbles-background-action-fade: #027feb3d; --bubbles-background-action-secondary: #027feb14; --bubbles-background-surface-secondary: #027feb14; --bubbles-background-icon-item: #027feb14; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #027feb14; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #027feb; --bubbles-background-reaction-inside-others: #027feb14; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #027feb85; --bubbles-background-focus-regular-min: #027feb00; --bubbles-background-focus-regular-max: #027feb1f; --bubbles-background-focus-transparent-min: #027feb00; --bubbles-background-focus-transparent-max: #027feb3d; --bubbles-background-focus-single-media-min: #027feb00; --bubbles-background-focus-single-media-max: #027feb3d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #027feb4d; --bubbles-background-system-asset-step-2: #027feb80; --bubbles-background-system-asset-stroke-step-1: #027feb4d; --bubbles-background-system-asset-stroke-step-2: #027feb0a; --bubbles-background-system-asset-stroke-step-3: #027feb00; --bubbles-background-bot-button-default: #027feba3; --bubbles-background-bot-button-hovered: #027feb66; --bubbles-background-bot-button-pressed: #027feb66; --bubbles-background-bot-button-loading: #027feba3; --bubbles-text-action: #027feb; --bubbles-text-action-fade: #027feb; --bubbles-text-comment: #027feb; --bubbles-text-body: #080706; --bubbles-text-body-secondary: #08070685; --bubbles-text-author: #027feb; --bubbles-text-time: #08070685; --bubbles-text-reply-name: #080706ad; --bubbles-text-reply-body: #08070685; --bubbles-text-forward-label: #08070685; --bubbles-text-forward-name: #080706ad; --bubbles-text-link: #027feb; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #027feb; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #01111f85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #027feb; --bubbles-text-reaction-outside-my: #027feb; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #027feb; --bubbles-icon-action-secondary: #027feb; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #027feb; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #027febb2; --bubbles-icon-read-status: #06070885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #7b8b99; --bubbles-icon-reply-forwarded: #7b8b99; --bubbles-icon-verification-author: #027feb; --bubbles-icon-verification-reply-name: #0607088f; --bubbles-icon-verification-reply-body: #06070870; --bubbles-icon-verification-forward-name: #0807068f; --bubbles-icon-verification-body: #080706a3; --bubbles-stroke-reply: #027feb; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #027feb14; --bubbles-stroke-control-inactive: #027feb5c; --bubbles-states-background-hovered-surface-secondary: #027feb1f; --bubbles-states-background-pressed-surface-secondary: #027feb2e; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="aquamarine"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="aquamarine"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #1e272b; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #1e272b; --bubbles-background-bubble-gradient-old-step-2: #042b2b; --bubbles-background-reaction-inside-my: #027feb; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #027feb; --bubbles-background-reaction-outside-others: #027febb2; --bubbles-background-focus-regular-min: #027feb00; --bubbles-background-focus-regular-max: #027feb29; --bubbles-background-focus-transparent-min: #027feb00; --bubbles-background-focus-transparent-max: #027feb52; --bubbles-background-focus-single-media-min: #027feb00; --bubbles-background-focus-single-media-max: #027feb3d; --bubbles-background-bubble-gradient-step-1: #1e272b; --bubbles-background-bubble-gradient-step-2: #1e272b; --bubbles-background-bubble-gradient-step-3: #162b2b; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #027febb2; --bubbles-background-bot-button-hovered: #027feb66; --bubbles-background-bot-button-pressed: #027feb66; --bubbles-background-bot-button-loading: #027febb2; --bubbles-text-action: #027feb; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #027feb; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #027feb; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #092b2b; --bubbles-icon-comment: #027feb; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #232c33; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="tadam"][data-color-scheme="light"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="tadam"][data-color-scheme="light"] [data-bubbles-variant="incoming"], [data-color-theme="tadam"] [data-color-scheme="light"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #fff; --bubbles-background-action: #016fe7; --bubbles-background-action-fade: #016fe73d; --bubbles-background-action-secondary: #016fe714; --bubbles-background-surface-secondary: #016fe714; --bubbles-background-icon-item: #016fe714; --bubbles-background-icon-item-negative: #ffeff0; --bubbles-background-mention: #016fe714; --bubbles-background-mention-pressed: #fff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fff; --bubbles-background-bubble-gradient-old-step-2: #fff; --bubbles-background-reaction-inside-my: #016fe7; --bubbles-background-reaction-inside-others: #016fe714; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #016fe785; --bubbles-background-focus-regular-min: #016fe700; --bubbles-background-focus-regular-max: #016fe71f; --bubbles-background-focus-transparent-min: #016fe700; --bubbles-background-focus-transparent-max: #016fe73d; --bubbles-background-focus-single-media-min: #016fe700; --bubbles-background-focus-single-media-max: #016fe73d; --bubbles-background-bubble-gradient-step-1: #fff; --bubbles-background-bubble-gradient-step-2: #fff; --bubbles-background-bubble-gradient-step-3: #fff; --bubbles-background-system-asset-step-1: #016fe74d; --bubbles-background-system-asset-step-2: #016fe780; --bubbles-background-system-asset-stroke-step-1: #016fe74d; --bubbles-background-system-asset-stroke-step-2: #016fe70a; --bubbles-background-system-asset-stroke-step-3: #016fe700; --bubbles-background-bot-button-default: #016fe7a3; --bubbles-background-bot-button-hovered: #016fe766; --bubbles-background-bot-button-pressed: #016fe766; --bubbles-background-bot-button-loading: #016fe7a3; --bubbles-text-action: #016fe7; --bubbles-text-action-fade: #016fe7; --bubbles-text-comment: #016fe7; --bubbles-text-body: #060708; --bubbles-text-body-secondary: #06070885; --bubbles-text-author: #016fe7; --bubbles-text-time: #06070885; --bubbles-text-reply-name: #060708ad; --bubbles-text-reply-body: #06070885; --bubbles-text-forward-label: #06070885; --bubbles-text-forward-name: #060708ad; --bubbles-text-link: #016fe7; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #016fe7; --bubbles-text-numberreactionyou: #fff; --bubbles-text-numberreactionother: #011c2985; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #016fe7; --bubbles-text-reaction-outside-my: #016fe7; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #fff; --bubbles-icon-comment: #016fe7; --bubbles-icon-action-secondary: #016fe7; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #016fe7; --bubbles-icon-call-negative: #ff303c; --bubbles-icon-icon-item: #016fe7b2; --bubbles-icon-read-status: #06070885; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #7b8299; --bubbles-icon-reply-forwarded: #7b8299; --bubbles-icon-verification-author: #016fe7; --bubbles-icon-verification-reply-name: #0607088f; --bubbles-icon-verification-reply-body: #06070870; --bubbles-icon-verification-forward-name: #0607088f; --bubbles-icon-verification-body: #060708a3; --bubbles-stroke-reply: #016fe7; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff; --bubbles-stroke-neutral-secondary: #016fe714; --bubbles-stroke-control-inactive: #016fe75c; --bubbles-states-background-hovered-surface-secondary: #016fe71f; --bubbles-states-background-pressed-surface-secondary: #016fe72e; }
:root:where([data-color-theme="tadam"][data-color-scheme="dark"]) [data-bubbles-variant="incoming"], :not(:root)[data-color-theme="tadam"][data-color-scheme="dark"] [data-bubbles-variant="incoming"], [data-color-theme="tadam"] [data-color-scheme="dark"] [data-bubbles-variant="incoming"] { --bubbles-background-bubble: #232e3a; --bubbles-background-action: #cfcfcf; --bubbles-background-action-fade: #cfcfcf80; --bubbles-background-action-secondary: #ffffff1f; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff1f; --bubbles-background-mention-pressed: #ffffff29; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #3b3f5e; --bubbles-background-bubble-gradient-old-step-2: #32343d; --bubbles-background-reaction-inside-my: #016fe7; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #016fe7; --bubbles-background-reaction-outside-others: #282c42cc; --bubbles-background-focus-regular-min: #2c336800; --bubbles-background-focus-regular-max: #2c336829; --bubbles-background-focus-transparent-min: #252d5000; --bubbles-background-focus-transparent-max: #252d5052; --bubbles-background-focus-single-media-min: #2c336800; --bubbles-background-focus-single-media-max: #2c33683d; --bubbles-background-bubble-gradient-step-1: #2c3368; --bubbles-background-bubble-gradient-step-2: #2a305d; --bubbles-background-bubble-gradient-step-3: #252d50; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #016fe7b2; --bubbles-background-bot-button-hovered: #016fe766; --bubbles-background-bot-button-pressed: #016fe766; --bubbles-background-bot-button-loading: #016fe7b2; --bubbles-text-action: #016fe7; --bubbles-text-action-fade: #fff; --bubbles-text-comment: #016fe7; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffff85; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #016fe7; --bubbles-text-numberreactionyou: #e7e7e7; --bubbles-text-numberreactionother: #e7e7e7cc; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-icon-action: #2a305d; --bubbles-icon-comment: #016fe7; --bubbles-icon-action-secondary: #ffffffb8; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffa3; --bubbles-icon-call-negative: #ff705d; --bubbles-icon-icon-item: #ffffffa3; --bubbles-icon-read-status: #ffffff80; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #fff; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #fff6; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #2a305d; --bubbles-stroke-neutral-secondary: #ffffff14; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="space"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="space"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="space"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #e9fdff; --bubbles-background-action: #0f8ec2; --bubbles-background-action-fade: #0f8ec25c; --bubbles-background-action-secondary: #0f8ec214; --bubbles-background-surface-secondary: #0f8ec214; --bubbles-background-icon-item: #0f8ec214; --bubbles-background-icon-item-negative: #0f8ec214; --bubbles-background-mention: #0f8ec21f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #e9fdff; --bubbles-background-bubble-gradient-old-step-2: #e9fdff; --bubbles-background-reaction-inside-my: #0f8ec2; --bubbles-background-reaction-inside-others: #0f8ec21f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #0f8ec285; --bubbles-background-focus-regular-min: #0f8ec200; --bubbles-background-focus-regular-max: #0f8ec21f; --bubbles-background-focus-transparent-min: #0c88bb00; --bubbles-background-focus-transparent-max: #0c88bb3d; --bubbles-background-focus-single-media-min: #0f8ec200; --bubbles-background-focus-single-media-max: #0f8ec23d; --bubbles-background-bubble-gradient-step-1: #e9fdff; --bubbles-background-bubble-gradient-step-2: #e9fdff; --bubbles-background-bubble-gradient-step-3: #e9fdff; --bubbles-background-system-asset-step-1: #0f8ec24d; --bubbles-background-system-asset-step-2: #0f8ec280; --bubbles-background-system-asset-stroke-step-1: #0f8ec24d; --bubbles-background-system-asset-stroke-step-2: #0f8ec20a; --bubbles-background-system-asset-stroke-step-3: #0f8ec200; --bubbles-background-bot-button-default: #0f8ec2a3; --bubbles-background-bot-button-hovered: #0f8ec266; --bubbles-background-bot-button-pressed: #0f8ec266; --bubbles-background-bot-button-loading: #0f8ec2a3; --bubbles-text-action: #0784b8; --bubbles-text-action-fade: #0784b8; --bubbles-text-comment: #0f1; --bubbles-text-body: #011c29; --bubbles-text-body-secondary: #011c2985; --bubbles-text-author: #0784b8; --bubbles-text-time: #0784b8; --bubbles-text-reply-name: #011c29ad; --bubbles-text-reply-body: #011c2985; --bubbles-text-forward-name: #011c29ad; --bubbles-text-forward-label: #011c2985; --bubbles-text-link: #0784b8; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #0784b8; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #0784b8; --bubbles-text-reaction-outside-my: #0784b8; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #00ff1185; --bubbles-icon-action: #e9fdff; --bubbles-icon-action-secondary: #0f8ec2; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #0f8ec2; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #0f8ec2; --bubbles-icon-read-status: #0f8ec2; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #011c2985; --bubbles-icon-reply-forwarded: #011c2985; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #011c298f; --bubbles-icon-verification-reply-body: #011c2970; --bubbles-icon-verification-forward-name: #011c298f; --bubbles-icon-verification-body: #052b3ca3; --bubbles-stroke-reply: #0f8ec2; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #e9fdff; --bubbles-stroke-neutral-secondary: #0f8ec214; --bubbles-stroke-control-inactive: #0f8ec25c; --bubbles-states-background-hovered-surface-secondary: #0f8ec21f; --bubbles-states-background-pressed-surface-secondary: #0f8ec22e; }
:root:where([data-color-theme="space"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="space"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="space"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #6965e5; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #8849b4; --bubbles-background-bubble-gradient-old-step-2: #5d6ae5; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #282c42cc; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #696da800; --bubbles-background-focus-transparent-max: #696da852; --bubbles-background-focus-single-media-min: #6965e500; --bubbles-background-focus-single-media-max: #6965e53d; --bubbles-background-bubble-gradient-step-1: #8849b4; --bubbles-background-bubble-gradient-step-2: #735acd; --bubbles-background-bubble-gradient-step-3: #5d6ae5; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #4f529db2; --bubbles-background-bot-button-hovered: #4f529d66; --bubbles-background-bot-button-pressed: #4f529d66; --bubbles-background-bot-button-loading: #4f529d99; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #5d6ae5; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #6965e5; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #735acd; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="feb23"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="feb23"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="feb23"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #e0fff9; --bubbles-background-action: #148a8e; --bubbles-background-action-fade: #148a8e5c; --bubbles-background-action-secondary: #148a8e14; --bubbles-background-surface-secondary: #148a8e14; --bubbles-background-icon-item: #148a8e14; --bubbles-background-icon-item-negative: #148a8e14; --bubbles-background-mention: #148a8e1f; --bubbles-background-mention-pressed: #f5fdff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #e0fff9; --bubbles-background-bubble-gradient-old-step-2: #e0fff9; --bubbles-background-reaction-inside-my: #148a8e; --bubbles-background-reaction-inside-others: #148a8e1f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #148a8e85; --bubbles-background-focus-regular-min: #148a8e00; --bubbles-background-focus-regular-max: #148a8e1f; --bubbles-background-focus-transparent-min: #148a8e00; --bubbles-background-focus-transparent-max: #148a8e3d; --bubbles-background-focus-single-media-min: #148a8e00; --bubbles-background-focus-single-media-max: #148a8e3d; --bubbles-background-bubble-gradient-step-1: #e0fff9; --bubbles-background-bubble-gradient-step-2: #e0fff9; --bubbles-background-bubble-gradient-step-3: #e0fff9; --bubbles-background-system-asset-step-1: #148a8e4d; --bubbles-background-system-asset-step-2: #148a8e80; --bubbles-background-system-asset-stroke-step-1: #148a8e4d; --bubbles-background-system-asset-stroke-step-2: #148a8e0a; --bubbles-background-system-asset-stroke-step-3: #148a8e00; --bubbles-background-bot-button-default: #148a8ea3; --bubbles-background-bot-button-hovered: #148a8e66; --bubbles-background-bot-button-pressed: #148a8e66; --bubbles-background-bot-button-loading: #148a8ea3; --bubbles-text-action: #0d7f85; --bubbles-text-action-fade: #0d7f85; --bubbles-text-comment: #0f1; --bubbles-text-body: #01191f; --bubbles-text-body-secondary: #052b3385; --bubbles-text-author: #0d7f85; --bubbles-text-time: #0d7f85; --bubbles-text-reply-name: #01191fad; --bubbles-text-reply-body: #01191f85; --bubbles-text-forward-name: #01191fad; --bubbles-text-forward-label: #01191f85; --bubbles-text-link: #0d7f85; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #0d7f85; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #0d7f85; --bubbles-text-reaction-outside-my: #0d7f85; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #e0fff9; --bubbles-icon-action-secondary: #148a8e; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #148a8e; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #148a8e; --bubbles-icon-read-status: #148a8e; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #01191f85; --bubbles-icon-reply-forwarded: #01191f85; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #01191f8f; --bubbles-icon-verification-reply-body: #01191f70; --bubbles-icon-verification-forward-name: #01191f8f; --bubbles-icon-verification-body: #01191fa3; --bubbles-stroke-reply: #148a8e; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff0e9; --bubbles-stroke-neutral-secondary: #148a8e14; --bubbles-stroke-control-inactive: #148a8e5c; --bubbles-states-background-hovered-surface-secondary: #148a8e1f; --bubbles-states-background-pressed-surface-secondary: #148a8e2e; }
:root:where([data-color-theme="feb23"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="feb23"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="feb23"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #429097; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #428896; --bubbles-background-bubble-gradient-old-step-2: #5498ba; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #2e86a3; --bubbles-background-reaction-outside-others: #173f4cb2; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #2e86a300; --bubbles-background-focus-transparent-max: #0d4f6152; --bubbles-background-focus-single-media-min: #2e86a300; --bubbles-background-focus-single-media-max: #2e86a33d; --bubbles-background-bubble-gradient-step-1: #429696; --bubbles-background-bubble-gradient-step-2: #428896; --bubbles-background-bubble-gradient-step-3: #5498ba; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #0d4f61b2; --bubbles-background-bot-button-hovered: #0d4f6166; --bubbles-background-bot-button-pressed: #0d4f6166; --bubbles-background-bot-button-loading: #0d4f6199; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #2e86a3; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #3fa9be; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #41aec4; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="mar8"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="mar8"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="mar8"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #f6e0ff; --bubbles-background-action: #d0538f; --bubbles-background-action-fade: #d0538f5c; --bubbles-background-action-secondary: #d0538f14; --bubbles-background-surface-secondary: #d0538f14; --bubbles-background-icon-item: #d0538f14; --bubbles-background-icon-item-negative: #d0538f14; --bubbles-background-mention: #d0538f1f; --bubbles-background-mention-pressed: #fff5ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #f6e0ff; --bubbles-background-bubble-gradient-old-step-2: #f6e0ff; --bubbles-background-reaction-inside-my: #d0538f; --bubbles-background-reaction-inside-others: #d0538f1f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #d0538f85; --bubbles-background-focus-regular-min: #d0538f00; --bubbles-background-focus-regular-max: #d0538f1f; --bubbles-background-focus-transparent-min: #d0538f00; --bubbles-background-focus-transparent-max: #d0538f3d; --bubbles-background-focus-single-media-min: #d0538f00; --bubbles-background-focus-single-media-max: #d0538f3d; --bubbles-background-bubble-gradient-step-1: #f6e0ff; --bubbles-background-bubble-gradient-step-2: #f6e0ff; --bubbles-background-bubble-gradient-step-3: #f6e0ff; --bubbles-background-system-asset-step-1: #d0538f4d; --bubbles-background-system-asset-step-2: #d0538f80; --bubbles-background-system-asset-stroke-step-1: #d0538f4d; --bubbles-background-system-asset-stroke-step-2: #d0538f0a; --bubbles-background-system-asset-stroke-step-3: #d0538f00; --bubbles-background-bot-button-default: #c51891a3; --bubbles-background-bot-button-hovered: #c5189166; --bubbles-background-bot-button-pressed: #c5189166; --bubbles-background-bot-button-loading: #c51891a3; --bubbles-text-action: #c74883; --bubbles-text-action-fade: #c74883; --bubbles-text-comment: #0f1; --bubbles-text-body: #1f011e; --bubbles-text-body-secondary: #1f011e85; --bubbles-text-author: #c74883; --bubbles-text-time: #c74883; --bubbles-text-reply-name: #1f011ead; --bubbles-text-reply-body: #1f011e85; --bubbles-text-forward-name: #1f011ead; --bubbles-text-forward-label: #1f011e85; --bubbles-text-link: #c74883; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #c74883; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #c74883; --bubbles-text-reaction-outside-my: #c74883; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #f6e0ff; --bubbles-icon-action-secondary: #d0538f; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #d0538f; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #d0538f; --bubbles-icon-read-status: #d0538f; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #1f011e85; --bubbles-icon-reply-forwarded: #1f011e85; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #1f011e8f; --bubbles-icon-verification-reply-body: #1f011e70; --bubbles-icon-verification-forward-name: #1f011e8f; --bubbles-icon-verification-body: #1f011ea3; --bubbles-stroke-reply: #d0538f; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff0e9; --bubbles-stroke-neutral-secondary: #d0538f14; --bubbles-stroke-control-inactive: #d0538f5c; --bubbles-states-background-hovered-surface-secondary: #d0538f1f; --bubbles-states-background-pressed-surface-secondary: #d0538f2e; }
:root:where([data-color-theme="mar8"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="mar8"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="mar8"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #d66267; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #d2606c; --bubbles-background-bubble-gradient-old-step-2: #c05386; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #cd3782; --bubbles-background-reaction-outside-others: #4c174cb2; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #cd378200; --bubbles-background-focus-transparent-max: #cd378252; --bubbles-background-focus-single-media-min: #cd378200; --bubbles-background-focus-single-media-max: #cd37823d; --bubbles-background-bubble-gradient-step-1: #dc655e; --bubbles-background-bubble-gradient-step-2: #d2606c; --bubbles-background-bubble-gradient-step-3: #c05386; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #6e1754b2; --bubbles-background-bot-button-hovered: #6e175466; --bubbles-background-bot-button-pressed: #6e175466; --bubbles-background-bot-button-loading: #6e175499; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #cd3782; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #c6587d; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #c441c4; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="nature"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="nature"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="nature"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #e2ffc9; --bubbles-background-action: #2da334; --bubbles-background-action-fade: #2da3345c; --bubbles-background-action-secondary: #2da33414; --bubbles-background-surface-secondary: #2da33414; --bubbles-background-icon-item: #2da33414; --bubbles-background-icon-item-negative: #2da33414; --bubbles-background-mention: #2da3341f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #e2ffc9; --bubbles-background-bubble-gradient-old-step-2: #e2ffc9; --bubbles-background-reaction-inside-my: #2da334; --bubbles-background-reaction-inside-others: #2da3341f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #2da33485; --bubbles-background-focus-regular-min: #2da33400; --bubbles-background-focus-regular-max: #2da3341f; --bubbles-background-focus-transparent-min: #2da33400; --bubbles-background-focus-transparent-max: #2da3343d; --bubbles-background-focus-single-media-min: #2da33400; --bubbles-background-focus-single-media-max: #2da3343d; --bubbles-background-bubble-gradient-step-1: #e2ffc9; --bubbles-background-bubble-gradient-step-2: #e2ffc9; --bubbles-background-bubble-gradient-step-3: #e2ffc9; --bubbles-background-system-asset-step-1: #2da3344d; --bubbles-background-system-asset-step-2: #2da33480; --bubbles-background-system-asset-stroke-step-1: #2da3344d; --bubbles-background-system-asset-stroke-step-2: #2da3340a; --bubbles-background-system-asset-stroke-step-3: #2da33400; --bubbles-background-bot-button-default: #00b60ca3; --bubbles-background-bot-button-hovered: #00b60c66; --bubbles-background-bot-button-pressed: #00b60c66; --bubbles-background-bot-button-loading: #00b60ca3; --bubbles-text-action: #25992e; --bubbles-text-action-fade: #25992e; --bubbles-text-comment: #0f1; --bubbles-text-body: #011f09; --bubbles-text-body-secondary: #011f0985; --bubbles-text-author: #25992e; --bubbles-text-time: #008c08; --bubbles-text-reply-name: #011f09ad; --bubbles-text-reply-body: #011f0985; --bubbles-text-forward-name: #011f09ad; --bubbles-text-forward-label: #011f0985; --bubbles-text-link: #008c08; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #008c08; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #25992e; --bubbles-text-reaction-outside-my: #25992e; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #e2ffc9; --bubbles-icon-action-secondary: #008c08; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #008c08; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #008c08; --bubbles-icon-read-status: #008c08; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #011f0985; --bubbles-icon-reply-forwarded: #011f0985; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #011f098f; --bubbles-icon-verification-reply-body: #011f0970; --bubbles-icon-verification-forward-name: #011f098f; --bubbles-icon-verification-body: #011f09a3; --bubbles-stroke-reply: #008c08; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #e2ffc9; --bubbles-stroke-neutral-secondary: #008c0814; --bubbles-stroke-control-inactive: #2da3345c; --bubbles-states-background-hovered-surface-secondary: #2da3341f; --bubbles-states-background-pressed-surface-secondary: #2da3342e; }
:root:where([data-color-theme="nature"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="nature"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="nature"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #245e28; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #14472e; --bubbles-background-bubble-gradient-old-step-2: #195939; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #2da334; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #5a946700; --bubbles-background-focus-transparent-max: #5a946752; --bubbles-background-focus-single-media-min: #5a946700; --bubbles-background-focus-single-media-max: #5a94673d; --bubbles-background-bubble-gradient-step-1: #195939; --bubbles-background-bubble-gradient-step-2: #175033; --bubbles-background-bubble-gradient-step-3: #14472e; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #5a9467b2; --bubbles-background-bot-button-hovered: #5a946766; --bubbles-background-bot-button-pressed: #5a946766; --bubbles-background-bot-button-loading: #5a946799; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #195939; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #154a30; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #154a30; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="neon"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="neon"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="neon"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #e9fdff; --bubbles-background-action: #4930c7; --bubbles-background-action-fade: #4930c75c; --bubbles-background-action-secondary: #4930c714; --bubbles-background-surface-secondary: #4930c714; --bubbles-background-icon-item: #4930c714; --bubbles-background-icon-item-negative: #4930c714; --bubbles-background-mention: #4930c71f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #dae0ff; --bubbles-background-bubble-gradient-old-step-2: #dae0ff; --bubbles-background-reaction-inside-my: #4930c7; --bubbles-background-reaction-inside-others: #4930c71f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #4930c785; --bubbles-background-focus-regular-min: #4930c700; --bubbles-background-focus-regular-max: #4930c71f; --bubbles-background-focus-transparent-min: #4930c700; --bubbles-background-focus-transparent-max: #4930c73d; --bubbles-background-focus-single-media-min: #4930c700; --bubbles-background-focus-single-media-max: #4930c73d; --bubbles-background-bubble-gradient-step-1: #dae0ff; --bubbles-background-bubble-gradient-step-2: #dae0ff; --bubbles-background-bubble-gradient-step-3: #dae0ff; --bubbles-background-system-asset-step-1: #8d33cc4d; --bubbles-background-system-asset-step-2: #8d33cc80; --bubbles-background-system-asset-stroke-step-1: #8d33cc4d; --bubbles-background-system-asset-stroke-step-2: #8d33cc0a; --bubbles-background-system-asset-stroke-step-3: #8d33cc00; --bubbles-background-bot-button-default: #4930c7a3; --bubbles-background-bot-button-hovered: #4930c766; --bubbles-background-bot-button-pressed: #4930c766; --bubbles-background-bot-button-loading: #4930c7a3; --bubbles-text-action: #4930c7; --bubbles-text-action-fade: #4930c7; --bubbles-text-comment: #0f1; --bubbles-text-body: #07011f; --bubbles-text-body-secondary: #07011f85; --bubbles-text-author: #4930c7; --bubbles-text-time: #4930c7; --bubbles-text-reply-name: #07011fad; --bubbles-text-reply-body: #07011f85; --bubbles-text-forward-name: #07011fad; --bubbles-text-forward-label: #07011f85; --bubbles-text-link: #4930c7; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #4930c7; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #4930c7; --bubbles-text-reaction-outside-my: #4930c7; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #dae0ff; --bubbles-icon-action-secondary: #4930c7; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #4930c7; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #4930c7; --bubbles-icon-read-status: #4930c7; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #07011f85; --bubbles-icon-reply-forwarded: #07011f85; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #07011f8f; --bubbles-icon-verification-reply-body: #07011f70; --bubbles-icon-verification-forward-name: #07011f8f; --bubbles-icon-verification-body: #07011fa3; --bubbles-stroke-reply: #4930c7; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #dae0ff; --bubbles-stroke-neutral-secondary: #4930c714; --bubbles-stroke-control-inactive: #4930c75c; --bubbles-states-background-hovered-surface-secondary: #4930c71f; --bubbles-states-background-pressed-surface-secondary: #4930c72e; }
:root:where([data-color-theme="neon"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="neon"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="neon"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #8d33cc; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #394ae5; --bubbles-background-bubble-gradient-old-step-2: #8d33cc; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #6a4dff; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #8d33cc00; --bubbles-background-focus-transparent-max: #8d33cc52; --bubbles-background-focus-single-media-min: #8d33cc00; --bubbles-background-focus-single-media-max: #8d33cc3d; --bubbles-background-bubble-gradient-step-1: #e56b53; --bubbles-background-bubble-gradient-step-2: #8d33cc; --bubbles-background-bubble-gradient-step-3: #394ae5; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #6a4dffb2; --bubbles-background-bot-button-hovered: #6a4dff66; --bubbles-background-bot-button-pressed: #6a4dff66; --bubbles-background-bot-button-loading: #6a4dff99; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #6a4dff; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #6040d9; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #6040d9; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="moscow"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="moscow"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="moscow"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #bf3f3f; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #bf3f3f; --bubbles-background-bubble-gradient-old-step-2: #bf3f3f; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #d93636; --bubbles-background-reaction-outside-others: #d9363685; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff1f; --bubbles-background-focus-transparent-min: #d9363600; --bubbles-background-focus-transparent-max: #d936363d; --bubbles-background-focus-single-media-min: #d9363600; --bubbles-background-focus-single-media-max: #d936363d; --bubbles-background-bubble-gradient-step-1: #bf3f3f; --bubbles-background-bubble-gradient-step-2: #bf3f3f; --bubbles-background-bubble-gradient-step-3: #bf3f3f; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #bf3f3fa3; --bubbles-background-bot-button-hovered: #bf3f3f66; --bubbles-background-bot-button-pressed: #bf3f3f66; --bubbles-background-bot-button-loading: #bf3f3fa3; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #cf2e2b; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #be272a; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #d93636; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #d93636; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="moscow"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="moscow"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="moscow"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #9d2f40; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #9d2f40; --bubbles-background-bubble-gradient-old-step-2: #c63b3b; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #a63a3a; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff1f; --bubbles-background-focus-transparent-min: #a63a3a00; --bubbles-background-focus-transparent-max: #a63a3a52; --bubbles-background-focus-single-media-min: #a63a3a00; --bubbles-background-focus-single-media-max: #a63a3a3d; --bubbles-background-bubble-gradient-step-1: #9d2f40; --bubbles-background-bubble-gradient-step-2: #9d2f40; --bubbles-background-bubble-gradient-step-3: #c63b3b; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #9d2f40b2; --bubbles-background-bot-button-hovered: #9d2f4066; --bubbles-background-bot-button-pressed: #9d2f4066; --bubbles-background-bot-button-loading: #9d2f4099; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #a63a3a; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #bf393c; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #a63a3a; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="lebedev"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="lebedev"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="lebedev"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #fbe1d7; --bubbles-background-action: #de675a; --bubbles-background-action-fade: #de675a5c; --bubbles-background-action-secondary: #de675a14; --bubbles-background-surface-secondary: #de675a14; --bubbles-background-icon-item: #de675a14; --bubbles-background-icon-item-negative: #de675a14; --bubbles-background-mention: #de675a1f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #fbe1d7; --bubbles-background-bubble-gradient-old-step-2: #fbe1d7; --bubbles-background-reaction-inside-my: #de675a; --bubbles-background-reaction-inside-others: #de675a1f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #de675a85; --bubbles-background-focus-regular-min: #de675a00; --bubbles-background-focus-regular-max: #de675a1f; --bubbles-background-focus-transparent-min: #de675a00; --bubbles-background-focus-transparent-max: #de675a3d; --bubbles-background-focus-single-media-min: #de675a00; --bubbles-background-focus-single-media-max: #de675a3d; --bubbles-background-bubble-gradient-step-1: #fbe1d7; --bubbles-background-bubble-gradient-step-2: #fbe1d7; --bubbles-background-bubble-gradient-step-3: #fbe1d7; --bubbles-background-system-asset-step-1: #de675a4d; --bubbles-background-system-asset-step-2: #de675a80; --bubbles-background-system-asset-stroke-step-1: #de675a4d; --bubbles-background-system-asset-stroke-step-2: #de675a0a; --bubbles-background-system-asset-stroke-step-3: #de675a00; --bubbles-background-bot-button-default: #de675aa3; --bubbles-background-bot-button-hovered: #de675a66; --bubbles-background-bot-button-pressed: #de675a66; --bubbles-background-bot-button-loading: #de675aa3; --bubbles-text-action: #d45e4e; --bubbles-text-action-fade: #d45e4e; --bubbles-text-comment: #0f1; --bubbles-text-body: #1f0401; --bubbles-text-body-secondary: #1f040185; --bubbles-text-author: #d45e4e; --bubbles-text-time: #e88c80; --bubbles-text-reply-name: #1f0401ad; --bubbles-text-reply-body: #1f040185; --bubbles-text-forward-name: #1f0401ad; --bubbles-text-forward-label: #1f040185; --bubbles-text-link: #d45e4e; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #d45e4e; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #d45e4e; --bubbles-text-reaction-outside-my: #d45e4e; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #fbe1d7; --bubbles-icon-action-secondary: #de675a; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #de675a; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #de675a; --bubbles-icon-read-status: #e88274; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #1f040185; --bubbles-icon-reply-forwarded: #1f040185; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #1f04018f; --bubbles-icon-verification-reply-body: #1f040170; --bubbles-icon-verification-forward-name: #1f04018f; --bubbles-icon-verification-body: #1f0401a3; --bubbles-stroke-reply: #de675a; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #ffeae9; --bubbles-stroke-neutral-secondary: #de675a14; --bubbles-stroke-control-inactive: #de675a5c; --bubbles-states-background-hovered-surface-secondary: #de675a1f; --bubbles-states-background-pressed-surface-secondary: #de675a2e; }
:root:where([data-color-theme="lebedev"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="lebedev"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="lebedev"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #b45f5d; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #d19379; --bubbles-background-bubble-gradient-old-step-2: #9f5452; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #bb483f; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #bb483f00; --bubbles-background-focus-transparent-max: #bb483f52; --bubbles-background-focus-single-media-min: #bb483f00; --bubbles-background-focus-single-media-max: #bb483f3d; --bubbles-background-bubble-gradient-step-1: #d19379; --bubbles-background-bubble-gradient-step-2: #b87466; --bubbles-background-bubble-gradient-step-3: #9f5452; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #b45f5db2; --bubbles-background-bot-button-hovered: #b45f5d66; --bubbles-background-bot-button-pressed: #b45f5d66; --bubbles-background-bot-button-loading: #b45f5d99; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #bb483f; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #c37068; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #bb483f; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="simple"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="simple"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="simple"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #0070eb; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #17a8e5; --bubbles-background-bubble-gradient-old-step-2: #0070eb; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #f2f2f2; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff1f; --bubbles-background-focus-transparent-min: #007aff00; --bubbles-background-focus-transparent-max: #007aff3d; --bubbles-background-focus-single-media-min: #007aff00; --bubbles-background-focus-single-media-max: #007aff3d; --bubbles-background-bubble-gradient-step-1: #17a8e5; --bubbles-background-bubble-gradient-step-2: #0b8ce8; --bubbles-background-bubble-gradient-step-3: #0070eb; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #007aff99; --bubbles-background-bot-button-hovered: #007aff66; --bubbles-background-bot-button-pressed: #007aff66; --bubbles-background-bot-button-loading: #007aff99; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #0072f5; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #0072f5; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #0784ed; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #0784ed; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #0784ed; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="simple"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="simple"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="simple"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #2258cc; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #4429cc; --bubbles-background-bubble-gradient-old-step-2: #08c; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #007aff; --bubbles-background-reaction-outside-others: #ffffff29; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #696da800; --bubbles-background-focus-transparent-max: #696da852; --bubbles-background-focus-single-media-min: #6965e500; --bubbles-background-focus-single-media-max: #6965e53d; --bubbles-background-bubble-gradient-step-1: #4429cc; --bubbles-background-bubble-gradient-step-2: #2251e5; --bubbles-background-bubble-gradient-step-3: #08c; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #006ee599; --bubbles-background-bot-button-hovered: #006ee566; --bubbles-background-bot-button-pressed: #006ee566; --bubbles-background-bot-button-loading: #006ee599; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #0072f5; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #1561ef; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #1561ef; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="aquamarine"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="aquamarine"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #ddf4ff; --bubbles-background-action: #027feb; --bubbles-background-action-fade: #027feb5c; --bubbles-background-action-secondary: #027feb14; --bubbles-background-surface-secondary: #027feb14; --bubbles-background-icon-item: #027feb14; --bubbles-background-icon-item-negative: #027feb14; --bubbles-background-mention: #027feb1f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #ddf4ff; --bubbles-background-bubble-gradient-old-step-2: #ddf4ff; --bubbles-background-reaction-inside-my: #027feb; --bubbles-background-reaction-inside-others: #027feb1f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #027feb85; --bubbles-background-focus-regular-min: #027feb00; --bubbles-background-focus-regular-max: #027feb1f; --bubbles-background-focus-transparent-min: #027feb00; --bubbles-background-focus-transparent-max: #027feb3d; --bubbles-background-focus-single-media-min: #027feb00; --bubbles-background-focus-single-media-max: #027feb3d; --bubbles-background-bubble-gradient-step-1: #ddf4ff; --bubbles-background-bubble-gradient-step-2: #ddf4ff; --bubbles-background-bubble-gradient-step-3: #ddf4ff; --bubbles-background-system-asset-step-1: #027feb4d; --bubbles-background-system-asset-step-2: #027feb80; --bubbles-background-system-asset-stroke-step-1: #027feb4d; --bubbles-background-system-asset-stroke-step-2: #027feb0a; --bubbles-background-system-asset-stroke-step-3: #027feb00; --bubbles-background-bot-button-default: #027feba3; --bubbles-background-bot-button-hovered: #027feb66; --bubbles-background-bot-button-pressed: #027feb66; --bubbles-background-bot-button-loading: #027feba3; --bubbles-text-action: #027feb; --bubbles-text-action-fade: #027feb; --bubbles-text-comment: #0f1; --bubbles-text-body: #052433; --bubbles-text-body-secondary: #05243385; --bubbles-text-author: #027feb; --bubbles-text-time: #027feb; --bubbles-text-reply-name: #052433ad; --bubbles-text-reply-body: #05243385; --bubbles-text-forward-name: #052433ad; --bubbles-text-forward-label: #05243385; --bubbles-text-link: #027feb; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #027feb; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #027feb; --bubbles-text-reaction-outside-my: #027feb; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #ddf4ff; --bubbles-icon-action-secondary: #027feb; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #027feb; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #027feb; --bubbles-icon-read-status: #027feb; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #05243385; --bubbles-icon-reply-forwarded: #05243385; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #0524338f; --bubbles-icon-verification-reply-body: #05243370; --bubbles-icon-verification-forward-name: #0524338f; --bubbles-icon-verification-body: #052433a3; --bubbles-stroke-reply: #027feb; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #fff0e9; --bubbles-stroke-neutral-secondary: #027feb14; --bubbles-stroke-control-inactive: #027feb5c; --bubbles-states-background-hovered-surface-secondary: #027feb1f; --bubbles-states-background-pressed-surface-secondary: #027feb2e; }
:root:where([data-color-theme="aquamarine"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="aquamarine"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="aquamarine"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #1282bc; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #1282bc; --bubbles-background-bubble-gradient-old-step-2: #266da8; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #027feb; --bubbles-background-reaction-outside-others: #027febb2; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #027feb00; --bubbles-background-focus-transparent-max: #027feb52; --bubbles-background-focus-single-media-min: #027feb00; --bubbles-background-focus-single-media-max: #027feb3d; --bubbles-background-bubble-gradient-step-1: #29acd0; --bubbles-background-bubble-gradient-step-2: #1282bc; --bubbles-background-bubble-gradient-step-3: #266da8; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #027febb2; --bubbles-background-bot-button-hovered: #027feb66; --bubbles-background-bot-button-pressed: #027feb66; --bubbles-background-bot-button-loading: #027feb99; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #027feb; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #2074af; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #4187c4; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
:root:where([data-color-theme="tadam"][data-color-scheme="light"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="tadam"][data-color-scheme="light"] [data-bubbles-variant="outgoing"], [data-color-theme="tadam"] [data-color-scheme="light"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #e9fdff; --bubbles-background-action: #016fe7; --bubbles-background-action-fade: #016fe75c; --bubbles-background-action-secondary: #016fe714; --bubbles-background-surface-secondary: #016fe714; --bubbles-background-icon-item: #016fe714; --bubbles-background-icon-item-negative: #016fe714; --bubbles-background-mention: #016fe71f; --bubbles-background-mention-pressed: #f5f9ff; --bubbles-background-text-focus: #0a074540; --bubbles-background-bubble-gradient-old-step-1: #e9fdff; --bubbles-background-bubble-gradient-old-step-2: #e9fdff; --bubbles-background-reaction-inside-my: #016fe7; --bubbles-background-reaction-inside-others: #016fe71f; --bubbles-background-reaction-outside-my: #fff; --bubbles-background-reaction-outside-others: #016fe785; --bubbles-background-focus-regular-min: #016fe700; --bubbles-background-focus-regular-max: #016fe71f; --bubbles-background-focus-transparent-min: #0068d900; --bubbles-background-focus-transparent-max: #0068d93d; --bubbles-background-focus-single-media-min: #016fe700; --bubbles-background-focus-single-media-max: #016fe73d; --bubbles-background-bubble-gradient-step-1: #d9f3ff; --bubbles-background-bubble-gradient-step-2: #e2f6ff; --bubbles-background-bubble-gradient-step-3: #d9f3ff; --bubbles-background-system-asset-step-1: #016fe74d; --bubbles-background-system-asset-step-2: #016fe780; --bubbles-background-system-asset-stroke-step-1: #016fe74d; --bubbles-background-system-asset-stroke-step-2: #016fe70a; --bubbles-background-system-asset-stroke-step-3: #016fe700; --bubbles-background-bot-button-default: #016fe7a3; --bubbles-background-bot-button-hovered: #016fe766; --bubbles-background-bot-button-pressed: #016fe766; --bubbles-background-bot-button-loading: #016fe7a3; --bubbles-text-action: #016fe7; --bubbles-text-action-fade: #016fe7; --bubbles-text-comment: #0f1; --bubbles-text-body: #011c29; --bubbles-text-body-secondary: #011c2985; --bubbles-text-author: #016fe7; --bubbles-text-time: #016fe7; --bubbles-text-reply-name: #011c29ad; --bubbles-text-reply-body: #011c2985; --bubbles-text-forward-name: #011c29ad; --bubbles-text-forward-label: #011c2985; --bubbles-text-link: #016fe7; --bubbles-text-link-underline: #fff0; --bubbles-text-md-link: #016fe7; --bubbles-text-reaction-inside-my: #fff; --bubbles-text-reaction-inside-others: #016fe7; --bubbles-text-reaction-outside-my: #016fe7; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #00ff1185; --bubbles-icon-action: #e9fdff; --bubbles-icon-action-secondary: #016fe7; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #016fe7; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #016fe7; --bubbles-icon-read-status: #016fe7; --bubbles-icon-read-status-capsule: #fff; --bubbles-icon-reply: #011c2985; --bubbles-icon-reply-forwarded: #011c2985; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #011c298f; --bubbles-icon-verification-reply-body: #011c2970; --bubbles-icon-verification-forward-name: #011c298f; --bubbles-icon-verification-body: #052b3ca3; --bubbles-stroke-reply: #016fe7; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fff; --bubbles-stroke-action: #e9fdff; --bubbles-stroke-neutral-secondary: #016fe714; --bubbles-stroke-control-inactive: #016fe75c; --bubbles-states-background-hovered-surface-secondary: #016fe71f; --bubbles-states-background-pressed-surface-secondary: #016fe72e; }
:root:where([data-color-theme="tadam"][data-color-scheme="dark"]) [data-bubbles-variant="outgoing"], :not(:root)[data-color-theme="tadam"][data-color-scheme="dark"] [data-bubbles-variant="outgoing"], [data-color-theme="tadam"] [data-color-scheme="dark"] [data-bubbles-variant="outgoing"] { --bubbles-background-bubble: #2c3368; --bubbles-background-action: #ffffffe0; --bubbles-background-action-fade: #ffffff80; --bubbles-background-action-secondary: #ffffff29; --bubbles-background-surface-secondary: #ffffff1f; --bubbles-background-icon-item: #ffffff29; --bubbles-background-icon-item-negative: #ffffff29; --bubbles-background-mention: #ffffff29; --bubbles-background-mention-pressed: #ffffff3d; --bubbles-background-text-focus: #ffffff40; --bubbles-background-bubble-gradient-old-step-1: #8849b4; --bubbles-background-bubble-gradient-old-step-2: #5d6ae5; --bubbles-background-reaction-inside-my: #fff; --bubbles-background-reaction-inside-others: #ffffff29; --bubbles-background-reaction-outside-my: #016fe7; --bubbles-background-reaction-outside-others: #282c42cc; --bubbles-background-focus-regular-min: #fff0; --bubbles-background-focus-regular-max: #ffffff29; --bubbles-background-focus-transparent-min: #252d5000; --bubbles-background-focus-transparent-max: #252d5052; --bubbles-background-focus-single-media-min: #2c336800; --bubbles-background-focus-single-media-max: #2c33683d; --bubbles-background-bubble-gradient-step-1: #23b0d6; --bubbles-background-bubble-gradient-step-2: #016fe7; --bubbles-background-bubble-gradient-step-3: #2672b2; --bubbles-background-system-asset-step-1: #ffffff0d; --bubbles-background-system-asset-step-2: #fff3; --bubbles-background-system-asset-stroke-step-1: #ffffff4d; --bubbles-background-system-asset-stroke-step-2: #ffffff0a; --bubbles-background-system-asset-stroke-step-3: #fff0; --bubbles-background-bot-button-default: #016fe7b2; --bubbles-background-bot-button-hovered: #016fe766; --bubbles-background-bot-button-pressed: #016fe766; --bubbles-background-bot-button-loading: #016fe799; --bubbles-text-action: #fff; --bubbles-text-action-fade: #fffc; --bubbles-text-comment: #0f1; --bubbles-text-body: #fff; --bubbles-text-body-secondary: #ffffffa3; --bubbles-text-author: #fff; --bubbles-text-time: #ffffffa3; --bubbles-text-reply-name: #fffc; --bubbles-text-reply-body: #ffffffa3; --bubbles-text-forward-name: #fffc; --bubbles-text-forward-label: #ffffffa3; --bubbles-text-link: #fff; --bubbles-text-link-underline: #fff; --bubbles-text-md-link: #fff; --bubbles-text-reaction-inside-my: #016fe7; --bubbles-text-reaction-inside-others: #fff; --bubbles-text-reaction-outside-my: #fff; --bubbles-text-reaction-outside-others: #fff; --bubbles-text-numberreactionyou: #0f1; --bubbles-text-numberreactionother: #0f1; --bubbles-icon-action: #016fe7; --bubbles-icon-action-secondary: #ffffffe0; --bubbles-icon-comment: #0f1; --bubbles-icon-alert: #e64646; --bubbles-icon-call-neutral: #ffffffe0; --bubbles-icon-call-negative: #0f1; --bubbles-icon-icon-item: #ffffffe0; --bubbles-icon-read-status: #ffffffe0; --bubbles-icon-read-status-capsule: #ffffffe0; --bubbles-icon-reply: #ffffff80; --bubbles-icon-reply-forwarded: #ffffff80; --bubbles-icon-verification-author: #0f1; --bubbles-icon-verification-reply-name: #fffc; --bubbles-icon-verification-reply-body: #ffffff70; --bubbles-icon-verification-forward-name: #ffffffa3; --bubbles-icon-verification-body: #fffc; --bubbles-stroke-reply: #ffffff85; --bubbles-stroke-reply-outside: #fff; --bubbles-stroke-primary-inverse-static: #fffc; --bubbles-stroke-action: #016fe7; --bubbles-stroke-neutral-secondary: #ffffff1a; --bubbles-stroke-control-inactive: #ffffff5c; --bubbles-states-background-hovered-surface-secondary: #ffffff29; --bubbles-states-background-pressed-surface-secondary: #ffffff3d; }
[data-scale="xsmall"] { --font-bubble-description-size: 13px; --font-bubble-description-line-height: 16px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 13px; --font-bubble-description-strong-line-height: 16px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 12px; --font-bubble-label-line-height: 16px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 12px; --font-bubble-label-strong-line-height: 16px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 11px; --font-bubble-tag-line-height: 14px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 10px; --font-bubble-note-strong-line-height: 12px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 16px; --font-markdown-message-title-line-height: 20px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 13px; --font-markdown-message-base-line-height: 16px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 13px; --font-markdown-message-strong-line-height: 16px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 13px; --font-markdown-message-monospace-line-height: 16px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 16px; --font-markdown-input-title-line-height: 20px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 13px; --font-markdown-input-base-line-height: 16px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 13px; --font-markdown-input-strong-line-height: 16px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 13px; --font-markdown-input-monospace-line-height: 16px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="small"] { --font-bubble-description-size: 13px; --font-bubble-description-line-height: 16px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 13px; --font-bubble-description-strong-line-height: 16px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 12px; --font-bubble-label-line-height: 16px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 12px; --font-bubble-label-strong-line-height: 16px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 11px; --font-bubble-tag-line-height: 14px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 10px; --font-bubble-note-strong-line-height: 12px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 17px; --font-markdown-message-title-line-height: 22px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 14px; --font-markdown-message-base-line-height: 16px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 14px; --font-markdown-message-strong-line-height: 16px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 14px; --font-markdown-message-monospace-line-height: 16px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 17px; --font-markdown-input-title-line-height: 22px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 14px; --font-markdown-input-base-line-height: 16px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 14px; --font-markdown-input-strong-line-height: 16px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 14px; --font-markdown-input-monospace-line-height: 16px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="medium"] { --font-bubble-description-size: 13px; --font-bubble-description-line-height: 16px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 13px; --font-bubble-description-strong-line-height: 16px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 12px; --font-bubble-label-line-height: 16px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 12px; --font-bubble-label-strong-line-height: 16px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 11px; --font-bubble-tag-line-height: 14px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 10px; --font-bubble-note-strong-line-height: 12px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 18px; --font-markdown-message-title-line-height: 22px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 15px; --font-markdown-message-base-line-height: 18px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 15px; --font-markdown-message-strong-line-height: 18px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 15px; --font-markdown-message-monospace-line-height: 18px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 18px; --font-markdown-input-title-line-height: 22px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 15px; --font-markdown-input-base-line-height: 20px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 15px; --font-markdown-input-strong-line-height: 20px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 15px; --font-markdown-input-monospace-line-height: 20px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="xlarge"] { --font-bubble-description-size: 16px; --font-bubble-description-line-height: 20px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 16px; --font-bubble-description-strong-line-height: 20px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 14px; --font-bubble-label-line-height: 16px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 14px; --font-bubble-label-strong-line-height: 16px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 12px; --font-bubble-tag-line-height: 14px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 11px; --font-bubble-note-strong-line-height: 14px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 22px; --font-markdown-message-title-line-height: 24px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 18px; --font-markdown-message-base-line-height: 22px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 18px; --font-markdown-message-strong-line-height: 22px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 18px; --font-markdown-message-monospace-line-height: 22px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 22px; --font-markdown-input-title-line-height: 24px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 18px; --font-markdown-input-base-line-height: 22px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 18px; --font-markdown-input-strong-line-height: 22px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 18px; --font-markdown-input-monospace-line-height: 22px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="xxlarge"] { --font-bubble-description-size: 18px; --font-bubble-description-line-height: 22px; --font-bubble-description-letter-spacing: .15px; --font-bubble-description-strong-size: 18px; --font-bubble-description-strong-line-height: 22px; --font-bubble-description-strong-letter-spacing: .15px; --font-bubble-label-size: 16px; --font-bubble-label-line-height: 20px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 16px; --font-bubble-label-strong-line-height: 20px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 13px; --font-bubble-tag-line-height: 16px; --font-bubble-tag-letter-spacing: .3px; --font-bubble-note-strong-size: 12px; --font-bubble-note-strong-line-height: 16px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 24px; --font-markdown-message-title-line-height: 28px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 20px; --font-markdown-message-base-line-height: 24px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 20px; --font-markdown-message-strong-line-height: 24px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 20px; --font-markdown-message-monospace-line-height: 24px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 24px; --font-markdown-input-title-line-height: 28px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 20px; --font-markdown-input-base-line-height: 24px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 20px; --font-markdown-input-strong-line-height: 24px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 20px; --font-markdown-input-monospace-line-height: 24px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="xxxlarge"] { --font-bubble-description-size: 20px; --font-bubble-description-line-height: 24px; --font-bubble-description-letter-spacing: 0px; --font-bubble-description-strong-size: 20px; --font-bubble-description-strong-line-height: 24px; --font-bubble-description-strong-letter-spacing: 0px; --font-bubble-label-size: 18px; --font-bubble-label-line-height: 20px; --font-bubble-label-letter-spacing: .2px; --font-bubble-label-strong-size: 18px; --font-bubble-label-strong-line-height: 20px; --font-bubble-label-strong-letter-spacing: .2px; --font-bubble-tag-size: 14px; --font-bubble-tag-line-height: 20px; --font-bubble-tag-letter-spacing: .2px; --font-bubble-note-strong-size: 14px; --font-bubble-note-strong-line-height: 18px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 28px; --font-markdown-message-title-line-height: 32px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 24px; --font-markdown-message-base-line-height: 28px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 24px; --font-markdown-message-strong-line-height: 28px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 24px; --font-markdown-message-monospace-line-height: 28px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 28px; --font-markdown-input-title-line-height: 32px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 24px; --font-markdown-input-base-line-height: 28px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 24px; --font-markdown-input-strong-line-height: 28px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 24px; --font-markdown-input-monospace-line-height: 28px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="ax1"] { --font-bubble-description-size: 21px; --font-bubble-description-line-height: 24px; --font-bubble-description-letter-spacing: 0px; --font-bubble-description-strong-size: 21px; --font-bubble-description-strong-line-height: 24px; --font-bubble-description-strong-letter-spacing: 0px; --font-bubble-label-size: 19px; --font-bubble-label-line-height: 22px; --font-bubble-label-letter-spacing: 0px; --font-bubble-label-strong-size: 19px; --font-bubble-label-strong-line-height: 22px; --font-bubble-label-strong-letter-spacing: 0px; --font-bubble-tag-size: 15px; --font-bubble-tag-line-height: 20px; --font-bubble-tag-letter-spacing: .2px; --font-bubble-note-strong-size: 16px; --font-bubble-note-strong-line-height: 20px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 32px; --font-markdown-message-title-line-height: 36px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 28px; --font-markdown-message-base-line-height: 32px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 28px; --font-markdown-message-strong-line-height: 32px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 28px; --font-markdown-message-monospace-line-height: 32px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 32px; --font-markdown-input-title-line-height: 36px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 28px; --font-markdown-input-base-line-height: 32px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 28px; --font-markdown-input-strong-line-height: 32px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 28px; --font-markdown-input-monospace-line-height: 32px; --font-markdown-input-monospace-letter-spacing: 0px; }
[data-scale="ax2"], [data-scale="ax3"], [data-scale="ax4"], [data-scale="ax5"] { --font-bubble-description-size: 22px; --font-bubble-description-line-height: 26px; --font-bubble-description-letter-spacing: 0px; --font-bubble-description-strong-size: 22px; --font-bubble-description-strong-line-height: 26px; --font-bubble-description-strong-letter-spacing: 0px; --font-bubble-label-size: 20px; --font-bubble-label-line-height: 24px; --font-bubble-label-letter-spacing: 0px; --font-bubble-label-strong-size: 20px; --font-bubble-label-strong-line-height: 24px; --font-bubble-label-strong-letter-spacing: 0px; --font-bubble-tag-size: 16px; --font-bubble-tag-line-height: 20px; --font-bubble-tag-letter-spacing: .2px; --font-bubble-note-strong-size: 18px; --font-bubble-note-strong-line-height: 20px; --font-bubble-note-strong-letter-spacing: .3px; --font-markdown-message-title-size: 36px; --font-markdown-message-title-line-height: 40px; --font-markdown-message-title-letter-spacing: 0px; --font-markdown-message-base-size: 32px; --font-markdown-message-base-line-height: 36px; --font-markdown-message-base-letter-spacing: 0px; --font-markdown-message-strong-size: 32px; --font-markdown-message-strong-line-height: 36px; --font-markdown-message-strong-letter-spacing: 0px; --font-markdown-message-monospace-size: 32px; --font-markdown-message-monospace-line-height: 36px; --font-markdown-message-monospace-letter-spacing: 0px; --font-markdown-input-title-size: 36px; --font-markdown-input-title-line-height: 40px; --font-markdown-input-title-letter-spacing: 0px; --font-markdown-input-base-size: 32px; --font-markdown-input-base-line-height: 36px; --font-markdown-input-base-letter-spacing: 0px; --font-markdown-input-strong-size: 32px; --font-markdown-input-strong-line-height: 36px; --font-markdown-input-strong-letter-spacing: 0px; --font-markdown-input-monospace-size: 32px; --font-markdown-input-monospace-line-height: 36px; --font-markdown-input-monospace-letter-spacing: 0px; }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 400; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-regular.CDszF1OU.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Roboto; font-style: italic; font-weight: 400; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-italic.0oRWUFQ0.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 500; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-500.B7-bBtNF.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Roboto; font-style: italic; font-weight: 500; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-500italic.BtUNO6DI.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 600; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-600.CmDKXlGg.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Roboto; font-style: italic; font-weight: 600; src: url("./roboto-v51-cyrillic_cyrillic-ext_latin-600italic.BErOrPxO.woff2") format("woff2"); }
* { outline-width: var(--outline-width); -webkit-tap-highlight-color: transparent; }
[data-whatintent="touch"] * { user-select: none; }
[data-whatintent="touch"] [contenteditable], [data-whatintent="touch"] input, [data-whatintent="touch"] textarea { user-select: text; }
[data-whatintent="mouse"] :focus, [data-whatintent="touch"] :focus { outline: none; }
[data-author-color="0"] { --message-author-color: var(--avatar-orchid-text); }
[data-author-color="1"] { --message-author-color: var(--avatar-tangerine-text); }
[data-author-color="2"] { --message-author-color: var(--avatar-malachite-text); }
[data-author-color="3"] { --message-author-color: var(--avatar-dark-sky-text); }
[data-author-color="4"] { --message-author-color: var(--avatar-lilac-text); }
:root { font-family: var(--font); --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light dark; color: var(--text-primary); background: var(--background-primary); --font: -apple-system, BlinkMacSystemFont, "Roboto", system-ui, Avenir, Helvetica, Arial, sans-serif; --outline-width: 2px; --landing-bg: #0d0d0d; --landing-text: #fff; --border-radius-button-button-small: var(--border-radius-common-m-half); --border-radius-button-button-medium: var(--border-radius-common-m); --border-radius-button-button-large: var(--border-radius-common-l); --z-index-layer-calls: 101; --z-index-layer-popover: 200; --z-index-layer-calls-participant-avatar: 1; --z-index-layer-calls-participant-video: 2; --z-index-layer-calls-participant-placeholder: 3; --z-index-layer-calls-participant-utility: 4; --z-index-popover-noPopoverAPI: 1000; --ui-safe-area-top: env(safe-area-inset-top); --ui-safe-area-right: env(safe-area-inset-right); --ui-safe-area-bottom: calc(var(--size-10) + env(safe-area-inset-bottom)); --ui-safe-area-left: env(safe-area-inset-left); font-weight: 400; line-height: 1.5; }
@media (prefers-color-scheme: dark) {
  :root { --lightningcss-light: ; --lightningcss-dark: initial; }
}
:root[data-ios] { --ui-safe-area-bottom: max(env(safe-area-inset-bottom), var(--size-10)); }
::selection { background-color: var(--states-background-highlighted); }
::selection { background-color: var(--states-background-highlighted); }
:root[data-landing="true"] { background: var(--landing-bg); }
body { place-items: center; min-width: 320px; min-height: 100vh; display: flex; }
@supports (height:100dvh) {
  body { min-height: 100dvh; }
}
.sr-only { white-space: nowrap; clip-path: inset(100%); clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
*, ::before, ::after { box-sizing: border-box; }
* { margin: 0px; }
:root { font-synthesis: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
input, button, textarea, select, label { font: inherit; color: var(--text-primary); }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
a { color: inherit; text-decoration: none; }
.segment.svelte-1961e1s { caret-color: rgba(0, 0, 0, 0); user-select: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; padding: 2px 0px; transition: background 0.12s; }
.segment.svelte-1961e1s:focus { background: var(--states-background-highlighted); }
.segment-placeholder.svelte-1961e1s { color: var(--text-tertiary); }
.timePicker.svelte-jhv7hj { background: var(--background-tertiary); padding: var(--size-6) var(--size-12); border-radius: var(--size-12); min-width: 68px; min-height: 40px; color: var(--text-primary); font: var(--font-detail-weight) var(--font-detail-size)/var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); border: 2px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; display: inline-flex; }
.timePicker--invalid.svelte-jhv7hj { color: var(--text-negative); }
.calendar.svelte-c4iugt { gap: var(--spacing-s); flex-direction: column; width: 300px; display: flex; }
@media (max-width: 925.9px) {
  .calendar.svelte-c4iugt { width: 100%; }
}
.header.svelte-c4iugt { text-transform: capitalize; margin-bottom: var(--spacing-s); user-select: none; justify-content: space-between; align-items: center; display: flex; }
.weekdays.svelte-c4iugt { text-transform: uppercase; grid-template-columns: repeat(7, 1fr); display: grid; }
.days.svelte-c4iugt { gap: var(--spacing-xs); grid-template-columns: repeat(7, 1fr); display: grid; }
.day.svelte-c4iugt { aspect-ratio: 1 / 1; cursor: pointer; font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.day.svelte-c4iugt:not(.day--selected, .day--otherMonth, .day--disabled):hover { background: var(--states-button-ghost-hover); }
.day.svelte-c4iugt:not(.day--selected, .day--otherMonth, .day--disabled):active { background: var(--states-button-ghost-pressed); }
.day--otherMonth.svelte-c4iugt { color: var(--states-text-primary-disabled); cursor: default; }
.day--selected.svelte-c4iugt { background: var(--button-primary); color: rgb(255, 255, 255); }
.day--today.svelte-c4iugt:not(.day--selected) { color: var(--text-themed); background: var(--background-secondary); }
.day--disabled.svelte-c4iugt { color: var(--states-text-primary-disabled); cursor: not-allowed; }
.timeSection.svelte-c4iugt { padding-top: var(--spacing-m); border-top: 1px solid var(--divider-secondary); justify-content: space-between; align-items: center; display: flex; }
.group.svelte-1pyrsan { gap: var(--size-8); justify-content: center; width: 100%; display: flex; }
.sr-only-focusable.svelte-o6p77j { white-space: nowrap; clip-path: inset(50%); pointer-events: none; border: 0px; width: 1px; height: 1px; margin: 0px; padding: 0px; position: absolute; top: auto; left: -9999px; overflow: hidden; }
.sr-only-focusable.svelte-o6p77j:focus-visible { width: auto; height: auto; padding: var(--size-10) var(--size-16); background-color: var(--background-surface); clip-path: none; white-space: normal; z-index: 9999; font: inherit; pointer-events: auto; border-radius: 6px; text-decoration: none; position: fixed; top: 12px; left: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; }
button.svelte-1mji6x7 { width: 24px; height: 40px; color: var(--icon-tertiary); cursor: pointer; appearance: none; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; transition: color 0.3s; display: inline-flex; }
button.svelte-1mji6x7:hover { color: var(--states-icon-tertiary-hover); }
button.svelte-1mji6x7:active { color: var(--states-icon-tertiary-pressed); }
.modal.svelte-tpfpj { color: var(--text-primary); border-radius: var(--border-radius-common-l); background: var(--background-primary); flex-direction: column; width: 100%; max-width: 100%; max-height: 100%; margin: auto; display: flex; }
@media (max-width: 925.9px) {
  .modal.svelte-tpfpj { border-radius: var(--border-radius-common-l) var(--border-radius-common-l) 0 0; padding-bottom: var(--ui-safe-area-bottom); }
}
.body.svelte-f8eu6r { font: 400 16px/20px var(--font); flex-direction: column; flex: 1 1 auto; height: 100%; min-height: 0px; display: flex; position: relative; }
.buttons.svelte-1qxsm7c { justify-content: center; display: flex; }
.withPadding.svelte-1qxsm7c { padding: var(--size-20) var(--size-16) var(--size-16); }
.withGap.svelte-1qxsm7c { gap: var(--size-12); }
.column.svelte-1qxsm7c { flex-direction: column; }
.withShadow.svelte-1qxsm7c { padding-top: var(--size-16); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px, rgba(0, 0, 0, 0.08) 0px 4px 16px; }
@media (max-width: 925.9px) {
  .withShadow.svelte-1qxsm7c { box-shadow: rgba(0, 0, 0, 0.08) 0px -1px 2px; }
}
.text.svelte-tjeztm { flex: 1 1 0%; align-self: center; max-width: 100%; }
.title.svelte-tjeztm { text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; display: -webkit-box; overflow: hidden; }
.header.svelte-tjeztm { color: var(--text-primary); font: 600 var(--font-subheader-size) / var(--font-subheader-line-height) var(--font); justify-content: space-between; align-items: flex-start; gap: var(--spacing-l); padding: var(--spacing-l) var(--spacing-l) var(--spacing-xl-half); display: flex; }
.loading.svelte-1dj692b { justify-content: center; align-items: center; height: 100px; display: flex; }
.item.svelte-1xhltuj { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); margin: 0 var(--spacing-l); position: relative; }
.item--newLayout.svelte-1xhltuj { margin: 0 var(--spacing-xl); }
.item--noPadding.svelte-1xhltuj { margin: 0px; }
.item.svelte-1xhltuj:hover, .item.svelte-1xhltuj:focus { background: var(--background-secondary); }
.search.svelte-j5xs72 { margin-bottom: var(--spacing-l); padding: 0 var(--spacing-l); }
.search--newLayout.svelte-j5xs72 { padding: 0 var(--spacing-xl); }
.list.svelte-j5xs72 { flex: 1 1 auto; height: 100%; position: relative; overflow: hidden; }
.tabs.svelte-j5xs72 { margin-top: var(--size-16); }
.composer.svelte-1hmf5la { width: 100%; position: relative; overflow: hidden; }
.input.svelte-1hmf5la { padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-m); align-items: flex-end; display: flex; }
.btn.svelte-1hmf5la { min-height: 40px; padding: var(--spacing-xs) var(--spacing-s); justify-content: center; align-items: center; display: flex; }
.composer.svelte-dmz83s { margin: 0 var(--spacing-xl) var(--spacing-xl); background: var(--float-primary-flat); border-radius: var(--size-16); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); }
.authorShimmer.svelte-dmz83s { vertical-align: middle; background-color: var(--background-surface); width: 100px; height: 1em; animation: 2s linear 0s infinite normal none running svelte-dmz83s-blink; display: inline-flex; }
@keyframes svelte-dmz83s-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.loading.svelte-2f39ur { justify-content: center; align-items: center; height: 100px; display: flex; }
.joinDescription.svelte-1rs6ypu { padding: var(--spacing-xl) var(--spacing-xl-half) 0; }
.loader.svelte-1rs6ypu { min-height: 300px; padding-bottom: var(--spacing-xl); align-items: center; display: flex; }
.content.svelte-1rs6ypu { padding: var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl); flex-direction: column; align-items: center; display: flex; }
.avatar.svelte-1rs6ypu { margin-bottom: var(--spacing-s); }
.titleWrapper.svelte-1rs6ypu { grid-template-columns: 1fr max-content; align-items: center; display: inline-grid; }
.title.svelte-1rs6ypu { text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.subtitle.svelte-1rs6ypu { margin-top: var(--spacing-s); }
.description.svelte-1rs6ypu { text-overflow: ellipsis; -webkit-line-clamp: 8; text-align: center; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.list.svelte-1gwemtf { flex-direction: column; display: flex; }
.item.svelte-1gwemtf { cursor: pointer; border-radius: var(--size-16); background: var(--button-ghost); gap: var(--spacing-m); width: 100%; min-height: 48px; padding: var(--spacing-xs) var(--spacing-m); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; align-items: center; display: flex; }
.title.svelte-1gwemtf { color: var(--text-primary); font-size: var(--font-body-size); font-weight: 600; line-height: var(--font-body-line-height); letter-spacing: var(--font-body-letter-spacing); }
.item.svelte-1gwemtf:hover { background: var(--states-button-ghost-hover); }
.content.svelte-rqcr24 { margin: var(--spacing-l) 0; gap: var(--spacing-2xl); flex-direction: column; display: flex; }
.item.svelte-1xz66o6 { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); margin: 0 var(--spacing-m); position: relative; }
.item--newLayout.svelte-1xz66o6 { margin: 0 var(--spacing-xl); }
.item--noPadding.svelte-1xz66o6 { margin: 0px; }
.item.svelte-1xz66o6:not(.item--disabled):hover, .item.svelte-1xz66o6:not(.item--disabled):focus { background: var(--background-secondary); }
.search.svelte-1slcipu { margin-bottom: var(--spacing-l); padding: 0 var(--spacing-l); }
.search--newLayout.svelte-1slcipu { padding: 0 var(--spacing-xl); }
.list.svelte-1slcipu { flex: 1 1 auto; height: 100%; position: relative; overflow: hidden; }
.fields.svelte-783bbq { padding: 0 var(--spacing-l); }
.error.svelte-783bbq { color: var(--text-negative); padding: var(--spacing-s) var(--spacing-l); }
.error.svelte-783bbq, .fields.svelte-783bbq { padding: var(--spacing-s) var(--spacing-l); justify-content: center; align-items: center; gap: var(--spacing-l); display: flex; }
.input-cell.svelte-783bbq { flex: 1 1 0%; }
.showHistory.svelte-yjwyec { padding: var(--spacing-xl-half) var(--spacing-xl) 0; }
.button.svelte-14qy6pz { z-index: 1; cursor: pointer; width: 120px; height: 100%; padding: var(--spacing-xl); color: var(--icon-primary-inverse-static); background: 0px 0px; border: 0px; align-items: center; transition: color 0.12s; display: flex; position: relative; }
.button.svelte-14qy6pz:hover:not([disabled]) { color: var(--states-icon-primary-inverse-static-hover); }
.button[disabled].svelte-14qy6pz { color: var(--states-icon-primary-inverse-static-disabled); cursor: not-allowed; }
.button--prev.svelte-14qy6pz { justify-content: flex-start; }
.button--next.svelte-14qy6pz { justify-content: flex-end; }
.content.svelte-19qvtly { border-radius: var(--border-radius-common-s); position: relative; overflow: hidden; }
.seekBar.svelte-1ofifls { cursor: pointer; background: 0px 0px; border: 0px; flex-grow: 1; align-items: center; height: 16px; padding: 0px; display: flex; position: relative; overflow: hidden; }
.seekBar.svelte-1ofifls::before { content: ""; background: var(--seekbar-track); border-radius: var(--border-radius-common-2xs); width: 100%; height: 4px; position: absolute; }
.seekBarGhost.svelte-1ofifls { content: ""; z-index: 0; background: var(--seekbar-buffer); border-radius: var(--border-radius-common-2xs); width: 100%; height: 4px; display: inline-block; position: absolute; left: 0px; }
.seekBarFill.svelte-1ofifls { z-index: 1; background: var(--seekbar-progress); width: calc(100% - 4px); height: 4px; display: inline-block; position: relative; left: 0px; }
.seekBarFill.svelte-1ofifls::after { content: ""; z-index: 2; background: var(--seekbar-handle); border-radius: var(--border-radius-common-2xs); width: 4px; height: 16px; margin-left: -4px; margin-right: -3px; position: absolute; top: -6px; right: 0px; }
.animatedPlaybackRate.svelte-1mjcbs7, .animatedPlaybackRateVisual.svelte-1mjcbs7 { white-space: nowrap; font-variant-numeric: tabular-nums; align-items: center; display: inline-flex; }
.digitMask.svelte-1mjcbs7 { width: 0.62em; height: 28px; display: inline-block; position: relative; overflow: hidden; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgb(0, 0, 0) 78%, rgba(0, 0, 0, 0) 100%); }
.digitGlyph.svelte-1mjcbs7 { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.digitGlyph--previous.digitGlyph--increase.svelte-1mjcbs7 { animation: 0.3s cubic-bezier(0.3, 0, 0, 1) 0s 1 normal both running svelte-1mjcbs7-previousDigitIncrease; }
.digitGlyph--next.digitGlyph--increase.svelte-1mjcbs7 { animation: 0.3s cubic-bezier(0.3, 0, 0, 1) 0s 1 normal both running svelte-1mjcbs7-nextDigitIncrease; }
.digitGlyph--previous.digitGlyph--decrease.svelte-1mjcbs7 { animation: 0.3s cubic-bezier(0.3, 0, 0, 1) 0s 1 normal both running svelte-1mjcbs7-previousDigitDecrease; }
.digitGlyph--next.digitGlyph--decrease.svelte-1mjcbs7 { animation: 0.3s cubic-bezier(0.3, 0, 0, 1) 0s 1 normal both running svelte-1mjcbs7-nextDigitDecrease; }
@keyframes svelte-1mjcbs7-previousDigitIncrease { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-100%); }
}
@keyframes svelte-1mjcbs7-nextDigitIncrease { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes svelte-1mjcbs7-previousDigitDecrease { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(100%); }
}
@keyframes svelte-1mjcbs7-nextDigitDecrease { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .digitGlyph--previous.svelte-1mjcbs7 { animation: auto ease 0s 1 normal none running none; display: none; }
  .digitGlyph--next.svelte-1mjcbs7 { opacity: 1; animation: auto ease 0s 1 normal none running none; transform: none; }
}
.speedButton.svelte-1h6jl1a { border-radius: var(--border-radius-button-button-small); width: 36px; height: 36px; color: var(--text-primary-inverse-static); cursor: pointer; background: 0px 0px; border: 0px; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
.speedButton.svelte-1h6jl1a:hover { background: var(--states-button-ghost-hover); }
.speedButton.svelte-1h6jl1a:active { background: var(--states-button-ghost-pressed); }
.speedButton.svelte-1h6jl1a:focus-visible { outline: 2px solid var(--button-primary-contrast); outline-offset: 2px; }
.speedButtonIcon.svelte-1h6jl1a { transform-origin: 50% center; justify-content: center; align-items: center; display: inline-flex; transform: rotate(0deg); }
.speedButtonBody.svelte-1h6jl1a { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.speedButtonBody--masked.svelte-1h6jl1a { mask-image: var(--speed-button-mask-image); mask-position: 0px 0px; mask-size: 36px 36px; mask-repeat: no-repeat; mask-mode: alpha; }
.speedButtonCounter.svelte-1h6jl1a { z-index: 2; box-sizing: border-box; background: var(--counter-contrast); min-width: 26px; height: 16px; color: var(--text-primary-static); font: var(--font-note-strong-weight) var(--font-note-strong-size) / var(--font-note-strong-line-height) var(--font); letter-spacing: var(--font-note-strong-letter-spacing); white-space: nowrap; pointer-events: none; border-radius: 999px; justify-content: center; align-items: center; padding: 1px 3px 0px; display: inline-flex; position: absolute; top: 0px; left: 15px; overflow: hidden; }
.mobilePlaybackRateHeader.svelte-1h6jl1a { display: none; }
.playbackRateMenu.svelte-1h6jl1a { box-sizing: border-box; width: 360px; height: 212px; padding: var(--spacing-xs) 0; border-radius: var(--size-24); background: var(--background-overlay-secondary); transform-origin: var(--playback-rate-menu-origin-x,50%) bottom; flex-direction: column; gap: 0px; display: flex; }
.playbackRateHeader.svelte-1h6jl1a { justify-content: space-between; align-items: center; gap: var(--spacing-m); box-sizing: border-box; height: 36px; min-height: 36px; padding: var(--spacing-m) var(--spacing-l) 0; color: var(--text-primary-inverse-static); display: flex; }
.playbackRateHeaderTitle.svelte-1h6jl1a { font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); }
.playbackRateHeaderValue.svelte-1h6jl1a { font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); text-align: right; }
.playbackRateSlider.svelte-1h6jl1a { box-sizing: border-box; height: 56px; padding: var(--spacing-m) var(--spacing-l); position: relative; }
.playbackRateSliderInput.svelte-1h6jl1a { inset: var(--spacing-m) var(--spacing-l); z-index: 1; width: calc(100% - 2 * var(--spacing-l)); appearance: none; cursor: pointer; background: 0px 0px; outline: none; height: 24px; margin: 0px; position: absolute; }
.playbackRateSliderInput.svelte-1h6jl1a:focus-visible { outline: 2px solid var(--button-primary-contrast); outline-offset: 4px; }
.playbackRateSliderInput.svelte-1h6jl1a::-webkit-slider-thumb { appearance: none; background: 0px 0px; border: 0px; border-radius: 50%; width: 16px; height: 16px; }
.playbackRateSliderInput.svelte-1h6jl1a::-webkit-slider-runnable-track { background: 0px 0px; height: 4px; }
.playbackRateSliderVisual.svelte-1h6jl1a { pointer-events: none; width: 100%; height: 24px; position: relative; }
.playbackRateSliderTrack.svelte-1h6jl1a { background: var(--seekbar-track); border-radius: 2px; height: 4px; position: absolute; top: 10px; left: 8px; right: 8px; overflow: hidden; }
.playbackRateSliderFill.svelte-1h6jl1a { border-radius: inherit; transform-origin: 0px center; background: rgba(255, 255, 255, 0.92); position: absolute; inset: 0px; }
.playbackRateSliderFill--snapping.svelte-1h6jl1a, .playbackRateSliderThumbPosition--snapping.svelte-1h6jl1a { transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1); }
.playbackRateSliderThumbPosition.svelte-1h6jl1a { width: calc(100% - 16px); height: 16px; position: absolute; top: 4px; }
.playbackRateSliderThumb.svelte-1h6jl1a { background: var(--text-primary-inverse-static); border-radius: 50%; width: 16px; height: 16px; transition: transform 0.12s; display: block; transform: scale(1); }
.playbackRateSliderInput.svelte-1h6jl1a:hover + .playbackRateSliderVisual:where(.svelte-1h6jl1a) .playbackRateSliderThumb:where(.svelte-1h6jl1a) { transform: scale(1.25); }
.playbackRateSliderInput.svelte-1h6jl1a:active + .playbackRateSliderVisual:where(.svelte-1h6jl1a) .playbackRateSliderThumb:where(.svelte-1h6jl1a), .playbackRateSliderVisual--dragging.svelte-1h6jl1a .playbackRateSliderThumb:where(.svelte-1h6jl1a) { transform: scale(1.5); }
.playbackRatePresets.svelte-1h6jl1a { height: 56px; padding: 0 var(--spacing-l); justify-content: space-between; align-items: center; display: flex; }
.playbackRatePreset.svelte-1h6jl1a { width: 44px; min-width: 44px; height: 44px; color: var(--text-primary-inverse-static); text-align: center; cursor: pointer; font-family: var(--font); font-size: var(--font-detail-size); font-weight: var(--font-detail-weight); line-height: var(--font-detail-line-height); letter-spacing: -0.23px; background: rgba(255, 255, 255, 0.08); border: 0px; border-radius: 50%; flex: 0 0 44px; justify-content: center; align-items: center; padding: 0px; display: flex; }
.playbackRatePreset.svelte-1h6jl1a:hover, .playbackRatePreset--active.svelte-1h6jl1a { background: rgba(255, 255, 255, 0.24); }
.rememberPlaybackRate.svelte-1h6jl1a { min-height: 56px; padding: 0 var(--spacing-l); justify-content: space-between; align-items: center; gap: 12px; display: flex; }
.rememberPlaybackRateLabel.svelte-1h6jl1a { color: var(--text-primary-inverse-static); font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); }
@media (max-width: 925.9px) {
  .playbackRatePopover.svelte-1h6jl1a { width: 100%; min-height: 0px; max-height: var(--popover-scroll-max-height); background: var(--background-secondary); overflow: hidden auto; }
  .playbackRateMenu.svelte-1h6jl1a { width: 100%; height: calc(312px + env(safe-area-inset-bottom)); min-height: calc(312px + env(safe-area-inset-bottom)); padding: 0 0 calc(20px + env(safe-area-inset-bottom)); background: var(--background-secondary); border-radius: 0px; }
  .mobilePlaybackRateHeader.svelte-1h6jl1a { box-sizing: border-box; color: rgb(255, 255, 255); align-items: center; height: 76px; min-height: 76px; padding: 0px 16px; display: flex; }
  .mobilePlaybackRateHeaderTitle.svelte-1h6jl1a { font: 600 24px/28px var(--font); letter-spacing: 0.07px; }
  .mobilePlaybackRateCloseButton.svelte-1h6jl1a { color: rgb(255, 255, 255); cursor: pointer; background: 0px 0px; border: 0px; justify-content: flex-end; align-items: center; width: 44px; min-width: 44px; height: 44px; margin-left: auto; padding: 0px; display: flex; }
  .playbackRateHeader.svelte-1h6jl1a { color: rgba(255, 255, 255, 0.8); align-items: flex-end; height: 60px; min-height: 60px; padding: 0px 12px 12px; }
  .playbackRateHeaderTitle.svelte-1h6jl1a, .playbackRateHeaderValue.svelte-1h6jl1a { font: 500 16px/20px var(--font); letter-spacing: -0.31px; }
  .playbackRateHeaderValue.svelte-1h6jl1a .digitMask { height: 20px; }
  .playbackRateSlider.svelte-1h6jl1a { height: 44px; padding: 4px 0px 16px; }
  .playbackRateSliderInput.svelte-1h6jl1a { width: 100%; height: 24px; inset: 4px 0px auto; }
  .playbackRateSliderInput.svelte-1h6jl1a::-webkit-slider-thumb { width: 24px; height: 24px; }
  .playbackRateSliderTrack.svelte-1h6jl1a { background: rgba(255, 255, 255, 0.12); inset-inline: 12px; }
  .playbackRateSliderThumbPosition.svelte-1h6jl1a { width: calc(100% - 24px); height: 24px; top: 0px; }
  .playbackRateSliderThumb.svelte-1h6jl1a { width: 24px; height: 24px; }
  .playbackRateSliderInput.svelte-1h6jl1a:hover + .playbackRateSliderVisual:where(.svelte-1h6jl1a) .playbackRateSliderThumb:where(.svelte-1h6jl1a), .playbackRateSliderInput.svelte-1h6jl1a:active + .playbackRateSliderVisual:where(.svelte-1h6jl1a) .playbackRateSliderThumb:where(.svelte-1h6jl1a), .playbackRateSliderVisual--dragging.svelte-1h6jl1a .playbackRateSliderThumb:where(.svelte-1h6jl1a) { transform: scale(1); }
  .playbackRatePresets.svelte-1h6jl1a { align-items: flex-start; padding: 0px 12px; }
  .playbackRatePreset.svelte-1h6jl1a { color: rgba(255, 255, 255, 0.8); font: 400 15px/20px var(--font); letter-spacing: -0.23px; background: rgba(255, 255, 255, 0.09); }
  .playbackRatePreset--active.svelte-1h6jl1a { background: rgba(255, 255, 255, 0.09); }
  .rememberPlaybackRate.svelte-1h6jl1a { height: 56px; min-height: 56px; padding: 0px 12px; }
  .rememberPlaybackRateLabel.svelte-1h6jl1a { color: rgba(255, 255, 255, 0.8); font: 500 16px/20px var(--font); letter-spacing: -0.31px; }
  .rememberPlaybackRate.svelte-1h6jl1a .switch { flex-shrink: 0; width: 51px; height: 31px; }
  .rememberPlaybackRate.svelte-1h6jl1a .input:not(:checked) + .handle { background: rgba(191, 194, 246, 0.26); }
  .rememberPlaybackRate.svelte-1h6jl1a .handle::before { border: 0px; }
  .rememberPlaybackRate.svelte-1h6jl1a .input:not(:checked) + .handle::after { background: rgb(255, 255, 255); width: 27px; height: 27px; top: 2px; left: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .playbackRateSliderFill--snapping.svelte-1h6jl1a, .playbackRateSliderThumbPosition--snapping.svelte-1h6jl1a, .playbackRateSliderThumb.svelte-1h6jl1a { transition: none; }
}
.videoLayer--hideUI.svelte-kmt2u1, .videoLayer--hideUI.svelte-kmt2u1 .videoLayerButton:where(.svelte-kmt2u1) { cursor: none; }
.videoLayer--hideUI.svelte-kmt2u1 .toolbar:where(.svelte-kmt2u1) { opacity: 0; pointer-events: none; }
.toolbar--hidden.svelte-kmt2u1 { display: none; }
.videoLayer.svelte-kmt2u1 { position: relative; }
.videoLayerButton.svelte-kmt2u1 { z-index: 1; cursor: pointer; background: 0px 0px; border: 0px; margin: 0px; padding: 0px; position: absolute; inset: 0px; }
.player.svelte-kmt2u1 { border-radius: var(--border-radius-common-s); width: 100%; height: 100%; overflow: hidden; }
.longPressPlaybackRateIndicator.svelte-kmt2u1 { top: var(--spacing-xl); z-index: 2; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-s-half) var(--spacing-m); border-radius: var(--size-20); background: var(--background-overlay-secondary); color: var(--text-primary-inverse-static); backdrop-filter: blur(var(--size-18)); font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); pointer-events: none; display: flex; position: absolute; left: 50%; transform: translate(-50%); }
.longPressPlaybackRateIcon.svelte-kmt2u1 { animation: 0.8s ease-in-out 0s infinite normal none running svelte-kmt2u1-longPressPlaybackRateIcon; display: inline-flex; }
@keyframes svelte-kmt2u1-longPressPlaybackRateIcon { 
  0%, 100% { opacity: 0.72; transform: translate(0px); }
  50% { opacity: 1; transform: translate(2px); }
}
@media (prefers-reduced-motion: reduce) {
  .longPressPlaybackRateIcon.svelte-kmt2u1 { animation: auto ease 0s 1 normal none running none; }
}
.toolbar.svelte-kmt2u1 { bottom: var(--size-16); transform: translateX(-50%) scale(calc(var(--scaleFactor))); transform-origin: center bottom; z-index: 1; width: 100%; min-width: 360px; max-width: min(640px, calc((100% - 2 * var(--size-16)) / var(--scaleFactor))); padding: var(--size-12) var(--size-16); border-radius: var(--size-24); background: var(--background-overlay-secondary); color: var(--text-primary-inverse-static); backdrop-filter: blur(var(--size-18)); transition: opacity 0.3s; position: absolute; left: 50%; }
.controls.svelte-kmt2u1 { grid-template-columns: 114px 1fr 114px; width: 100%; height: 36px; padding: 0px; display: grid; }
.progress.svelte-kmt2u1 { justify-content: space-between; align-items: center; gap: var(--spacing-s); height: 30px; display: flex; }
.time.svelte-kmt2u1 { text-align: left; width: 56px; padding-left: var(--spacing-m); font: 400 var(--font-bubble-label-size) / var(--font-bubble-label-line-height) var(--font); }
.time--right.svelte-kmt2u1 { text-align: right; padding-left: var(--spacing-zero); padding-right: var(--spacing-m); }
.volume.svelte-kmt2u1 { justify-content: space-between; align-items: center; display: flex; }
.actions.svelte-kmt2u1 { align-items: center; gap: var(--spacing-m); justify-content: flex-end; display: flex; }
.play.svelte-kmt2u1 { justify-content: center; align-items: center; display: flex; }
.volume.svelte-kmt2u1, .actions.svelte-kmt2u1, .play.svelte-kmt2u1 { align-items: center; margin-block: -8px; }
@media (max-width: 925.9px) {
  .toolbar.svelte-kmt2u1 { bottom: calc(68px + env(safe-area-inset-bottom) + 8px); left: var(--size-8); right: var(--size-8); min-width: 0px; max-width: calc(100% - 2 * var(--size-8)); position: fixed; transform: none; }
  .videoLayer.svelte-kmt2u1, .player.svelte-kmt2u1 { touch-action: none; }
}
.toolbar.svelte-1hkist7 { border-radius: var(--size-24); color: var(--text-primary-inverse-static); position: relative; overflow: hidden; }
.toolbar.svelte-1hkist7::before { content: ""; z-index: -1; border-radius: var(--size-24); background: var(--background-overlay-secondary); backdrop-filter: blur(var(--size-18)); position: absolute; inset: 0px; }
@media (max-width: 925.9px) {
  .toolbar.svelte-1hkist7, .toolbar.svelte-1hkist7::before { border-radius: 0px; }
}
.content.svelte-2k9gk6 { justify-content: space-between; align-items: center; gap: var(--spacing-l); padding: var(--size-14) var(--size-16); display: flex; }
.info.svelte-2k9gk6 { align-items: center; column-gap: var(--spacing-s); text-align: left; color: var(--text-primary-inverse-static); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 1 1 auto; grid-template-areas: "avatar author" "avatar date"; justify-content: flex-start; margin: 0px; padding: 0px; display: grid; }
.avatar.svelte-2k9gk6 { grid-area: avatar; }
.author.svelte-2k9gk6 { font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); white-space: nowrap; text-overflow: ellipsis; grid-area: author; overflow: hidden; }
.date.svelte-2k9gk6 { font: 400 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); grid-area: date; }
.actions.svelte-2k9gk6 { flex: 1 1 0%; justify-content: flex-end; display: flex; }
.caption.svelte-afc7v9 { width: max-content; max-width: 100%; padding: var(--size-16); border-radius: var(--border-radius-common-l); background: var(--background-overlay); color: var(--text-secondary-inverse-static); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font-family-base); letter-spacing: var(--font-detail-letter-spacing); user-select: text; align-items: center; gap: 10px; transition: background-color 0.15s cubic-bezier(0.4, 0, 0, 1), color 0.15s cubic-bezier(0.4, 0, 0, 1); display: flex; position: relative; }
.caption.svelte-afc7v9::after { content: ""; width: 100%; height: var(--size-12); position: absolute; top: 100%; left: 0px; }
.caption--expandable.svelte-afc7v9 { cursor: pointer; width: 100%; }
.caption--expanded.svelte-afc7v9 { cursor: auto; }
.caption.svelte-afc7v9:hover, .caption--expanded.svelte-afc7v9 { background: var(--background-overlay-media-preview); color: var(--text-primary-inverse-static); }
.viewport.svelte-afc7v9 { flex: 1 1 0%; min-width: 0px; transition: height 0.15s cubic-bezier(0.4, 0, 0, 1); position: relative; overflow: hidden; }
.caption--expandable.svelte-afc7v9 .viewport:where(.svelte-afc7v9) { overscroll-behavior: contain; scrollbar-gutter: stable; margin-right: -44px; padding-right: 40px; overflow-y: scroll; }
.caption--expanded.svelte-afc7v9 .viewport:where(.svelte-afc7v9) { mask: linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent), linear-gradient(#000, #000) right / 40px 100% no-repeat; }
.viewport.svelte-afc7v9::-webkit-scrollbar { width: 4px; }
.viewport.svelte-afc7v9::-webkit-scrollbar-thumb { background: 0px 0px; border-radius: 2px; }
.caption--expanded.svelte-afc7v9 .viewport:where(.svelte-afc7v9)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.32); }
@supports not selector(::-webkit-scrollbar) {
  .viewport.svelte-afc7v9 { scrollbar-width: thin; scrollbar-color: transparent transparent; }
  .caption--expanded.svelte-afc7v9 .viewport:where(.svelte-afc7v9) { scrollbar-color: rgba(255, 255, 255, 0.32) transparent; }
}
.content.svelte-afc7v9::selection { background: rgba(255, 255, 255, 0.4); }
.content.svelte-afc7v9 { white-space: pre-wrap; overflow-wrap: anywhere; --bubbles-text-action: currentColor; --bubbles-background-action: currentColor; --bubbles-background-surface-secondary: #ffffff1f; transition: display, line-clamp, -webkit-line-clamp; }
.caption--expandable.svelte-afc7v9:not(.caption--expanded) .content:where(.svelte-afc7v9) { --caption-line-clamp: 1; -webkit-line-clamp: var(--caption-line-clamp); -webkit-box-orient: vertical; transition-delay: 0.15s; display: -webkit-box; overflow: visible; }
.quoteText.svelte-afc7v9 { white-space: pre-wrap; display: block; }
.captionQuote.svelte-afc7v9 { white-space: normal; --quote-wrapper-display: block; --quote-display: block; --quote-overflow: visible; --quote-padding: 2px 16px 2px 8px; --quote-margin-top: 0px; font-size: 16px; line-height: 20px; display: block; }
.toggle.svelte-afc7v9 { z-index: 1; width: 24px; height: 24px; color: var(--icon-secondary-inverse-static); cursor: pointer; background: 0px 0px; border: 0px; flex-shrink: 0; align-self: flex-end; padding: 0px; display: flex; }
.toggle.svelte-afc7v9:focus-visible { outline-offset: 2px; outline: solid 2px; }
.caption.svelte-afc7v9:hover .toggle:where(.svelte-afc7v9), .caption--expanded.svelte-afc7v9 .toggle:where(.svelte-afc7v9) { color: var(--icon-primary-inverse-static); }
@media (prefers-reduced-motion: reduce) {
  .viewport.svelte-afc7v9, .caption--expandable.svelte-afc7v9:not(.caption--expanded) .content:where(.svelte-afc7v9) { transition: none; }
}
.wrapper.svelte-17vzkrm { width: 100%; height: var(--viewer-height,100%); position: relative; overflow: hidden; }
@media (max-width: 925.9px) {
  .wrapper.svelte-17vzkrm { touch-action: none; }
}
.mover.svelte-17vzkrm { transform-origin: 0px 0px; will-change: transform; position: absolute; inset: 0px; }
.content.svelte-17vzkrm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wrapper.svelte-1wmsbvt { align-items: center; gap: var(--spacing-m); padding: var(--spacing-s-half); border-radius: var(--size-24); background: var(--background-overlay); backdrop-filter: blur(var(--size-18)); user-select: none; font: 600 var(--font-action-large-size) / var(--font-action-large-line-height) var(--font); letter-spacing: var(--font-action-large-letter-spacing); color: var(--text-primary-inverse-static); display: flex; }
.percent.svelte-1wmsbvt { text-align: center; width: 50px; }
.pagination.svelte-fksdrd { background: var(--background-overlay); padding: var(--spacing-xs) var(--spacing-m); border-radius: var(--border-radius-common-xl); backdrop-filter: blur(var(--size-18)); user-select: none; font: var(--font-action-xsmall-weight) var(--font-action-xsmall-size) / var(--font-action-xsmall-line-height) var(--font); letter-spacing: var(--font-action-xsmall-letter-spacing); color: var(--text-primary-inverse-static); }
@media (max-width: 925.9px) {
  .pagination.svelte-fksdrd { font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); background: 0px 0px; }
}
.content.svelte-1l23sqo { border-radius: var(--border-radius-common-s); position: relative; overflow: hidden; }
.player.svelte-1l23sqo { width: 100%; height: 100%; }
.content.svelte-1ugrank { justify-content: flex-end; align-items: center; gap: var(--spacing-l); width: 100%; padding: var(--size-14) var(--size-16); display: flex; }
.vkVideoWrapper.svelte-vqajto { border-radius: var(--border-radius-common-s); overflow: hidden; }
.iframe.svelte-vqajto { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; height: 100%; }
.loadingPlaceholder.svelte-vqajto { background: var(--button-overlay); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0px; }
.wrapper.svelte-1ocp24v { user-select: none; position: fixed; inset: 0px; }
.mediaRestricted.svelte-1ocp24v img, .mediaRestricted.svelte-1ocp24v video { pointer-events: none; }
.backdrop.svelte-1ocp24v { z-index: 0; opacity: var(--media-backdrop-opacity,1); background: rgb(0, 0, 0); position: absolute; inset: 0px; }
.backdrop--animating.svelte-1ocp24v { transition: opacity 0.2s; }
.toolbar.svelte-1ocp24v { align-items: center; gap: var(--size-12); bottom: var(--size-40); z-index: 1; flex-direction: column; width: 100%; max-width: 742px; display: flex; position: absolute; left: 50%; transform: translate(-50%); }
.toolbarActions.svelte-1ocp24v { width: 100%; }
.topbar.svelte-1ocp24v { z-index: 1; padding: var(--size-12) var(--size-8); gap: var(--size-8); background: rgb(0, 0, 0); display: flex; position: absolute; top: 0px; left: 0px; right: 0px; }
.pagination.svelte-1ocp24v { top: var(--size-24); z-index: 1; position: absolute; left: 50%; transform: translate(-50%); }
.scaleControls.svelte-1ocp24v { z-index: 1; position: absolute; bottom: 120px; left: 50%; transform: translate(-50%); }
.scaleControls--caption.svelte-1ocp24v { bottom: var(--size-40); z-index: 2; }
.navButton.svelte-1ocp24v { align-items: center; width: 120px; height: 100%; display: flex; position: absolute; top: 0px; }
.navButton--prev.svelte-1ocp24v { left: 0px; }
.navButton--next.svelte-1ocp24v { right: 0px; }
.closeButton.svelte-1ocp24v { top: var(--size-16); right: var(--size-16); z-index: 1; position: absolute; }
.loader.svelte-1ocp24v { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.hideable.svelte-1ocp24v { opacity: 1; transition: opacity 0.25s; }
.hideable.hideable--hide.svelte-1ocp24v { opacity: 0; pointer-events: none; }
@media (max-width: 925.9px) {
  .toolbar.svelte-1ocp24v { max-width: none; padding-bottom: env(safe-area-inset-bottom); bottom: 0px; }
  .toolbar.svelte-1ocp24v::after { content: ""; height: env(safe-area-inset-bottom); backdrop-filter: none; background: rgb(0, 0, 0); position: absolute; bottom: 0px; left: 0px; right: 0px; }
  .pagination.svelte-1ocp24v { top: var(--size-20); }
}
.list.svelte-jo7w0u { padding: 0 var(--size-12); flex-direction: column; display: flex; }
.composer.svelte-iijtha { margin: 0 var(--spacing-xl) var(--spacing-xl); background: var(--float-primary-flat); border-radius: var(--size-16); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); }
.set.svelte-ga5xv7 { padding: 0 var(--spacing-xl); align-items: center; gap: var(--spacing-common-m-half); flex-wrap: wrap; width: 100%; display: flex; }
.wrapper.svelte-1l5dofr { margin: 0px var(--size-16); }
.link.svelte-1l5dofr { color: var(--text-themed); }
button.svelte-13wi6cq { font: inherit; color: inherit; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.scoreButtons.svelte-13wi6cq { gap: var(--size-40); margin-top: var(--size-16); margin-bottom: var(--size-40); flex-flow: row; justify-content: center; display: flex; }
.scoreButton.svelte-13wi6cq { background-color: var(--button-secondary); border: var(--size-16) solid transparent; border-radius: 50px; width: 80px; height: 80px; }
.scoreButton.svelte-13wi6cq:hover { background-color: var(--states-button-secondary-hover); }
.scoreButton.svelte-13wi6cq:active { background-color: var(--states-button-secondary-pressed); }
.scoreButtons--picked.svelte-13wi6cq .scoreButton:where(.svelte-13wi6cq):not(.scoreButton--active) { filter: grayscale(); }
.chips.svelte-13wi6cq { gap: var(--size-10); margin-bottom: var(--size-8); flex-flow: wrap; justify-content: center; display: flex; }
.chipButton.svelte-13wi6cq { padding: var(--size-8) var(--size-10); color: var(--text-primary); background-color: var(--chips-select-off); user-select: none; border-radius: 46px; }
.chipButton--active.svelte-13wi6cq { color: var(--text-primary-inverse); background-color: var(--chips-select-on); }
.chipButton.svelte-13wi6cq:hover { background-color: var(--states-chips-select-off-hover); }
.chipButton--active.svelte-13wi6cq:hover { background-color: var(--states-chips-select-on-hover); }
.chipButton.svelte-13wi6cq:active { color: var(--text-primary-inverse); background-color: var(--states-chips-select-off-pressed); }
.chipButton--active.svelte-13wi6cq:active { color: var(--text-primary); background-color: var(--states-chips-select-on-pressed); }
.titleSection.svelte-3bh2gj { gap: var(--size-16); display: flex; }
.inputFields.svelte-3bh2gj { gap: var(--size-16); flex-direction: column; flex: 1 1 0%; display: flex; }
.error.svelte-3bh2gj { color: var(--text-negative); padding: 0 var(--size-16) var(--size-8) var(--size-16); }
.wrapper.svelte-ozosol { align-items: center; gap: var(--spacing-l); padding: var(--spacing-m) var(--spacing-l) var(--spacing-l); flex-direction: column; display: flex; }
.qr.svelte-ozosol { width: 192px; height: 192px; }
.content.svelte-1sj4q6w { padding: 0 var(--spacing-l); }
.name.svelte-1sj4q6w { overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
.actions.svelte-d59hjb { gap: var(--spacing-m); flex-direction: column; display: flex; }
.text.svelte-m12y88 { padding: 0 var(--spacing-l); }
[data-drawer-portal] { z-index: 9999; position: relative; }
.callsMobileSheetOverlay { background: var(--background-overlay); cursor: pointer; pointer-events: auto; position: fixed; inset: 0px; z-index: calc(var(--z-index-layer-popover) + 1) !important; }
.callsMobileSheet { right: var(--size-8); bottom: var(--size-8); left: var(--size-8); background: var(--background-surface); max-width: 420px; max-height: min(72vh, 560px); color: var(--text-primary); pointer-events: auto; border-radius: 28px; margin: 0px auto; position: fixed; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 60px; z-index: calc(var(--z-index-layer-popover) + 2) !important; touch-action: pan-y !important; }
.callsMobileSheetHandle.svelte-wzd7cj { width: 40px; height: 4px; margin: var(--size-8) auto var(--size-4); background: var(--icon-tertiary); border-radius: 999px; }
.content.svelte-wzd7cj { max-height: calc(-20px + min(72vh, 560px)); padding: var(--size-4) var(--size-8) var(--size-12); overscroll-behavior: contain; touch-action: pan-y; overflow: auto; }
.callsMobileSheet .actionsMenu { max-width: none; box-shadow: none; background: 0px 0px; border-radius: 0px; padding: 0px; }
.callsMobileSheet .actionsMenu .scrollable, .callsMobileSheet .actionsMenu--withScroll, .callsMobileSheet .actionsMenu--withScroll .scrollable { padding-right: 0px; }
.callsMobileSheet .actionsMenu--nested { margin-top: 0px; }
.callsMobileSheet .actionsMenuItem { min-height: 52px; padding: 0 var(--size-12); border-radius: var(--border-radius-common-m); gap: var(--size-12); font: var(--font-body-strong-weight) var(--font-body-strong-size) / var(--font-body-strong-line-height) var(--font); letter-spacing: var(--font-body-strong-letter-spacing); grid-template-rows: none; grid-template-columns: none; display: flex; }
.callsMobileSheet .actionsMenuItem--active, .callsMobileSheet .actionsMenuItem:not(:disabled):hover { background: 0px 0px; }
.callsMobileSheet .actionsMenuItem:not(:disabled):active { background: var(--states-background-card-pressed); }
.callsMobileSheet .actionsMenuItem .title { flex: 1 1 0%; }
.container.svelte-1hypqch { position: relative; }
.children.svelte-1hypqch { position: absolute; top: 2px; left: 2px; }
.button.svelte-1hypqch { appearance: none; padding: var(--size-20) var(--size-8); cursor: pointer; background-color: var(--button-secondary); color: var(--icon-primary-inverse-static); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 40px; justify-content: flex-end; align-items: center; width: 82px; height: 56px; transition: color 0.3s, background-color 0.3s; display: inline-flex; }
.button.svelte-1hypqch:hover { background-color: var(--states-button-secondary-hover); color: var(--states-icon-primary-inverse-static-hover); }
.button.svelte-1hypqch:active { background-color: var(--states-button-secondary-pressed); }
.icon.svelte-1hypqch { font-size: 0px; transition: transform 0.3s; }
.icon--opened.svelte-1hypqch { transform: rotate(-180deg); }
.videoContainer.svelte-45my9t { display: contents; }
.videoStreamElement { object-fit: contain; width: 100%; height: 100%; }
.videoStreamElement--mirror { transform: scaleX(-1); }
.videoStreamElement--cover { object-fit: cover; width: 100%; }
.videoStreamElement--verticalCover { object-fit: cover; width: auto; max-width: 100%; margin: 0px auto; }
.lastFrame.svelte-45my9t { object-fit: contain; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.lastFrame--cover.svelte-45my9t { object-fit: cover; width: 100%; }
.lastFrame--verticalCover.svelte-45my9t { object-fit: cover; width: auto; max-width: 100%; }
.hold-overlay.svelte-1ilbilo { background: var(--background-overlay); color: var(--content-constant-white); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.hold-overlay--autoSize.svelte-1ilbilo svg { width: 30%; height: 30%; }
.content.svelte-u54n35 { flex-direction: column; flex-grow: 1; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; }
.glow.svelte-u54n35 { pointer-events: none; background: radial-gradient(circle, var(--vibrant-color) 0%, transparent 90%); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.glow--hold.svelte-u54n35 { filter: grayscale(); }
.avatar.svelte-u54n35 { width: var(--avatar-size,30%); height: var(--avatar-size,auto); aspect-ratio: 1 / 1; z-index: var(--z-index-layer-calls-participant-avatar); justify-content: center; align-items: center; display: flex; position: relative; }
.avatar.svelte-u54n35 .avatarImage { user-select: none; pointer-events: none; border-radius: 50%; position: relative; }
.video.svelte-u54n35 { width: 100%; height: 100%; z-index: var(--z-index-layer-calls-participant-video); position: absolute; }
.avatar--reconnecting.svelte-u54n35, .video--reconnecting.svelte-u54n35 { opacity: 0.4; }
.avatar--invisible.svelte-u54n35 { opacity: 0; }
.preview.svelte-pxtu6e { background: var(--background-surface); width: 580px; min-width: 580px; max-width: 100%; min-height: min-content; box-shadow: var(--shadow-big-card-offset-x) var(--shadow-big-card-offset-y) var(--shadow-big-card-blur) var(--shadow-big-card-spread) var(--shadow-big-card-color); border-radius: 32px; flex-direction: column; display: flex; position: relative; }
.wrapper.svelte-pxtu6e { border-radius: var(--border-radius-common-l); background: radial-gradient(101.08% 100% at 50% 0%, #bcbcbc3d 0%, #17181c00 100%), var(--background-secondary); width: 100%; display: flex; position: relative; overflow: hidden; }
.header.svelte-pxtu6e { padding: var(--size-24) var(--size-56) var(--size-12); margin-bottom: var(--size-6); word-break: break-word; overflow-wrap: anywhere; justify-content: center; align-self: stretch; display: flex; position: relative; }
.participants.svelte-pxtu6e { max-width: 80%; margin: 0 auto var(--spacing-xl); justify-content: center; align-items: center; gap: var(--spacing-s); display: flex; }
.settings.svelte-pxtu6e { gap: var(--spacing-xl); z-index: 2; display: flex; position: absolute; bottom: 16px; left: 50%; transform: translate(-50%); }
.stream.svelte-pxtu6e { width: 100%; height: 340px; padding: 0 var(--spacing-s-half); flex-grow: 1; display: flex; position: relative; }
.button.svelte-pxtu6e { color: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.close.svelte-pxtu6e { top: var(--spacing-xl); right: var(--spacing-xl); color: var(--icon-tertiary); position: absolute; }
.more.svelte-pxtu6e { width: var(--size); height: var(--size); background-color: var(--more-icon-bg,var(--button-secondary)); color: var(--more-icon-color,var(--states-icon-primary-disabled)); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.footer.svelte-pxtu6e { padding: var(--spacing-xl); align-items: center; gap: var(--spacing-xs,4px); flex-direction: column; align-self: stretch; display: flex; }
@media (max-width: 925.9px) {
  .preview.svelte-pxtu6e { width: 100vw; min-width: 0px; max-width: none; height: 100dvh; min-height: 0px; box-shadow: none; border-radius: 0px; }
  .header.svelte-pxtu6e { padding: calc(var(--size-20) + env(safe-area-inset-top)) var(--size-56) var(--size-8); flex-shrink: 0; }
  .participants.svelte-pxtu6e { margin-bottom: var(--size-12); flex-shrink: 0; }
  .stream.svelte-pxtu6e { height: auto; min-height: 0px; padding: 0 var(--size-8); flex: 1 1 0%; }
  .wrapper.svelte-pxtu6e { height: 100%; min-height: 0px; }
  .footer.svelte-pxtu6e { padding: var(--size-16) calc(var(--size-16) + env(safe-area-inset-right)) calc(var(--size-16) + env(safe-area-inset-bottom)) calc(var(--size-16) + env(safe-area-inset-left)); flex-shrink: 0; }
  .close.svelte-pxtu6e { top: calc(var(--spacing-xl) + env(safe-area-inset-top)); right: calc(var(--spacing-xl) + env(safe-area-inset-right)); }
}
.composer.svelte-1ew3mxf { background: var(--float-primary-flat); border-radius: 0 0 var(--border-radius-common-l) var(--border-radius-common-l); width: 100%; box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); flex-direction: column; flex-shrink: 0; display: flex; position: relative; overflow: hidden; }
.composer.svelte-14tdy55 { margin: 0 var(--spacing-xl) var(--spacing-xl); background: var(--float-primary-flat); border-radius: var(--size-16); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); }
.text.svelte-3cllin, .text.svelte-128qfxh { padding: 0 var(--spacing-l); }
.text.svelte-yc30yd { padding: 0 var(--spacing-l); gap: var(--spacing-l); flex-direction: column; display: flex; }
.wrapper.svelte-1lf7up8 { flex-direction: column; display: flex; position: relative; overflow: hidden; }
.background.svelte-1lf7up8 { border-radius: var(--border-radius-common-l); width: 100%; height: 100%; position: absolute; inset: 0px; overflow: hidden; }
.bubble.svelte-1lf7up8 { --avatar-clip-path: "M27.2578 0.000244141C41.5927 0.000384519 52.8318 11.6728 52.832 26.0715C52.832 40.4704 41.2351 51.8565 27.3936 51.8567C22.2846 51.8567 19.911 51.105 15.7959 48.0989C13.177 51.4806 4.93518 54.1107 4.57324 49.6018C4.57324 42.0864 0.832031 37.201 0.832031 25.928C0.832178 11.1294 12.9228 0.000244141 27.2578 0.000244141Z"; width: 232px; padding: var(--spacing-common-xl-half) var(--spacing-common-m-half) var(--spacing-common-m); color: var(--bubbles-text-body); overflow-wrap: break-word; white-space: pre-line; word-break: break-word; font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); background: var(--background-card); border-radius: var(--border-radius-local-bubble-regular); margin: var(--spacing-common-2xl) auto var(--spacing-common-l); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.avatar.svelte-1lf7up8 { clip-path: path(var(--avatar-clip-path)); margin-bottom: var(--spacing-common-s); }
.info.svelte-1lf7up8 { flex-direction: column; align-items: center; width: 100%; display: flex; }
.dialogName.svelte-1lf7up8 { text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-weight: 500; overflow: hidden; }
.mark.svelte-7tsley { margin: var(--size-24) var(--size-4); justify-content: center; display: flex; }
.iconBackground.svelte-7tsley { width: 72px; height: 72px; color: var(--promo-icon); justify-content: center; align-items: center; display: flex; position: relative; }
.iconBackground.svelte-7tsley::before { content: ""; background: linear-gradient(90deg, var(--promo-text-step-1) 0%, var(--promo-text-step-2) 100%); opacity: 0.16; z-index: -1; position: absolute; inset: 0px; }
.composer.svelte-16wvd6v { margin: 0 var(--spacing-xl) var(--spacing-xl); background: var(--float-primary-flat); border-radius: var(--size-16); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); }
.calendarWrapper.svelte-1k9pa2l { scrollbar-width: none; min-height: 0px; padding: var(--size-4); margin: calc(-1 * var(--size-4)); overflow-y: auto; }
.calendarWrapper.svelte-1k9pa2l::-webkit-scrollbar { display: none; }
.calendarWrapper.svelte-7xwsev { scrollbar-width: none; min-height: 0px; padding: var(--size-4); margin: calc(-1 * var(--size-4)); overflow-y: auto; }
.calendarWrapper.svelte-7xwsev::-webkit-scrollbar { display: none; }
.content.svelte-1xqtfys { padding: 0 var(--spacing-s) var(--spacing-s); max-height: 100vh; overflow: hidden; }
.body.svelte-s62bvd { flex-direction: column; justify-content: center; align-items: center; gap: 12px; display: flex; }
.squircle.svelte-s62bvd { justify-content: center; align-items: center; width: 80px; height: 80px; display: inline-flex; position: relative; }
.squircle.svelte-s62bvd::before { content: ""; background: var(--button-primary); opacity: 0.16; position: absolute; inset: 0px; }
.content.svelte-14m34l0 { gap: var(--spacing-xl); padding: var(--spacing-m) var(--spacing-l) var(--spacing-2xl); flex-direction: column; display: flex; }
.bell.svelte-14m34l0 { width: 80px; height: 80px; color: var(--button-primary); margin-bottom: var(--spacing-m); border-radius: 100%; justify-content: space-around; align-items: center; display: flex; position: relative; overflow: hidden; }
.bell.svelte-14m34l0::after { content: ""; background-color: var(--button-primary); opacity: 0.16; position: absolute; inset: 0px; }
.header.svelte-14m34l0 { color: var(--text-primary); font: 600 var(--font-subheader-size) / var(--font-subheader-line-height) var(--font); justify-content: space-between; align-items: flex-start; gap: var(--spacing-s); padding: var(--spacing-l) var(--spacing-l) 0; display: flex; }
.content.svelte-gvl3py { padding: 0 var(--spacing-l) var(--spacing-l); gap: var(--spacing-l); flex-direction: column; display: flex; }
.alert.svelte-gvl3py { gap: var(--spacing-l); padding: var(--spacing-l); border-radius: var(--spacing-l); background-color: rgb(255, 239, 240); align-items: center; display: flex; }
.text.svelte-gvl3py { gap: var(--spacing-xs); display: flex; }
.image.svelte-gvl3py { border-radius: var(--spacing-l); background: linear-gradient(rgb(242, 244, 247) 0%, rgb(232, 234, 237)); border: 0.5px solid rgba(0, 0, 0, 0.1); justify-content: center; align-items: end; height: 240px; display: flex; overflow: hidden; }
.banner.svelte-10rwr37 { padding-top: var(--spacing-l); justify-content: center; display: flex; }
.iconCircle.svelte-10rwr37 { background: var(--states-background-card-selected); border-radius: 50%; justify-content: center; align-items: center; width: 100px; height: 100px; display: flex; }
:root, .container.svelte-ac69z7 { isolation: isolate; }
.container.svelte-ac69z7 { background: 0px 0px; border: 0px; outline: none; width: 100%; max-width: 100%; height: 100%; max-height: 100%; display: none; }
.container[open].svelte-ac69z7 { flex-direction: column; justify-content: center; align-items: center; display: flex; }
.container.svelte-ac69z7::backdrop { cursor: pointer; background: rgba(0, 0, 0, 0.5); }
.container.svelte-ac69z7 { animation: 0.2s ease-out 0s 1 normal none running svelte-ac69z7-fade-out; }
.container.svelte-ac69z7::backdrop { animation: 0.2s ease-out 0s 1 normal none running svelte-ac69z7-fade-out; }
.container[open].svelte-ac69z7 { animation: 0.2s ease-out 0s 1 normal none running svelte-ac69z7-fade-in; }
.container[open].svelte-ac69z7::backdrop { animation: 0.2s ease-out 0s 1 normal none running svelte-ac69z7-fade-in; }
.content.svelte-ac69z7 { z-index: 1; border-radius: var(--border-radius-common-l); max-width: 80%; max-height: 80%; display: flex; }
@media (max-width: 925.9px) {
  .container.svelte-ac69z7 { box-sizing: border-box; margin: 0px; padding: 0px; }
  .container[open].svelte-ac69z7 { justify-content: flex-end; }
  .content.svelte-ac69z7 { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 100%; max-width: 440px; max-height: min(90dvh, 800px); }
  .content.pwa.svelte-ac69z7 { margin-bottom: 0px; }
  .container--fullscreenMobile.svelte-ac69z7 { margin: 0px; padding: 0px; }
  .container--fullscreenMobile.svelte-ac69z7::backdrop { background: 0px 0px; }
  .content--fullscreenMobile.svelte-ac69z7 { border-radius: 0px; width: 100%; max-width: none; height: 100%; max-height: none; }
}
@keyframes svelte-ac69z7-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes svelte-ac69z7-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.container.svelte-1qtnjua { background-color: var(--background-surface); color: var(--text-primary); pointer-events: auto; border-radius: var(--size-32); width: 95vw; height: 95vh; display: flex; position: absolute; }
.layout.svelte-1qtnjua { flex: 1 1 0%; grid-template: "top" 76px "main" 1fr "bottom" 80px / 1fr; display: grid; }
.sidebar.svelte-1qtnjua { background-color: var(--background-surface); width: 420px; height: 100%; overflow: hidden; }
.backdrop.svelte-1qtnjua { z-index: calc(var(--z-index-layer-popover) - 1); display: none; position: absolute; inset: 0px; }
.sidebarContainer.svelte-1qtnjua { border-left: 1px solid var(--divider-secondary); width: 420px; height: 100%; }
.callsSidebarDrawerOverlay { background: var(--background-overlay); cursor: pointer; position: fixed; inset: 0px; }
.callsSidebarDrawerContent { border-radius: var(--size-24) var(--size-24) 0 0; background: var(--background-surface); height: auto; max-height: 85dvh; color: var(--text-primary); flex-direction: column; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; overflow: hidden; touch-action: pan-y !important; }
.callsSidebarDrawerHandle { width: 40px; height: 4px; margin: var(--size-8) auto; background: var(--icon-tertiary); border-radius: 999px; flex-shrink: 0; }
.callsMobileSheetHandle.svelte-1qtnjua { width: 40px; height: 4px; margin: var(--size-8) auto var(--size-4); background: var(--icon-tertiary); border-radius: 999px; flex-shrink: 0; }
.mobileSidebarContainer.svelte-1qtnjua { flex-direction: column; flex: 1 1 auto; min-height: 0px; display: flex; overflow: hidden; }
.mobileSidebarContainer.svelte-1qtnjua > .switch { flex: 1 1 auto; height: auto; min-height: 0px; }
@media screen and (max-width: 1280px) {
  .sidebar.svelte-1qtnjua, .sidebarContainer.svelte-1qtnjua { width: 360px; }
  .sidebar.svelte-1qtnjua { z-index: var(--z-index-layer-popover); position: absolute; top: 0px; right: 0px; }
  .sidebarContainer.svelte-1qtnjua { border-left: 1px solid var(--divider-secondary); }
  .backdrop.svelte-1qtnjua { display: block; }
}
.top.svelte-1qtnjua { grid-area: top; }
.bottom.svelte-1qtnjua { grid-area: bottom; justify-content: center; }
.top.svelte-1qtnjua, .bottom.svelte-1qtnjua { align-items: center; display: flex; }
.main.svelte-1qtnjua { grid-area: main; position: relative; }
.container--fullscreen.svelte-1qtnjua { padding: 0px; }
.container--fullscreen.svelte-1qtnjua .bottom:where(.svelte-1qtnjua), .container--fullscreen.svelte-1qtnjua .top:where(.svelte-1qtnjua) { z-index: calc(var(--participant-layer-utility) + 10); pointer-events: none; }
.container--fullscreen.svelte-1qtnjua .top:where(.svelte-1qtnjua) { background-color: var(--background-surface); }
.container--fullscreen.svelte-1qtnjua .bottom:where(.svelte-1qtnjua) .cell:where(.svelte-1qtnjua) { pointer-events: all; flex: 0 1 33.3333%; }
.container--fullscreen.svelte-1qtnjua .main:where(.svelte-1qtnjua) { grid-row: top / bottom; }
.cell.svelte-1qtnjua { flex: 1 1 33.3333%; }
@media (max-width: 925.9px) {
  .container.svelte-1qtnjua { width: 100vw; height: 100dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); border-radius: 0px; }
  .layout.svelte-1qtnjua { grid-template-rows: 68px minmax(0px, 1fr) 104px; }
  .top.svelte-1qtnjua .cell:where(.svelte-1qtnjua):first-child { flex: 0 0 auto; }
  .top.svelte-1qtnjua .cell:where(.svelte-1qtnjua):nth-child(2) { contain: inline-size; flex: 1 1 auto; min-width: 0px; }
  .top.svelte-1qtnjua .cell:where(.svelte-1qtnjua):last-child { flex: 0 0 auto; }
}
.group.svelte-1x3b8t3 { align-items: center; display: flex; position: relative; }
.group--left.svelte-1x3b8t3 { justify-content: flex-start; }
.group--center.svelte-1x3b8t3 { justify-content: center; }
.group--right.svelte-1x3b8t3 { justify-content: flex-end; }
.group--top.svelte-1x3b8t3 { padding: var(--size-16) var(--size-16) var(--size-12); gap: var(--size-16); }
.group--bottom.svelte-1x3b8t3 { padding: var(--size-12) var(--size-16) var(--size-12); gap: var(--size-20); }
@media (max-width: 925.9px) {
  .group--top.svelte-1x3b8t3 { padding: var(--size-12) var(--size-8) var(--size-8); gap: var(--size-8); }
  .group--bottom.svelte-1x3b8t3 { padding-bottom: 20px; }
}
.alert.svelte-34h30y { box-shadow: 0px 4px 8px 0px var(--shadow-elevation-2-secondary); }
.hint.svelte-hb4pux { text-align: center; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 244px; display: flex; }
.icon.svelte-ecjliu { grid-template: 1fr / 1fr; place-items: center; width: 24px; height: 24px; display: grid; position: relative; }
.point.svelte-ecjliu { fill: var(--icon-negative); grid-area: 1 / 1; animation: 2s ease-out 0s infinite alternate forwards running svelte-ecjliu-blink; }
.glow.svelte-ecjliu { background-color: var(--icon-negative); opacity: 0.5; filter: blur(16px); grid-area: 1 / 1; width: 100%; height: 100%; }
@keyframes svelte-ecjliu-blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.button.svelte-126xj34 { background: var(--button-negative-fade); height: 56px; color: var(--text-primary-inverse-static); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 80px; padding: 0px; transition: color 0.3s, background-color 0.3s; position: relative; overflow: hidden; }
.button--action.svelte-126xj34 { cursor: pointer; }
.button--small.svelte-126xj34 { width: 56px; height: 56px; }
.content.svelte-126xj34 { justify-content: center; align-items: center; gap: var(--spacing-common-s-half); padding: 0 var(--size-16) 0 var(--size-12); transition: opacity 0.3s; display: flex; position: relative; }
.button--small.svelte-126xj34 .content:where(.svelte-126xj34) { padding: 0px; }
.main.svelte-126xj34, .hover.svelte-126xj34 { flex-shrink: 0; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 0px; transition: opacity 0.3s; display: flex; }
.hover.svelte-126xj34 { top: 0px; left: var(--size-12); opacity: 0; height: 100%; position: absolute; }
.button--small.svelte-126xj34 .hover:where(.svelte-126xj34) { left: auto; }
@media (max-width: 925.9px) {
  .button--small.svelte-126xj34 { width: 40px; height: 40px; }
}
.button.svelte-126xj34:hover { background: rgba(245, 78, 103, 0.16); }
.button--hover.svelte-126xj34 .main:where(.svelte-126xj34), .button--action.svelte-126xj34:hover .main:where(.svelte-126xj34) { opacity: 0; }
.button--hover.svelte-126xj34 .hover:where(.svelte-126xj34), .button--action.svelte-126xj34:hover .hover:where(.svelte-126xj34) { opacity: 1; }
.button.svelte-126xj34:active { background: rgba(156, 50, 66, 0.16); }
.recordDuration.svelte-126xj34 { font-variant-numeric: tabular-nums; min-width: 50px; display: block; position: relative; }
.tooltipText.svelte-126xj34 { text-align: center; max-width: 150px; display: flex; }
.tooltipText--v2.svelte-126xj34 { max-width: 260px; }
.controlCenter.svelte-6wo1jj { display: contents; }
.controlCenter--mobile.svelte-6wo1jj { align-items: center; gap: var(--size-10); padding: var(--size-8); background: var(--background-tertiary); border-radius: 64px; display: flex; }
.micTooltip.svelte-6wo1jj { gap: var(--spacing-s); flex-flow: column; align-items: center; width: 90px; display: flex; }
.permissionTooltip.svelte-6wo1jj { text-align: center; max-width: 120px; display: flex; }
.plain.svelte-lu8stg { align-items: center; min-width: 0px; max-width: 100%; min-height: 40px; display: flex; overflow: hidden; }
.container.svelte-lu8stg { align-items: center; gap: var(--spacing-m); flex: 1 1 auto; min-width: 0px; max-width: 480px; display: flex; }
.content.svelte-lu8stg { gap: var(--spacing-xs); flex-direction: column; flex: 1 1 auto; min-width: 0px; display: inline-flex; overflow: hidden; }
.icon.svelte-lu8stg { flex-shrink: 0; display: inline-flex; }
.duration.svelte-lu8stg { font-variant-numeric: tabular-nums; }
@media (max-width: 925.9px) {
  .container.svelte-lu8stg { gap: var(--size-8); width: 100%; max-width: 240px; }
  .plain.svelte-lu8stg { width: 100%; max-width: 240px; }
}
.participant.svelte-jfnqyp { border-radius: var(--border-radius-common-xl); aspect-ratio: 4 / 3; background: var(--background-card); position: relative; }
.grid.svelte-1eyacr9 { width: 100%; height: 100%; position: relative; }
.scroll-container.svelte-1eyacr9 { scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior: none; width: 100%; height: 100%; display: flex; position: absolute; overflow: auto hidden; }
.scroll-container.svelte-1eyacr9::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
.page.svelte-1eyacr9 { scroll-snap-align: center; padding: var(--page-padding); flex: 0 0 100%; justify-content: center; display: flex; }
.layout.svelte-1eyacr9 { place-content: center; gap: var(--grid-gap-size); width: var(--layout-width); flex-wrap: wrap; display: inline-flex; }
.page--next.svelte-1eyacr9 .layout:where(.svelte-1eyacr9) { grid-template-columns: repeat(var(--grid-columns), var(--cell-size-width)); grid-template-rows: repeat(var(--grid-rows), var(--cell-size-height)); justify-content: flex-start; gap: var(--grid-gap-size); display: grid; }
.cell.svelte-1eyacr9 { width: var(--cell-size-width); height: var(--cell-size-height); }
.controls.svelte-1eyacr9 { background-color: var(--background-card); justify-content: center; align-items: center; gap: var(--size-4); padding: var(--size-4) var(--size-8); user-select: none; z-index: calc(var(--z-index-layer-calls-participant-utility) + 1); border-radius: 24px; display: flex; position: absolute; bottom: 8px; left: 50%; transform: translate(-50%); }
.button.svelte-1eyacr9 { appearance: none; opacity: 0.5; width: 24px; height: 24px; color: var(--icon-primary); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; outline: none; justify-content: center; align-items: center; padding: 0px; transition: opacity 0.3s; display: inline-flex; }
.button--active.svelte-1eyacr9 { opacity: 0.7; cursor: pointer; }
:is(.button--active.svelte-1eyacr9:hover, .button.svelte-1eyacr9:focus-visible) { opacity: 1; }
.button.svelte-1eyacr9:focus-visible { outline: 1px solid var(--states-button-primary-hover); }
@media (max-width: 925.9px) {
  .page.svelte-1eyacr9 { padding: var(--size-8); }
  .controls.svelte-1eyacr9 { display: none; }
}
.orator-grid.svelte-16mntc6 { gap: var(--size-12); height: 100%; padding: 0 var(--size-16); grid-template-columns: 1fr minmax(220px, 15%); display: grid; position: relative; }
.orator.svelte-16mntc6 { grid-column: 1 / span 1; justify-content: center; height: 100%; display: flex; }
.aside.svelte-16mntc6 { grid-column: 2 / span 1; height: 100%; position: relative; }
.aside.svelte-16mntc6::after, .aside.svelte-16mntc6::before { content: ""; width: 100%; height: var(--fade-height); pointer-events: none; opacity: 0; display: block; position: absolute; left: 0px; }
.aside.svelte-16mntc6::before { z-index: 1; opacity: var(--aside-before,0); background: linear-gradient(rgb(23, 24, 28) 0%, rgba(23, 24, 28, 0) 100%); top: 0px; }
.aside.svelte-16mntc6::after { z-index: 1; opacity: var(--aside-after,0); background: linear-gradient(rgba(23, 24, 28, 0) 0%, rgb(23, 24, 28) 100%); bottom: 0px; }
.scroll.svelte-16mntc6 { position: absolute; inset: 0px; }
.participant.svelte-16mntc6 { margin-bottom: var(--size-6); }
.mobileAside.svelte-16mntc6, .mobileScroll.svelte-16mntc6, .mobileParticipant.svelte-16mntc6 { display: none; }
@media (max-width: 925.9px) {
  .orator-grid.svelte-16mntc6 { min-height: 0px; padding: 0px; display: block; overflow: hidden; }
  .orator.svelte-16mntc6 { width: 100%; height: 100%; min-height: 0px; position: absolute; inset: 0px; }
  .aside.svelte-16mntc6, .scroll.svelte-16mntc6 { display: none; }
  .mobileAside.svelte-16mntc6 { right: var(--size-8); bottom: var(--size-12); left: var(--size-8); z-index: var(--z-index-layer-calls-participant-utility); min-width: 0px; display: block; position: absolute; overflow: hidden; }
  .mobileScroll.svelte-16mntc6 { gap: var(--size-6); overscroll-behavior-x: contain; scrollbar-width: none; display: flex; overflow: auto hidden; }
  .mobileScroll.svelte-16mntc6::-webkit-scrollbar { display: none; }
  .mobileParticipant.svelte-16mntc6 { flex: 0 0 var(--mobile-listener-width); width: var(--mobile-listener-width); height: var(--mobile-listener-width); display: block; }
}
.waveTalk.svelte-1tstdpe { color: var(--button-positive); justify-content: center; align-items: center; gap: 3px; display: flex; }
.column.svelte-1tstdpe { background-color: currentcolor; border-radius: 17px; width: 3px; height: 16px; animation-duration: 1.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
.column--1.svelte-1tstdpe { animation-name: svelte-1tstdpe-scaleColumn1; }
.column--2.svelte-1tstdpe { animation-name: svelte-1tstdpe-scaleColumn2; }
.column--3.svelte-1tstdpe { animation-name: svelte-1tstdpe-scaleColumn3; }
@keyframes svelte-1tstdpe-scaleColumn1 { 
  0%, 13.3% { height: 10px; }
  50%, 63.3% { height: 16px; }
  86.7%, 100% { height: 4px; }
}
@keyframes svelte-1tstdpe-scaleColumn2 { 
  0%, 13.3% { height: 16px; }
  50%, 63.3% { height: 6px; }
  86.7%, 100% { height: 10px; }
}
@keyframes svelte-1tstdpe-scaleColumn3 { 
  0%, 13.3% { height: 6px; }
  86.7%, 100% { height: 16px; }
}
.container.svelte-b7auwu { background-color: var(--background-overlay); gap: var(--size-4); padding: var(--size-2); border-radius: 24px; display: inline-flex; }
.label.svelte-b7auwu { border-radius: var(--border-radius-common-xl); padding: 0 var(--size-8) var(--size-2); align-items: center; gap: var(--size-4); cursor: pointer; user-select: none; height: 24px; transition: background 0.3s; display: inline-flex; position: relative; }
.label.svelte-b7auwu:hover { background-color: var(--states-button-ghost-hover); }
.label.svelte-b7auwu:active { background-color: var(--states-button-ghost-pressed); }
.label--selected.svelte-b7auwu { background-color: var(--button-primary-contrast); }
.label--selected.svelte-b7auwu:hover { background-color: var(--states-button-primary-contrast-hover); }
.label--selected.svelte-b7auwu:active { background-color: var(--states-button-primary-contrast-pressed); }
.label.svelte-b7auwu svg { width: 20px; height: 20px; color: var(--icon-primary); }
.label--selected.svelte-b7auwu svg { color: var(--icon-primary-static); }
.input.svelte-b7auwu { opacity: 0; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; }
.hand.svelte-1kunr4b { --hand-size: 40px; --hand-width: var(--hand-size); --hand-action-width: 120px; width: var(--hand-width); height: var(--hand-size); background-color: var(--button-primary); border-radius: var(--hand-size); appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: width 0.3s, border-radius 0.3s; position: relative; overflow: hidden; }
.handDefault.svelte-1kunr4b { width: var(--hand-width); height: var(--hand-size); justify-content: center; align-items: center; gap: 4px; transition: opacity 0.3s; display: inline-flex; position: absolute; top: 0px; left: 0px; }
.handAction.svelte-1kunr4b { opacity: 0; width: var(--hand-action-width); height: var(--hand-size); padding: 0 var(--spacing-m) 0 var(--spacing-s); align-items: center; gap: var(--spacing-s-half); transition: opacity 0.3s; display: flex; position: absolute; top: 0px; left: 0px; }
.hand--action.svelte-1kunr4b { cursor: pointer; }
.hand--action.svelte-1kunr4b:hover { width: var(--hand-action-width); border-radius: var(--hand-size); }
.hand--action.svelte-1kunr4b:hover .handAction:where(.svelte-1kunr4b) { opacity: 1; }
.hand--action.svelte-1kunr4b:hover .handDefault:where(.svelte-1kunr4b) { opacity: 0; }
.hand--numbered.svelte-1kunr4b { --hand-width: 57px; }
.hand--large.svelte-1kunr4b { --hand-size: 56px; --hand-action-width: 136px; }
.hand--large.svelte-1kunr4b .handAction:where(.svelte-1kunr4b) { padding: 0 var(--spacing-l) 0 var(--size-14); }
.placeholder.svelte-t39ger { z-index: var(--participant-layer-placeholder); background-color: rgba(37, 38, 45, 0.9); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.placeholder--inGrid.svelte-t39ger { opacity: 0; transition: opacity 0.3s; }
.placeholder--show.placeholder--inGrid.svelte-t39ger { opacity: 1; }
.container.svelte-t39ger { justify-content: center; align-items: center; gap: var(--spacing-xl); flex-direction: column; display: flex; }
.icon.svelte-t39ger, .icon.svelte-t39ger svg { width: 64px; height: 64px; }
.zoomControls.svelte-ga7ppx { align-items: center; gap: var(--size-12); background-color: var(--background-card); padding: var(--size-2); border-radius: 99px; display: flex; }
.zoomResetButton.svelte-ga7ppx { padding: var(--size-2); cursor: pointer; color: var(--text-primary); font-variant-numeric: tabular-nums; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; transition: color 0.3s; display: flex; }
:is(.zoomResetButton.svelte-ga7ppx:hover, .zoomResetButton.svelte-ga7ppx:focus-visible) { color: var(--text-tertiary); }
.zoomResetButton.svelte-ga7ppx:focus-visible { outline: none; }
.zoomResetButton.svelte-ga7ppx:active { color: var(--text-primary); }
.zoomResetButton.svelte-ga7ppx:disabled { color: var(--text-primary); cursor: default; }
.participant.svelte-1fzlah9 { border-radius: var(--border-radius-common-xl); aspect-ratio: 4 / 3; background: var(--background-card); --participant-padding: var(--spacing-m); flex-direction: column; display: flex; position: relative; overflow: hidden; }
.participant--main.svelte-1fzlah9 { aspect-ratio: auto; width: 100%; height: 100%; }
.participant.svelte-1fzlah9::after { content: ""; border-radius: var(--border-radius-common-xl); z-index: var(--z-index-layer-calls-participant-utility); pointer-events: none; border: 2px solid rgba(0, 0, 0, 0); position: absolute; inset: 0px; }
.participant--speaking.svelte-1fzlah9::after { border-color: var(--button-positive); }
.bottom.svelte-1fzlah9 { padding: 0 var(--participant-padding) var(--participant-padding); z-index: var(--z-index-layer-calls-participant-utility); align-items: flex-end; gap: var(--spacing-s); display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.top.svelte-1fzlah9 { padding: var(--participant-padding) var(--participant-padding) 0; z-index: var(--z-index-layer-calls-participant-utility); display: flex; position: absolute; top: 0px; left: 0px; right: 0px; }
.badConnection.svelte-1fzlah9 { color: var(--icon-negative); justify-content: center; align-items: center; width: 16px; height: 16px; display: inline-flex; }
.right.svelte-1fzlah9 { margin-left: auto; position: relative; }
.right--pinned.svelte-1fzlah9 { flex-shrink: 0; width: 40px; height: 40px; }
.pin.svelte-1fzlah9 { background-color: var(--button-secondary); z-index: 1; border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; transition: opacity 0.3s ease-in-out; display: flex; position: absolute; top: 0px; right: 0px; }
.pin--stream.svelte-1fzlah9 { background-color: var(--background-overlay); }
.pin--inline.svelte-1fzlah9 { flex-shrink: 0; position: static; }
.menu.svelte-1fzlah9 { opacity: 0; transition: opacity 0.3s ease-in-out; }
.menu.svelte-1fzlah9:focus-within, .participant--hover.svelte-1fzlah9 .menu:where(.svelte-1fzlah9) { opacity: 1; }
.oratorMobileHeader.svelte-1fzlah9 { display: none; }
.participant--hover.svelte-1fzlah9 .pin:where(.svelte-1fzlah9) { opacity: 0; pointer-events: none; }
.tileInformer.svelte-1fzlah9 { gap: var(--spacing-common-xs); padding: var(--spacing-xs) var(--spacing-s); border-radius: var(--size-24); flex-flow: row; align-items: center; max-width: 100%; display: inline-flex; }
.icon.svelte-1fzlah9 { justify-content: center; align-items: center; width: 20px; height: 20px; display: inline-flex; }
.participant--videoEnabled.svelte-1fzlah9 .tileInformer:where(.svelte-1fzlah9) { background-color: var(--background-overlay); }
.bottomRight.svelte-1fzlah9 { opacity: 0; pointer-events: none; gap: var(--size-10); align-items: center; margin-left: auto; transition: opacity 0.3s; display: flex; }
.participant--hover.svelte-1fzlah9 .bottomRight:where(.svelte-1fzlah9) { opacity: 1; pointer-events: all; }
@media (max-width: 925.9px) {
  .participant--group.participant--listener.svelte-1fzlah9 { aspect-ratio: 1 / 1; --participant-padding: var(--spacing-xs); width: 120px; height: 120px; }
  .menu.svelte-1fzlah9 { opacity: 1; }
  .participant.svelte-1fzlah9 .menu:where(.svelte-1fzlah9) .button, .participant.svelte-1fzlah9 .menu:where(.svelte-1fzlah9) .button:not(:disabled):hover, .participant.svelte-1fzlah9 .menu:where(.svelte-1fzlah9) .button:not(:disabled):active { background-color: rgba(0, 0, 0, 0); }
  .participant--orator.participant--videoEnabled.svelte-1fzlah9 .oratorMobileHeader:where(.svelte-1fzlah9) .menu:where(.svelte-1fzlah9) .button { background-color: var(--background-overlay); }
  .participant--orator.svelte-1fzlah9 .bottom:where(.svelte-1fzlah9) { pointer-events: none; }
  .participant--orator.svelte-1fzlah9 .pin:where(.svelte-1fzlah9) { opacity: 1; pointer-events: auto; background-color: rgba(0, 0, 0, 0); }
  .participant--orator.participant--videoEnabled.svelte-1fzlah9 .pin:where(.svelte-1fzlah9) { background-color: var(--background-overlay); }
  .participant--listener.svelte-1fzlah9 .right--pinned:where(.svelte-1fzlah9), .participant--listener.svelte-1fzlah9 .pin:where(.svelte-1fzlah9) { width: 32px; height: 32px; }
  .oratorMobileHeader.svelte-1fzlah9 { top: var(--size-8); left: var(--size-8); right: var(--size-8); z-index: var(--z-index-layer-calls-participant-utility); justify-content: center; align-items: center; gap: var(--size-4); pointer-events: none; min-width: 0px; display: flex; position: absolute; }
  .oratorMobileHeader.svelte-1fzlah9 .menu:where(.svelte-1fzlah9), .oratorMobileHeader.svelte-1fzlah9 .pin:where(.svelte-1fzlah9), .oratorMobileHeader.svelte-1fzlah9 .tileInformer:where(.svelte-1fzlah9), .oratorMobileHeader.svelte-1fzlah9 .hand { pointer-events: auto; }
  .oratorMobileHeader.svelte-1fzlah9 .tileInformer:where(.svelte-1fzlah9) { min-width: 0px; max-width: min(240px, 100% - 132px); }
}
.page.svelte-1jwmjng { flex-direction: column; height: 100%; min-height: 0px; display: flex; }
.page--scroll.svelte-1jwmjng { overflow: auto; }
.header.svelte-16x5acr { align-items: center; gap: var(--spacing-s); padding: var(--spacing-xl) var(--spacing-l); background: var(--background-surface); z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0); min-height: 80px; display: flex; position: sticky; top: 0px; left: 0px; }
.header--stuck.svelte-16x5acr { border-color: var(--divider-secondary); }
.back.svelte-16x5acr { flex-shrink: 0; }
.title.svelte-16x5acr { flex-grow: 1; }
.close.svelte-16x5acr { flex-shrink: 0; }
.legend.svelte-kqvkz7 { text-transform: uppercase; padding: var(--spacing-m) var(--spacing-l) var(--spacing-xs); }
.wrapper.svelte-ef45zs { gap: var(--size-20); width: 350px; padding: var(--size-20) var(--size-24) var(--size-24); border-radius: var(--size-24); background-color: var(--background-card); flex-flow: column; display: flex; }
.textBlock.svelte-ef45zs { gap: var(--size-8); flex-flow: column; display: flex; }
.truncatedText.svelte-ef45zs { -webkit-line-clamp: var(--max-lines,2); word-break: break-word; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.actionsBlock.svelte-ef45zs { gap: var(--size-12); flex-flow: column; display: flex; }
.buttons.svelte-x3p6l0 { align-items: center; gap: var(--size-8); display: flex; }
.list.svelte-k2o36u:first-of-type { padding-top: 0px; }
.list.svelte-k2o36u { padding: var(--size-24) var(--size-16) 0; }
.list--island.svelte-k2o36u { padding-top: var(--size-40); }
.chevron.svelte-k2o36u { cursor: pointer; align-items: center; gap: var(--spacing-s-half); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-width: 150px; display: flex; }
.chevronIcon.svelte-k2o36u { display: inline-flex; position: relative; bottom: -1px; }
@media (max-width: 925.9px) {
  .list.svelte-k2o36u:last-of-type { padding-bottom: var(--size-24); }
}
.search.svelte-k7kvn5 { padding: var(--spacing-m) var(--spacing-l) var(--spacing-s); flex-shrink: 0; }
.waitingList.svelte-k7kvn5 { flex-shrink: 0; }
.waitingList--entry.svelte-k7kvn5 { margin-top: var(--spacing-m); }
.list.svelte-k7kvn5 { flex: 1 1 auto; min-height: 0px; }
.item.svelte-k7kvn5 { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); margin: 0 var(--spacing-m); position: relative; }
.item--hover.svelte-k7kvn5, .item--withHover.svelte-k7kvn5:hover, .item--withHover.svelte-k7kvn5:focus { background: var(--background-secondary); }
.hand.svelte-k7kvn5 { flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; display: inline-flex; }
.toolbuttons.svelte-k7kvn5 { padding: 0 var(--size-16); }
.avatarWrapper.svelte-k7kvn5 { position: relative; }
.content.svelte-ixx40y { flex-direction: column; flex: 1 1 auto; min-height: 0px; display: flex; }
.input.svelte-ixx40y { padding: var(--spacing-m) var(--spacing-l) var(--spacing-s); flex-shrink: 0; }
.button.svelte-ixx40y { padding: var(--spacing-s) var(--spacing-l) var(--spacing-l); flex-shrink: 0; margin-top: auto; }
.list.svelte-ixx40y { padding: var(--spacing-s) var(--spacing-l); flex-shrink: 0; }
.icon.svelte-ixx40y { background-color: var(--icon-themed); border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; display: inline-flex; }
.list.svelte-11yj69v:first-of-type { padding-top: 0px; }
.list.svelte-11yj69v { padding: var(--size-24) var(--size-16) 0; }
.list.svelte-11yj69v:last-of-type { padding-bottom: var(--size-24); }
.island.svelte-11yj69v + .island:where(.svelte-11yj69v) { margin-top: var(--size-12); }
.island.svelte-11yj69v { border-radius: var(--border-radius-common-l); }
.item.svelte-11yj69v { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); position: relative; }
.item--hover.svelte-11yj69v, .item--withHover.svelte-11yj69v:hover, .item--withHover.svelte-11yj69v:focus { background: var(--states-button-ghost-hover); }
.shareAction.svelte-7gke64 { margin-bottom: var(--size-8); }
.placeholder.svelte-7gke64 { justify-content: center; align-items: center; gap: var(--size-16); flex-direction: column; flex: 1 1 0%; display: flex; }
.icon.svelte-7gke64 svg { width: 56px; height: 56px; }
.button.svelte-7gke64 { padding: var(--spacing-s) var(--spacing-l) var(--spacing-l); gap: var(--size-12); flex-direction: column; flex-shrink: 0; display: flex; }
.container.svelte-126m2c { align-items: center; gap: var(--size-8); flex-direction: column; min-width: 72px; max-width: 80px; display: inline-flex; }
.info.svelte-5qedqy { border-radius: var(--border-radius-common-xl); background: radial-gradient(72.04% 51.79% at 48.62% 48.23%, #bcbcbc0f 25.2%, #17181c29 100%), var(--background-card); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
.close.svelte-5qedqy { position: absolute; top: 16px; right: 16px; }
.content.svelte-5qedqy { place-content: center; gap: var(--size-32); flex-direction: column; display: flex; position: relative; }
.text.svelte-5qedqy { text-align: center; width: 100%; padding: 0 var(--size-16); }
.info--compact.svelte-5qedqy .content:where(.svelte-5qedqy) { gap: var(--size-12); }
.buttons.svelte-5qedqy { justify-content: center; gap: var(--size-16); flex-wrap: wrap; display: flex; position: relative; }
.info--compact.svelte-5qedqy .buttons:where(.svelte-5qedqy) { gap: var(--size-8); }
.buttons--mobile.svelte-5qedqy { align-items: flex-start; gap: var(--size-32); }
.info--short-mobile.svelte-5qedqy .content:where(.svelte-5qedqy) { gap: var(--size-8); padding-top: 56px; }
.alert.svelte-mjrx61 { --alert-size: 336px; pointer-events: auto; background-color: var(--background-card); width: var(--alert-size); appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 40px; transition: opacity 0.3s, translate 0.3s; overflow: hidden; }
@starting-style {
  .alert.svelte-mjrx61 { opacity: 0; translate: var(--alert-size); }
}
.alert--shake.svelte-mjrx61 { animation: 0.35s ease-out 0s 1 normal none running svelte-mjrx61-shake-snack; }
.alert--button.svelte-mjrx61 { cursor: pointer; user-select: none; }
.container.svelte-mjrx61 { width: var(--alert-size); box-sizing: border-box; align-items: center; gap: var(--size-12); height: 56px; padding: var(--size-8); display: flex; }
.before.svelte-mjrx61, .after.svelte-mjrx61 { flex: 0 1 auto; }
.before.svelte-mjrx61 { justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; }
.after.svelte-mjrx61 { align-items: center; gap: var(--size-8); display: flex; }
.content.svelte-mjrx61 { flex-direction: column; flex: 1 1 0%; display: flex; overflow: hidden; }
@keyframes svelte-mjrx61-shake-snack { 
  0% { transform: translate(0px); }
  16.6% { transform: translate(-4px); }
  33.3% { transform: translate(4px); }
  50% { transform: translate(-4px); }
  66.6% { transform: translate(4px); }
  83.3% { transform: translate(-4px); }
  100% { transform: translate(4px); }
}
.chevron.svelte-ok5li9 { appearance: none; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: flex-start; align-items: center; width: 24px; height: 32px; display: inline-flex; }
.more.svelte-ok5li9 { width: var(--size); height: var(--size); background-color: var(--more-icon-bg,var(--button-secondary)); color: var(--more-icon-color,var(--states-icon-primary-disabled)); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.search.svelte-1p8kbc3 { padding: var(--spacing-m) var(--spacing-l) var(--spacing-m); flex-shrink: 0; }
.list.svelte-1p8kbc3 { flex: 1 1 0%; min-height: 0px; }
.item.svelte-1p8kbc3 { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); margin: 0 var(--spacing-m); position: relative; }
.buttons.svelte-1p8kbc3 { padding: var(--size-12) var(--size-16) var(--size-16); gap: var(--size-12); border-top: 1px solid var(--divider-primary); flex-direction: column; flex-shrink: 0; display: flex; }
.empty.svelte-1p8kbc3 { padding: var(--spacing-m) var(--spacing-l) var(--spacing-m); flex: 1 1 0%; }
.info.svelte-1qq8uos { border-radius: var(--border-radius-common-xl); background: radial-gradient(72.04% 51.79% at 48.62% 48.23%, #bcbcbc0f 25.2%, #17181c29 100%), var(--background-card); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
.bg.svelte-1qq8uos { opacity: 0.4; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
@supports ((-moz-appearance:none)) {
  .bg.svelte-1qq8uos { display: none; }
}
.close.svelte-1qq8uos { position: absolute; top: 16px; right: 16px; }
.content.svelte-1qq8uos { justify-content: center; align-items: center; gap: var(--size-16); flex-direction: column; width: 354px; display: flex; position: relative; }
.icon.svelte-1qq8uos { --size-icon: 64px; width: var(--size-icon); height: var(--size-icon); justify-content: center; align-items: center; display: inline-flex; }
.icon.svelte-1qq8uos > svg { width: inherit; height: inherit; }
.text.svelte-1qq8uos { text-align: center; width: 100%; padding: 0 var(--spacing-l); }
.info--small.svelte-1qq8uos .content:where(.svelte-1qq8uos) { gap: var(--size-8); }
.info--medium.svelte-1qq8uos .content:where(.svelte-1qq8uos) { gap: var(--size-12); }
.info--small.svelte-1qq8uos .icon:where(.svelte-1qq8uos) > svg { width: 32px; height: 32px; }
.buttons.svelte-1qq8uos { justify-content: center; gap: var(--spacing-l); display: flex; position: relative; }
.mobileButtons.svelte-1p1xypo { justify-content: center; align-items: flex-start; gap: var(--size-20); display: flex; }
.container.svelte-w0hjxo { width: 100%; height: 100%; position: relative; }
.main.svelte-w0hjxo { justify-content: center; align-items: center; gap: var(--spacing-common-xl-half); flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; }
.avatar.svelte-w0hjxo { z-index: 1; position: relative; }
.avatar.svelte-w0hjxo::before { content: ""; border: 4px solid var(--button-positive); z-index: 2; opacity: 0; border-radius: 50%; width: 100%; height: 100%; display: block; position: absolute; }
.info.svelte-w0hjxo { z-index: 1; gap: var(--size-8); width: 400px; transform: translateY(calc(-100% - var(--size-24))); flex-direction: column; display: flex; position: absolute; top: 0px; left: -50%; }
.privacy.svelte-w0hjxo { background-color: var(--background-surface); border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; display: flex; position: absolute; bottom: 0px; right: 0px; }
.overlayItem.svelte-150d7n0 { z-index: calc(var(--participant-layer-utility,4) + 20); pointer-events: auto; width: min-content; max-width: 100vw; height: min-content; max-height: 100vh; position: absolute; top: 0px; left: 0px; }
.overlayItem--hidden.svelte-150d7n0 { visibility: hidden; }
.overlayItem--animated.svelte-150d7n0 { transition: transform 0.3s; }
.overlayItem--draggable.svelte-150d7n0 { cursor: grab; user-select: none; }
.overlayItem--dragging.svelte-150d7n0 { cursor: grabbing; transition: none; }
.overlayItem--draggable.svelte-150d7n0:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 1px; }
.badgeButton.svelte-5drdp9 { position: relative; }
.badgeButtonCounter.svelte-5drdp9 { position: absolute; top: -5px; right: -5px; }
.speak-info.svelte-htoosz { gap: var(--size-2); padding: var(--size-4) var(--size-12); flex-direction: column; min-width: 72px; max-width: 320px; display: flex; overflow: hidden; }
@media screen and (max-width: 1280px) {
  .speak-info.svelte-htoosz { max-width: 240px; }
}
.badgeButton.svelte-y1vaps { position: relative; }
.badgeButtonCounter.svelte-y1vaps { position: absolute; top: -5px; right: -5px; }
.participantsButton.svelte-y1vaps { flex: 0 0 auto; }
.mobileGestureLayer.svelte-y1vaps { width: 100%; height: 100%; }
.container.svelte-y1vaps { width: 100%; height: 100%; position: relative; }
.participant.svelte-y1vaps { width: 250px; }
.fullscreenButtons.svelte-y1vaps { transition: opacity 0.3s; }
.fullscreenButtons--hide.svelte-y1vaps { opacity: 0; }
@media (max-width: 925.9px) {
  .participant.svelte-y1vaps { width: 112px; }
}
canvas.svelte-1tedpg9 { width: 100%; height: 100%; display: block; }
.container.svelte-2ag1y9 { width: 100%; height: 100%; position: relative; }
.main.svelte-2ag1y9 { justify-content: center; align-items: center; gap: var(--spacing-common-xl-half); flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; }
.video.svelte-2ag1y9 { inset: 0 var(--size-16); border-radius: var(--border-radius-common-xl); background-color: var(--background-tertiary); justify-content: center; display: flex; position: absolute; overflow: hidden; }
.video--reconnect.svelte-2ag1y9 { opacity: 0.5; }
.background.svelte-2ag1y9 { position: absolute; inset: 0px; }
.avatar.svelte-2ag1y9 { z-index: 1; position: relative; }
.info.svelte-2ag1y9 { flex-direction: column; display: flex; }
.info--center.svelte-2ag1y9 { z-index: 1; gap: var(--size-8); width: 400px; transform: translateY(calc(-100% - var(--size-24))); position: absolute; top: 0px; left: -50%; }
.info--top.svelte-2ag1y9 { contain: inline-size; justify-content: center; height: 100%; overflow: hidden; }
.participant.svelte-2ag1y9 { width: 250px; }
.switcher.svelte-2ag1y9 { bottom: var(--size-12); left: var(--size-12); position: absolute; }
.bottomRight.svelte-2ag1y9 { bottom: var(--size-12); right: var(--size-12); opacity: 0; pointer-events: none; gap: var(--size-10); align-items: center; transition: opacity 0.3s; display: flex; position: absolute; }
.container--hover.svelte-2ag1y9 .bottomRight:where(.svelte-2ag1y9) { opacity: 1; pointer-events: all; }
.fullscreenButtons.svelte-2ag1y9 { transition: opacity 0.3s; }
.fullscreenButtons--hide.svelte-2ag1y9 { opacity: 0; }
@media (max-width: 925.9px) {
  .video.svelte-2ag1y9 { inset: 0 var(--size-8); border-radius: var(--border-radius-common-l); }
  .participant.svelte-2ag1y9 { width: 140px; }
  .participant.svelte-2ag1y9 .participant { aspect-ratio: 3 / 4; }
}
.marquee-container.svelte-9qgulo { white-space: nowrap; width: 100%; overflow: hidden; }
.marquee-content.svelte-9qgulo { display: inline-flex; }
.marquee-content--play.svelte-9qgulo { animation-name: svelte-9qgulo-scroll; animation-timing-function: linear; }
.marquee-item.svelte-9qgulo { padding-right: var(--size-24); }
@keyframes svelte-9qgulo-scroll { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
.leading-icon.svelte-1trzgf1 { vertical-align: middle; display: inline-flex; }
.notice-color.svelte-1trzgf1 { color: var(--text-attention); }
.container.svelte-3hnr8w { pointer-events: auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; }
.container.svelte-3hnr8w::before { content: ""; cursor: pointer; background: rgba(0, 0, 0, 0.5); transition: background-color 0.3s; position: absolute; inset: 0px; }
.container--collapse.svelte-3hnr8w::before { background-color: rgba(0, 0, 0, 0); }
.preview.svelte-3hnr8w { padding: var(--size-56) var(--size-16) var(--size-56); border-radius: var(--size-32); color: var(--icon-primary-inverse-static); background: var(--background-surface); opacity: 0.75; flex-direction: column; justify-content: space-between; width: 511px; height: 189px; display: flex; position: relative; box-shadow: rgba(67, 120, 186, 0.12) 0px 10px 60px; }
.info.svelte-3hnr8w { align-items: center; gap: var(--spacing-common-xl); user-select: none; width: 100%; margin-bottom: var(--size-48); flex-direction: column; display: flex; }
.wrapper.svelte-3hnr8w { flex-direction: column; align-items: center; width: 100%; display: flex; }
.wrapper--outer.svelte-3hnr8w { gap: var(--size-14); }
.wrapper--inner.svelte-3hnr8w { gap: var(--size-8); }
.buttons.svelte-3hnr8w { gap: var(--size-52); justify-content: center; align-items: center; display: flex; }
.avatar.svelte-3hnr8w { justify-content: center; display: flex; }
.background.svelte-3hnr8w { z-index: 1; border-radius: inherit; position: absolute; inset: 0px; overflow: hidden; }
.background.svelte-3hnr8w canvas { border-radius: 1px; }
.leftCorner.svelte-3hnr8w { z-index: 3; position: absolute; top: 16px; left: 16px; }
.info.svelte-3hnr8w, .buttons.svelte-3hnr8w { z-index: 2; }
.notice-color.svelte-3hnr8w { color: var(--text-attention); }
.warning-icon-container.svelte-3hnr8w { align-items: center; line-height: 1; display: flex; }
.bubble.svelte-3hnr8w { width: 300px; margin: var(--size-48) 0 0; background: linear-gradient(180deg, var(--bubbles-system-step-1) 0%, var(--bubbles-system-step-2) 40%, var(--bubbles-system-step-3) 100%); box-shadow: 0 4px 16px 0 var(--shadow-elevation-3-primary), 0 0 2px 0 var(--shadow-elevation-3-secondary); padding: var(--size-24); border: 0.5px solid rgba(255, 255, 255, 0.2); border-radius: 24px; flex-direction: column; align-items: flex-start; display: flex; }
.bubble-table.svelte-3hnr8w { border-spacing: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; line-height: 1; }
.bubble-table.svelte-3hnr8w td:where(.svelte-3hnr8w) { padding: 0 var(--size-4); }
.spacer.svelte-3hnr8w { width: 100%; }
@media (max-width: 925.9px) {
  .preview.svelte-3hnr8w { width: 100vw; height: 100dvh; padding: var(--size-72) var(--size-16) var(--size-48); opacity: 1; border-radius: 0px; justify-content: normal; inset: 0px; }
  .info.svelte-3hnr8w { justify-content: center; gap: var(--size-32); padding: var(--size-24) 0; flex: 1 1 0%; margin-bottom: 0px; }
  .wrapper--outer.svelte-3hnr8w { gap: var(--size-12); }
  .wrapper--inner.svelte-3hnr8w { gap: var(--size-6); }
  .buttons.svelte-3hnr8w { padding-bottom: env(safe-area-inset-bottom); flex-shrink: 0; }
  .leftCorner.svelte-3hnr8w { top: calc(var(--size-16) + env(safe-area-inset-top)); right: calc(var(--size-16) + env(safe-area-inset-right)); left: auto; }
}
.descriptionFlagAlign.svelte-3hnr8w { vertical-align: middle; }
.container.svelte-hxq3il { pointer-events: auto; border-radius: var(--border-radius-common-xl); flex-direction: column; justify-content: center; align-items: center; width: 250px; height: 250px; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px, rgba(0, 0, 0, 0.08) 0px 4px 16px; }
.container--documentPiP.svelte-hxq3il { width: 100%; height: 100%; box-shadow: none; border-radius: 0px; }
.topbar.svelte-hxq3il { top: var(--size-12); right: var(--size-12); opacity: 0; z-index: var(--z-index-layer-calls-participant-utility); transition: opacity 0.2s ease-in; position: absolute; }
.info.svelte-hxq3il { left: var(--size-12); top: var(--size-12); max-width: 100%; padding: var(--size-4) var(--size-8); border-radius: var(--size-24); user-select: none; pointer-events: none; z-index: var(--z-index-layer-calls-participant-utility); flex-flow: row; align-items: center; display: inline-flex; position: absolute; }
.info--withPreview.svelte-hxq3il { top: var(--size-12); }
.info--withStream.svelte-hxq3il { background-color: var(--background-overlay); }
.topbar.svelte-hxq3il:focus-within, .call.svelte-hxq3il:hover .topbar:where(.svelte-hxq3il), .buttons.svelte-hxq3il:focus-within, .call.svelte-hxq3il:hover .buttons:where(.svelte-hxq3il) { opacity: 1; }
.call.svelte-hxq3il { background: var(--background-surface); box-shadow: 0 12px 24px 0 var(--shadow-elevation-4-primary), 0 0 0 1px var(--shadow-elevation-4-secondary); border-radius: var(--border-radius-common-xl); grid-template-rows: 1fr auto; width: 100%; height: 100%; display: grid; overflow: hidden; }
.container--documentPiP.svelte-hxq3il .call:where(.svelte-hxq3il) { box-shadow: none; border-radius: 0px; }
.buttons.svelte-hxq3il { padding: var(--size-12); justify-content: center; align-items: center; gap: var(--size-16); backdrop-filter: blur(25px); z-index: var(--z-index-layer-calls-participant-utility); opacity: 0; background: rgba(105, 109, 112, 0.24); justify-self: center; width: 100%; transition: opacity 0.2s ease-in; display: inline-flex; position: absolute; bottom: 0px; }
.viewerPreview.svelte-hxq3il { top: 52px; left: var(--size-12); aspect-ratio: 4 / 3; border-radius: var(--border-radius-common-l); background: var(--background-surface); width: min(30%, 160px); box-shadow: var(--shadow-elevation-3-offset-x-primary) var(--shadow-elevation-3-offset-y-primary) var(--shadow-elevation-3-blur-primary) 0 var(--shadow-elevation-3-primary), var(--shadow-elevation-3-offset-x-secondary) var(--shadow-elevation-3-offset-y-secondary) var(--shadow-elevation-3-blur-secondary) 0 var(--shadow-elevation-3-secondary); z-index: var(--z-index-layer-calls-participant-utility); position: absolute; overflow: hidden; }
.buttons--hangup.svelte-hxq3il { background: 0px 0px; }
.main.svelte-hxq3il { --avatar-size: 64px; align-items: center; gap: var(--size-12); flex-direction: column; height: 100%; display: flex; position: relative; overflow: hidden; }
.container--documentPiP.svelte-hxq3il .main:where(.svelte-hxq3il) { --avatar-size: min(30vmin, 200px); }
.permissionTooltip.svelte-hxq3il { text-align: center; max-width: 120px; display: flex; }
.calls.svelte-16m074x { z-index: var(--z-index-layer-calls); pointer-events: none; --participant-layer-avatar: 1; --participant-layer-video: 2; --participant-layer-placeholder: 3; --participant-layer-utility: 4; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; }
.storiesPortal.svelte-19jus46 { width: 0px; height: 0px; }
.container.svelte-vywflk { background: var(--background-secondary); place-items: center; width: 100%; height: 100%; display: grid; overflow: hidden auto; }
.logoWrapper.svelte-vywflk { top: var(--size-18); justify-content: center; display: flex; position: absolute; left: 0px; right: 0px; }
.auth--regular.svelte-vywflk .logoWrapper:where(.svelte-vywflk) { inset: unset; padding-bottom: var(--size-24); position: relative; }
.logo.svelte-vywflk { align-items: center; gap: var(--size-10); animation: 3s linear 0s infinite normal none running svelte-vywflk-jump; display: flex; }
.auth--regular.svelte-vywflk .logo:where(.svelte-vywflk) { gap: var(--size-12); }
.authLogo.svelte-vywflk { background: no-repeat center / contain var(--auth-logo); width: 28px; height: 28px; display: inline-block; position: relative; }
.auth--regular.svelte-vywflk .authLogo:where(.svelte-vywflk) { width: 38px; height: 38px; }
.authLogo.svelte-vywflk::after { content: ""; mask: center / contain no-repeat var(--auth-logo); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0) 55%) 0px 0px / 200% 100%; animation: 4s linear 0s infinite normal none running svelte-vywflk-sweep; position: absolute; inset: 0px; }
@keyframes svelte-vywflk-sweep { 
  0% { background-position: 100% 0px; }
  40% { background-position: 100% 0px; }
  50% { background-position: -100% 0px; }
  100% { background-position: -100% 0px; }
}
@keyframes svelte-vywflk-jump { 
  0% { transform: translateY(0%); }
  50% { transform: translateY(10%); }
  100% { transform: translateY(0%); }
}
.auth.svelte-vywflk { text-align: center; --button-ghost-text-color: var(--text-themed); --button-ghost-text-color-disabled: var(--states-text-themed-disabled); flex-direction: column; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
.auth--regular.svelte-vywflk { border-radius: var(--size-28); backdrop-filter: blur(25px); border: 1px solid var(--bubbles-system-stroke-step-2); background: var(--background-primary); max-width: 580px; height: 696px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px; }
.header.svelte-vywflk { z-index: 2; justify-content: space-between; align-items: center; width: 100%; height: 64px; display: flex; }
.auth--regular.svelte-vywflk .header:where(.svelte-vywflk) { height: 84px; padding: var(--size-16); }
.auth--gradient.svelte-vywflk { background: linear-gradient(180deg, var(--bubbles-system-step-1), var(--bubbles-system-step-2)); }
.auth--avatar.svelte-vywflk { justify-content: center; }
.form.svelte-vywflk { width: 100%; max-width: 100%; padding: var(--size-20) var(--size-16) 0px; flex-direction: column; gap: 28px; display: flex; }
.auth--regular.svelte-vywflk .form:where(.svelte-vywflk) { width: 360px; padding: var(--size-48) var(--size-12) 0px; gap: 24px; }
.auth--avatar.svelte-vywflk .form:where(.svelte-vywflk) { justify-content: center; align-items: center; height: 100%; }
.auth--regular.auth--avatar.svelte-vywflk .form:where(.svelte-vywflk) { padding-top: 0px; }
.auth--regular.auth--password-code.svelte-vywflk .form:where(.svelte-vywflk) { flex: 1 1 0%; justify-content: center; padding-top: 0px; }
.explainer.svelte-vywflk { align-items: center; gap: var(--size-12); padding-right: var(--size-16); padding-left: var(--size-16); white-space: pre-line; flex-direction: column; display: flex; }
.auth--regular.svelte-vywflk .explainer:where(.svelte-vywflk) { gap: var(--size-8); }
.explainer-icon.svelte-vywflk { background: var(--background-tertiary); width: 96px; height: 96px; color: var(--icon-tertiary); border-radius: 50%; place-content: center; align-self: center; display: grid; }
.squircleWrapper.svelte-vywflk { align-self: center; }
.explainerSquircle.svelte-vywflk { width: 80px; height: 80px; color: var(--icon-themed); justify-content: center; align-items: center; display: inline-flex; position: relative; }
.explainerSquircle.svelte-vywflk::before { content: ""; background: var(--background-themed-fade); position: absolute; inset: 0px; }
.smsInfo.svelte-vywflk { color: var(--text-tertiary); text-align: center; font-size: var(--font-action-xsmall-size); font-weight: 400; line-height: var(--font-action-xsmall-line-height); letter-spacing: var(--font-action-xsmall-letter-spacing); }
.field.svelte-vywflk { text-align: left; }
.names.svelte-vywflk { gap: var(--size-16); display: grid; }
.callOutNumber.svelte-vywflk { text-align: left; background: var(--background-primary); border-radius: var(--size-16); overflow: hidden; }
.selected-avatar.svelte-vywflk { place-items: center; gap: var(--size-16); margin-top: auto; margin-bottom: auto; display: grid; }
.auth--regular.svelte-vywflk .selected-avatar:where(.svelte-vywflk) { margin: 0px; }
.avatar-list.svelte-vywflk { flex-flow: wrap; justify-content: space-between; display: flex; }
.avatar-cell.svelte-vywflk { cursor: pointer; background: 0px 0px; border: 2px solid rgba(0, 0, 0, 0); border-radius: 50%; width: 70px; height: 70px; padding: 3px; overflow: hidden; }
.avatar-cell.svelte-vywflk img:where(.svelte-vywflk) { border-radius: 50%; width: 60px; height: 60px; }
.avatar-cell--selected.svelte-vywflk { border: 2px solid var(--button-primary); }
.qr.svelte-vywflk { margin-bottom: var(--size-8); width: 256px; height: 256px; margin-top: var(--size-48); justify-content: center; align-items: center; display: flex; position: relative; }
.auth--regular.svelte-vywflk .qr:where(.svelte-vywflk) { margin-right: var(--size-12); margin-left: var(--size-12); }
.qrLogo.svelte-vywflk { box-sizing: content-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.registration.svelte-vywflk { flex-direction: column; align-items: center; width: 336px; max-width: 100%; display: flex; }
.info.svelte-vywflk { gap: var(--size-8); margin-bottom: var(--size-24); flex-direction: column; display: flex; }
.auth--regular.svelte-vywflk .info:where(.svelte-vywflk) { margin-bottom: var(--size-40); }
.footer.svelte-vywflk { justify-content: flex-end; align-items: center; gap: var(--size-10); width: 100%; max-width: 100%; padding: 0px var(--size-12) var(--size-44); flex-direction: column; flex: 1 1 0%; display: flex; }
.auth--regular.svelte-vywflk .footer:where(.svelte-vywflk) { gap: var(--size-8); width: 360px; height: 100%; padding: var(--size-24) var(--size-12) var(--size-32); }
.auth--regular.auth--code.svelte-vywflk .footer:where(.svelte-vywflk), .auth--regular.auth--password-code.svelte-vywflk .footer:where(.svelte-vywflk) { flex: unset; }
.legal-link.svelte-vywflk { color: var(--text-primary); }
.animation.svelte-vywflk { opacity: 0.4; pointer-events: none; z-index: -1; width: 100%; height: 240px; position: absolute; top: 0px; left: 0px; }
.animation.svelte-vywflk::before { content: ""; background: var(--background-surface,#17181c); filter: blur(64px); pointer-events: none; z-index: -1; border-radius: 568px; display: block; }
.animation.svelte-vywflk::after { content: ""; pointer-events: none; aspect-ratio: 1 / 1; filter: blur(44px); z-index: -1; background: conic-gradient(from 90deg, rgb(0, 204, 255) 59.4deg, rgb(0, 38, 255) 122.4deg, rgb(165, 0, 198) 180deg, rgb(0, 204, 255) 241.2deg, rgb(0, 38, 255) 298.8deg, rgb(165, 0, 198) 360deg); border-radius: 100%; flex-shrink: 0; width: 100%; animation: 8s linear 0s infinite normal none running svelte-vywflk-rotate; display: block; position: absolute; top: -175%; left: 0px; }
@keyframes svelte-vywflk-rotate { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
.background.svelte-vywflk { pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.qrBlur.svelte-vywflk { filter: blur(4px); opacity: 0.24; display: flex; }
.blink.svelte-vywflk { animation: 2s linear 0s infinite normal none running svelte-vywflk-blink; }
@keyframes svelte-vywflk-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.languageSwitch.svelte-vywflk { min-width: 250px; }
.landing.svelte-4de505 { background: var(--landing-bg); width: 100%; height: 100%; color: var(--landing-text); --landing-font: -apple-system, BlinkMacSystemFont, "Roboto", system-ui, Avenir, Helvetica, Arial, sans-serif; justify-content: center; display: flex; position: relative; overflow-y: auto; }
.content.svelte-4de505 { z-index: 1; flex-direction: column; justify-content: center; align-items: center; gap: 32px; width: 100%; max-width: 480px; padding: 0px 16px; display: flex; }
.background.svelte-4de505 { pointer-events: none; z-index: 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.instruction.svelte-4de505 { flex-direction: column; justify-content: center; align-items: center; gap: 16px; width: 100%; display: flex; }
.video.svelte-4de505 { background-color: var(--background-primary); border-radius: 32px; justify-content: center; align-items: center; width: 100%; height: 370px; display: flex; position: relative; overflow: hidden; }
.video.svelte-4de505 video:where(.svelte-4de505) { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }
.instruction--list.svelte-4de505 { background-color: var(--background-primary); border-radius: 32px; width: 100%; padding: 24px; position: relative; }
.video.svelte-4de505::before, .instruction--list.svelte-4de505::before { content: ""; z-index: 1; background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 50%); border-radius: 32px; padding: 1px; position: absolute; inset: 0px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px; }
.instruction--list.svelte-4de505 ol:where(.svelte-4de505) { counter-reset: ios-step 0; flex-direction: column; gap: 12px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.instruction--list.svelte-4de505 li:where(.svelte-4de505) { counter-increment: ios-step 1; white-space: pre-line; color: var(--sign-primary); align-items: center; gap: 20px; font-size: 16px; font-weight: 400; display: flex; }
.instruction--list.svelte-4de505 li:where(.svelte-4de505)::before { content: counter(ios-step); width: 41px; height: 41px; color: var(--sign-secondary); background-color: var(--background-secondary); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; font-size: 18px; display: flex; }
.instruction--list.svelte-4de505 .icon:where(.svelte-4de505) { vertical-align: text-top; }
.controlIcon.svelte-4de505 { vertical-align: middle; background: linear-gradient(rgb(106, 106, 106), rgb(106, 106, 106)) padding-box padding-box, linear-gradient(143.13deg, rgb(255, 255, 255) 14.43%, rgba(255, 255, 255, 0.1) 49.78%, rgb(255, 255, 255) 85.12%) border-box border-box; border: 0.54px solid rgba(0, 0, 0, 0); border-radius: 50%; justify-content: center; align-items: center; gap: 2px; width: 26px; height: 26px; display: inline-flex; box-shadow: rgba(0, 0, 0, 0.1) 0px 1.08px 21.67px, rgba(0, 0, 0, 0.12) 0px 2.17px 8.67px; }
.controlIcon.svelte-4de505 i:where(.svelte-4de505) { background: var(--icon-primary); border-radius: 50%; width: 3px; height: 3px; }
.button.svelte-4de505 { flex-direction: column; align-items: center; gap: 12px; max-width: 300px; display: flex; }
.button--description.svelte-4de505 { text-align: center; }
@keyframes svelte-4de505-copy-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes svelte-4de505-copy-pop { 
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
.copy-button.svelte-4de505 { z-index: 0; width: 100%; height: 52px; font: 500 20px/1.4 var(--landing-font); color: var(--text-primary); cursor: pointer; background: linear-gradient(97.21deg, rgb(1, 197, 200) 0.32%, rgb(4, 110, 244) 44.6%, rgb(87, 45, 255) 62.16%); border: 0px; border-radius: 16px; justify-content: center; align-items: center; gap: 8px; padding: 10px 24px; animation: 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0s 1 normal both running svelte-4de505-copy-fade-in; display: inline-flex; position: relative; }
.copy-button.svelte-4de505:focus-visible { outline: none; }
.copy-button__icon.svelte-4de505 { opacity: 0.9; animation: 0.2s ease-out 0s 1 normal none running svelte-4de505-copy-pop; display: inline-flex; }
@supports (height:60dvh) {
  .background.svelte-4de505 { height: 100dvh; }
}
.background-fade.svelte-4de505 { background: linear-gradient(to bottom, transparent, var(--landing-bg)); width: 100%; height: 40%; position: absolute; bottom: 0px; left: 0px; }
.heading.svelte-4de505 { font: 500 32px / 1 var(--landing-font); text-align: center; padding: 48px 24px 0px; }
.footer.svelte-4de505 { text-align: center; flex-direction: column; align-items: center; gap: 20px; margin: 32px auto; font-size: 16px; font-weight: 400; line-height: 140%; display: flex; }
.link.svelte-4de505 { color: rgb(0, 122, 255); }
.link--button.svelte-4de505 { appearance: none; font: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.link.svelte-4de505:active { opacity: 0.8; }
.container.svelte-12qhfyh { background: var(--background-primary); width: 100%; height: 100svh; display: flex; overflow: hidden; }
@supports (height:100dvh) {
  .container.svelte-12qhfyh { height: 100dvh; }
}
.container--fullHeight.svelte-12qhfyh { background: var(--landing-bg); height: 100%; overflow: auto; }
.button.svelte-1y4ms63 { cursor: pointer; background: 0px 0px; border: 0px; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; }
.button.svelte-1y4ms63:disabled { cursor: default; }
.bgCircle.svelte-1y4ms63 { fill: rgba(175, 175, 175, 0.5); }
.button.svelte-1y4ms63:not(:disabled):hover .bgCircle:where(.svelte-1y4ms63) { fill: rgba(200, 200, 200, 0.5); }
.button.svelte-1y4ms63:not(:disabled):active .bgCircle:where(.svelte-1y4ms63) { fill: rgba(150, 150, 150, 0.5); }
.restartCircle.svelte-1y4ms63 { fill: var(--icon-primary-inverse-static); transform-origin: 50% center; }
.circle.svelte-1y4ms63 { fill: none; stroke: var(--icon-primary-inverse-static); transform-origin: 50% center; animation: 1s ease-out 0s 1 normal forwards running svelte-1y4ms63-progress, 0.8s linear 0s infinite normal none running svelte-1y4ms63-spin; }
.cross.svelte-1y4ms63 { stroke: var(--icon-primary-inverse-static); }
@keyframes svelte-1y4ms63-progress { 
  0% { stroke-dasharray: 0, 100; }
}
@keyframes svelte-1y4ms63-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.video.svelte-ti8mxv { cursor: pointer; width: 100%; display: flex; position: relative; }
.player.svelte-ti8mxv { width: 100%; height: 100%; }
.player--cover.svelte-ti8mxv { object-fit: cover; }
.player--contain.svelte-ti8mxv { object-fit: contain; }
.duration.svelte-ti8mxv { height: 20px; bottom: var(--spacing-xs); left: var(--spacing-xs); z-index: 1; justify-content: center; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-2xs) var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); color: var(--text-primary-inverse-static); background: var(--capsule-background); font: 400 var(--font-bubble-tag-size) / var(--font-bubble-tag-line-height) var(--font); letter-spacing: var(--font-bubble-tag-letter-spacing); display: flex; position: absolute; }
.actions.svelte-ti8mxv { top: var(--spacing-xs); right: var(--spacing-xs); gap: var(--spacing-s); z-index: 1; flex-direction: column; display: flex; position: absolute; }
.actionButton.svelte-ti8mxv { cursor: pointer; width: 44px; height: 44px; padding: var(--spacing-m-half); color: var(--icon-primary-inverse-static); background: var(--button-overlay); z-index: 1; opacity: 0; pointer-events: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; margin: 0px; transition: background 0.12s ease-in, opacity 0.12s ease-in; display: flex; }
.actionButton.svelte-ti8mxv:hover { background: var(--states-button-overlay-hover); }
.actionButton.svelte-ti8mxv:active { background: var(--states-button-overlay-pressed); }
.video--interactive.svelte-ti8mxv:hover .actionButton:where(.svelte-ti8mxv) { opacity: 1; pointer-events: all; }
.playButton.svelte-ti8mxv { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.playButton--static.svelte-ti8mxv { opacity: 1; }
.video.svelte-17nz4bj { cursor: pointer; width: 100%; display: flex; position: relative; }
.player.svelte-17nz4bj { width: 100%; height: 100%; }
.player--cover.svelte-17nz4bj { object-fit: cover; }
.player--contain.svelte-17nz4bj { object-fit: contain; }
.mark.svelte-17nz4bj { bottom: var(--spacing-xs); left: var(--spacing-xs); z-index: 1; padding: var(--spacing-2xs) var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); background: var(--capsule-background); color: var(--text-primary-inverse-static); justify-content: center; align-items: center; display: flex; position: absolute; }
.bytesProgress.svelte-b99s9 { background: var(--common-background-capsule); padding: var(--spacing-common-2xs) var(--spacing-common-s-half); border-radius: var(--border-radius-local-capsule); color: var(--common-text-capsule); font-size: var(--common-size-time); line-height: var(--common-height-time); letter-spacing: var(--common-letter-spacing-time); justify-content: center; align-items: center; display: flex; }
.duration.svelte-1d6ynpq { justify-content: center; align-items: center; gap: var(--spacing-common-xs); background: var(--common-background-capsule); padding: var(--spacing-common-2xs) var(--spacing-common-s-half); border-radius: var(--border-radius-local-capsule); color: var(--common-text-capsule); font-size: var(--common-size-time); line-height: var(--common-height-time); letter-spacing: var(--common-letter-spacing-time); display: flex; }
.grid.svelte-1czsaa1 { flex-direction: column; display: flex; position: relative; }
.tile.svelte-1czsaa1 { box-sizing: border-box; cursor: pointer; background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; position: absolute; }
.tile.svelte-1czsaa1::after { content: ""; pointer-events: none; opacity: 0; background: rgba(0, 0, 0, 0.1); transition: opacity 0.12s ease-in; position: absolute; inset: 0px; }
.tile.svelte-1czsaa1:hover::after { opacity: 1; }
.tile > .image { position: relative; }
.tile.svelte-1czsaa1 > .progress:where(.svelte-1czsaa1) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tile.svelte-1czsaa1 > .bytes:where(.svelte-1czsaa1) { top: var(--spacing-common-xs); left: var(--spacing-common-xs); position: absolute; }
.tile.svelte-1czsaa1 > .videoDuration:where(.svelte-1czsaa1) { bottom: var(--spacing-common-xs); left: var(--spacing-common-xs); position: absolute; }
.counter.svelte-ttvnbr { color: var(--counter-color,var(--text-primary-inverse-static)); background: var(--counter-background,var(--counter-themed)); min-width: 20px; height: 20px; font: var(--font-label-strong-weight) var(--font-label-strong-size)/var(--font-label-strong-line-height) var(--font); letter-spacing: var(--font-label-strong-letter-spacing); border-radius: 9999px; justify-content: center; align-items: center; padding: 0px 6px; display: flex; }
.counter--s.svelte-ttvnbr { min-width: 16px; height: 16px; font: var(--font-note-strong-weight) var(--font-note-strong-size)/var(--font-note-strong-line-height) var(--font); letter-spacing: var(--font-note-strong-letter-spacing); padding: 0px 5px; }
.counter--primary-contrast.svelte-ttvnbr { --counter-color: var(--text-themed); --counter-background: var(--counter-contrast); }
.counter--attention.svelte-ttvnbr { --counter-background: var(--counter-attention); }
.counter--attention-contrast.svelte-ttvnbr { --counter-color: var(--text-negative); --counter-background: var(--counter-contrast); }
.counter--static.svelte-ttvnbr { --counter-background: var(--counter-default); }
.counter--static-contrast.svelte-ttvnbr { --counter-color: var(--text-primary-static); --counter-background: var(--counter-contrast); }
.counter--default.svelte-ttvnbr { --counter-color: var(--text-primary-inverse); --counter-background: var(--counter-mirage); }
.counter--mute.svelte-ttvnbr { --counter-color: var(--text-tertiary); --counter-background: var(--counter-mute); }
.counter--menu.svelte-ttvnbr { --counter-background: var(--counter-menu); }
.counter--promo.svelte-ttvnbr { --counter-color: var(--promo-text-step-1); --counter-background: var(--counter-contrast); }
.fab-button.svelte-q5jdlf { cursor: pointer; color: var(--text-primary); padding: var(--size-10) var(--size-12); border-radius: var(--size-18); min-width: 48px; height: 40px; font: var(--font-action-medium-weight) var(--font-action-medium-size) / var(--font-action-medium-line-height) var(--font); letter-spacing: var(--font-action-medium-letter-spacing); --button-background-color: var(--float-glass-surface-flat); --counter-color: var(--text-primary-inverse); --counter-background: var(--counter-mirage); background: linear-gradient(var(--button-background-color), var(--button-background-color)) padding-box, linear-gradient(96deg, var(--float-glass-stroke-button-step-1) 0%, var(--float-glass-stroke-button-step-2) 50%, var(--float-glass-stroke-button-step-1) 100%) border-box, linear-gradient(var(--button-background-color), var(--button-background-color)) border-box; box-shadow: var(--shadow-glass-button-offset-x) var(--shadow-glass-button-offset-y) var(--shadow-glass-button-blur) 0 var(--shadow-glass-button-color); border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; display: flex; }
.fab-button.svelte-q5jdlf:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.content.svelte-q5jdlf { justify-content: center; align-items: center; gap: var(--size-4); text-overflow: ellipsis; white-space: nowrap; width: 100%; min-width: 0px; display: flex; overflow: hidden; }
.fab-button--stretched.svelte-q5jdlf { width: 100%; }
@media (hover: hover) {
  .fab-button.svelte-q5jdlf:hover { --button-background-color: var(--states-float-surface-glass-hover); }
}
.fab-button.svelte-q5jdlf:active { --button-background-color: var(--states-float-surface-glass-pressed); }
.fab-button--chromeless.svelte-q5jdlf { box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.fab-button.fab-button--disabled.svelte-q5jdlf { color: var(--text-tertiary); --button-background-color: var(--float-glass-surface-flat); cursor: auto; }
.shape.svelte-1qy4obv { z-index: -1; filter: drop-shadow(var(--shadow-glass-button-offset-x) var(--shadow-glass-button-offset-y) var(--shadow-glass-button-blur) var(--shadow-glass-button-color)); position: absolute; inset: 0px; overflow: visible; }
.fab-icon-button.svelte-1qy4obv { isolation: isolate; cursor: pointer; color: var(--icon-primary); border-radius: var(--size-18); --button-background-color: var(--float-glass-surface-flat); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; justify-content: center; align-items: center; width: 40px; min-width: 40px; height: 40px; padding: 0px; display: flex; position: relative; }
.fab-icon-button.svelte-1qy4obv:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.content.svelte-1qy4obv { justify-content: center; align-items: center; display: flex; }
@media (hover: hover) {
  .fab-icon-button.svelte-1qy4obv:hover { --button-background-color: var(--states-float-surface-glass-hover); }
}
.fab-icon-button.svelte-1qy4obv:active { --button-background-color: var(--states-float-surface-glass-pressed); }
.buttonStack.svelte-18p0ef3 { gap: var(--size-12); width: 100%; padding: 0 var(--size-20) max(var(--ui-safe-area-bottom), var(--size-12)); flex-flow: wrap; display: flex; }
.buttonStack--medium.svelte-18p0ef3 { --button-stack-height: 52px; }
.buttonStack--large.svelte-18p0ef3 { --button-stack-height: 60px; }
.buttonStack--primary.svelte-18p0ef3 { background: linear-gradient(to bottom, var(--float-overlay-primary-step-3) 0%, var(--float-overlay-primary-step-2) 22px, var(--float-overlay-primary-step-1) var(--button-stack-height), var(--background-primary) var(--button-stack-height), var(--background-primary) 100%); }
.buttonStack--surface.svelte-18p0ef3 { background: linear-gradient(to bottom, var(--float-overlay-surface-step-3) 0%, var(--float-overlay-surface-step-2) 22px, var(--float-overlay-surface-step-1) var(--button-stack-height), var(--background-surface) var(--button-stack-height), var(--background-surface) 100%); }
.buttonStackItem.svelte-1rx6gif { flex: 1 1 calc((100% - var(--size-12)) / 2); }
.dot.svelte-15mfy7r { background-color: var(--counter-attention); vertical-align: middle; border-radius: 50%; width: 6px; height: 6px; display: inline-block; }
.outline--primary.svelte-15mfy7r { outline: 2px solid var(--background-primary); }
.separator.svelte-wprkon { height: 1px; margin: var(--size-4) 0; border: 0px; }
.separator--primary.svelte-wprkon { background: var(--divider-primary); }
.separator--secondary.svelte-wprkon { background: var(--divider-secondary); }
.counter.svelte-12iu7h1 { color: var(--text-tertiary); pointer-events: none; font: var(--font-tag-weight) var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); }
.counter--negative.svelte-12iu7h1 { color: var(--text-negative); }
.input.svelte-f3pqzz { align-items: center; width: 100%; min-width: 200px; padding-right: 12px; display: flex; position: relative; }
.input--m.svelte-f3pqzz { border-radius: var(--size-12); height: 40px; font: var(--font-detail-weight) var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); }
.input--l.svelte-f3pqzz { border-radius: var(--size-16); height: 52px; font: var(--font-body-weight) var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); }
.input.svelte-f3pqzz > input[type="search"]:where(.svelte-f3pqzz)::-webkit-search-decoration { appearance: none; }
.input.svelte-f3pqzz > input[type="search"]:where(.svelte-f3pqzz)::-webkit-search-cancel-button { appearance: none; }
.input.svelte-f3pqzz > input[type="search"]:where(.svelte-f3pqzz)::-webkit-search-results-button { appearance: none; }
.input.svelte-f3pqzz > input[type="search"]:where(.svelte-f3pqzz)::-webkit-search-results-decoration { appearance: none; }
.field.svelte-f3pqzz { width: 100%; color: var(--text-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: var(--size-12); height: 100%; caret-color: var(--icon-themed); border-radius: inherit; text-overflow: ellipsis; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }
.input--default.svelte-f3pqzz { background: var(--background-tertiary); }
.input--contrast.svelte-f3pqzz { background: var(--background-card); }
.field.svelte-f3pqzz::placeholder { color: var(--text-tertiary); }
.input--disabled.svelte-f3pqzz .before:where(.svelte-f3pqzz) { color: var(--states-icon-primary-disabled); }
.field.svelte-f3pqzz:disabled, .field.svelte-f3pqzz:disabled::placeholder { color: var(--states-text-primary-disabled); }
.input--disabled.input--contrast.svelte-f3pqzz { background: var(--states-background-card-disabled); }
.before.svelte-f3pqzz, .after.svelte-f3pqzz, .prefix.svelte-f3pqzz { flex: 1 0 auto; justify-content: center; align-items: center; display: flex; }
.before.svelte-f3pqzz { color: var(--icon-primary); margin-left: 12px; }
.prefix.svelte-f3pqzz { color: var(--text-primary); margin-left: 12px; }
.input--with-prefix.svelte-f3pqzz .field:where(.svelte-f3pqzz) { padding-left: 0px; }
.after.svelte-f3pqzz { gap: 12px; min-width: 40px; min-height: 40px; margin-right: -12px; }
.clear.svelte-f3pqzz { cursor: pointer; color: var(--icon-tertiary); background: 0px 0px; border: 0px; justify-content: center; align-items: center; min-width: 40px; min-height: 40px; margin: 0px -12px 0px 0px; padding: 0px; display: none; }
.clear.svelte-f3pqzz:hover { color: var(--states-icon-tertiary-hover); }
.clear.svelte-f3pqzz:active { color: var(--states-icon-tertiary-pressed); }
.input.svelte-f3pqzz:focus-within .clear:where(.svelte-f3pqzz) { display: flex; }
.counterWrapper.svelte-f3pqzz { margin-left: 12px; }
.textarea.svelte-12um1ot { border-radius: var(--size-16); width: 100%; min-width: 200px; padding: 0 var(--size-12); gap: var(--size-12); font: var(--font-body-weight) var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); display: flex; position: relative; }
.textarea--default.svelte-12um1ot { background: var(--background-tertiary); }
.textarea--contrast.svelte-12um1ot { background: var(--background-card); }
.textarea--disabled.textarea--contrast.svelte-12um1ot { background: var(--states-background-card-disabled); }
.field.svelte-12um1ot { width: 100%; color: var(--text-primary); caret-color: var(--icon-themed); padding: var(--size-16) 0; min-height: var(--font-body-line-height); resize: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; flex: 1 1 0%; }
.field.svelte-12um1ot::placeholder { color: var(--text-tertiary); }
.field.svelte-12um1ot:disabled, .field.svelte-12um1ot:disabled::placeholder { color: var(--states-text-primary-disabled); }
.counterWrapper.svelte-12um1ot { padding-bottom: var(--size-12); align-self: flex-end; }
.hint.svelte-1jq3z73 { font: var(--font-description-weight) var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); padding: 0 var(--size-12); }
.hint--start.svelte-1jq3z73 { text-align: start; }
.hint--center.svelte-1jq3z73 { text-align: center; }
.hint--tertiary.svelte-1jq3z73 { color: var(--text-tertiary); }
.hint--negative.svelte-1jq3z73 { color: var(--text-negative); }
.hint--positive.svelte-1jq3z73 { color: var(--text-positive); }
.field.svelte-e4kznz { gap: var(--size-4); flex-direction: column; width: 100%; display: flex; }
.control.svelte-habkzr { background-color: var(--background-tertiary); width: 100%; padding: var(--size-2); border-radius: var(--size-10); --segments-count: 1; --segments-active-index: 1; justify-content: center; align-items: center; display: flex; position: relative; }
.segment.svelte-habkzr { text-overflow: ellipsis; white-space: nowrap; text-align: center; min-width: 0px; padding: var(--size-4) var(--size-10); cursor: pointer; border-radius: var(--size-8); color: var(--text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; flex: 1 1 0%; position: relative; overflow: hidden; }
.segment.svelte-habkzr:hover { color: var(--states-text-secondary-hover); }
.segment.svelte-habkzr:active { color: var(--states-text-secondary-pressed); }
.segment--active.svelte-habkzr { color: var(--text-themed); }
.segment--active.svelte-habkzr:hover { color: var(--states-text-themed-hover); }
.segment--active.svelte-habkzr:active { color: var(--states-text-themed-pressed); }
.segment.svelte-habkzr:focus-visible { outline: 2px solid var(--stroke-themed); outline-offset: 2px; }
.active-background.svelte-habkzr { top: var(--size-2); bottom: var(--size-2); left: var(--size-2); width: calc((100% - 2 * var(--size-2) - (var(--segments-count) - 1) * var(--size-1)) / var(--segments-count)); transform: translateX(calc(var(--segments-active-index) * (100% + var(--size-1)))); background: var(--background-primary); border-radius: var(--size-8); box-shadow: 0 3px 8px 0 var(--shadow-elevation-4-secondary), 0 3px 1px 0 var(--shadow-elevation-2-secondary); transition: transform 0.25s ease-in-out; position: absolute; }
.separator.svelte-habkzr { width: var(--size-1); height: var(--size-12); background: var(--divider-primary); border-radius: var(--size-1); }
.separator--hidden.svelte-habkzr { background: 0px 0px; transition: background 0.25s ease-in-out; }
.wrapper.svelte-sblve { --track-heigth: var(--size-4); --tick-width: var(--size-4); --tick-height: var(--size-12); --thumb-size: var(--size-24); width: 100%; height: var(--thumb-size); cursor: pointer; position: relative; }
.track.svelte-sblve { width: 100%; height: var(--track-heigth); background: var(--stroke-tertiary); position: absolute; top: 50%; left: 50%; overflow: hidden; transform: translate(-50%, -50%); }
.progress.svelte-sblve { border-radius: var(--size-2); background: var(--stroke-themed); width: 100%; height: 100%; transition: transform 0.12s ease-out; position: absolute; }
.thumbWrapper.svelte-sblve { cursor: pointer; transition: left 0.12s ease-out; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.thumbWrapper.svelte-sblve::before { content: ""; width: var(--thumb-size); height: var(--thumb-size); background-color: var(--icon-themed); opacity: 0.32; z-index: -1; border-radius: 50%; transition: transform 0.12s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); }
.input.svelte-sblve { clip: rect(0px, 0px, 0px, 0px); pointer-events: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.thumb.svelte-sblve { width: var(--thumb-size); height: var(--thumb-size); background: var(--icon-primary-inverse-static); box-shadow: 0 4px 16px 0 var(--shadow-elevation-3-primary), 0 0 2px 0 var(--shadow-elevation-3-primary); border-radius: 50%; transition: transform 0.12s ease-in-out; transform: scale(1); }
.thumbWrapper.svelte-sblve:not(.thumbWrapper--dragging):hover .thumb:where(.svelte-sblve) { transform: scale(0.8); }
.thumbWrapper.svelte-sblve:not(.thumbWrapper--dragging):hover::before { transform: translate(-50%, -50%) scale(1.2); }
:is(.thumbWrapper--dragging.svelte-sblve .thumb:where(.svelte-sblve), .thumbWrapper.svelte-sblve:has(> .input:where(.svelte-sblve):focus) .thumb:where(.svelte-sblve)) { transform: scale(1); }
.thumbWrapper--dragging.svelte-sblve::before { transform: translate(-50%, -50%) scale(1.35); }
.thumbWrapper.svelte-sblve:has(> .input:where(.svelte-sblve):focus)::before { transform: translate(-50%, -50%) scale(1.35); }
.tick.svelte-sblve { width: var(--tick-width); height: var(--tick-height); pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); }
.tick.svelte-sblve:last-child { transform: translate(-100%, -50%); }
.tick.svelte-sblve::before, .tick.svelte-sblve::after { content: ""; width: var(--tick-width); height: calc((var(--tick-height) - var(--track-heigth)) / 2); background: var(--stroke-tertiary); transition: background 0.12s ease-out; position: absolute; left: 0px; }
.tick.svelte-sblve::before { border-radius: var(--size-2) var(--size-2) 0 0; top: 0px; }
.tick.svelte-sblve::after { border-radius: 0 0 var(--size-2) var(--size-2); bottom: 0px; }
.tick--active.svelte-sblve::before, .tick--active.svelte-sblve::after { background: var(--stroke-themed); }
.wrapper.svelte-43xt65 { width: 100%; display: flex; overflow: hidden; }
.tabs.svelte-43xt65 { width: 100%; padding: 0px var(--spacing-common-xs); gap: var(--spacing-common-xl); scrollbar-width: none; list-style: none; display: flex; position: relative; overflow-x: auto; }
.tabs.svelte-43xt65::-webkit-scrollbar { display: none; }
.active-slide.svelte-43xt65 { height: var(--size-2); border-top-left-radius: var(--border-radius-common-xs); border-top-right-radius: var(--border-radius-common-xs); background: var(--icon-themed); width: calc(var(--active-tab-width) - var(--size-4) * 2); transition: 0.25s ease-out; display: block; position: absolute; bottom: 0px; transform: translate(0px); }
.item.active-item.svelte-43xt65 ~ .active-slide:where(.svelte-43xt65) { transform: translateX(calc(var(--active-tab-left) - var(--spacing-common-xs) + var(--size-4))); }
.tab.svelte-43xt65 { min-width: var(--size-40); min-height: var(--size-40); border-radius: var(--border-radius-common-m); justify-content: center; align-items: center; gap: var(--spacing-common-xs); cursor: pointer; white-space: nowrap; font: 500 var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); color: var(--text-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: inline-flex; position: relative; }
.tab.svelte-43xt65:hover { background-color: var(--states-button-ghost-hover); }
.tab--active.svelte-43xt65 { color: var(--text-themed); }
.tab.svelte-43xt65::after { content: ""; left: var(--size-8); bottom: 0px; right: var(--size-8); height: var(--size-2); border-radius: var(--border-radius-common-2xs); display: block; position: absolute; }
.dot.svelte-43xt65 { width: var(--size-6); height: var(--size-6); background: var(--stroke-themed); border-radius: 50%; }
.icon.svelte-43xt65 { flex: 0 1 auto; justify-content: center; align-items: center; display: flex; }
.reaction.svelte-plrlbx { cursor: pointer; transform-origin: 50% center; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; outline: none; justify-content: center; align-items: center; padding: 0px; transition: transform 0.2s ease-in-out; display: flex; }
.reaction--active.svelte-plrlbx { background-color: var(--background-tertiary); }
.reaction--active.svelte-plrlbx .animoji:where(.svelte-plrlbx) { transform: scale(0.6875); }
.wrapper.svelte-1wr46wy { width: 100%; position: relative; }
.reactions.svelte-1wr46wy { --reactionSize: 32px; --maxRows: 7; --maxCols: 8; transform-origin: 0px 0px; grid-template-columns: repeat(var(--maxCols), var(--reactionSize)); justify-content: center; align-items: center; gap: var(--size-10); border-radius: var(--size-24); padding: var(--size-8); background: var(--background-primary); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); max-height: calc(var(--maxRows) * var(--reactionSize) + (var(--maxRows) - 1) * var(--size-10) + 2 * var(--size-8)); max-width: calc(var(--maxCols) * var(--reactionSize) + (var(--maxCols) - 1) * var(--size-10) + 2 * var(--size-8)); scrollbar-width: none; width: fit-content; display: grid; position: relative; overflow: auto; }
.reactions.svelte-1wr46wy::-webkit-scrollbar { display: none; }
.shimmer.svelte-1wr46wy { width: var(--reactionSize); height: var(--reactionSize); background-color: var(--background-tertiary); border-radius: 50%; animation: 2s linear 0s infinite normal none running svelte-1wr46wy-blink; }
@keyframes svelte-1wr46wy-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.extendBtn.svelte-1wr46wy { cursor: pointer; width: var(--reactionSize); height: var(--reactionSize); color: var(--icon-tertiary); background: var(--button-secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; }
@media (max-width: 925.9px) {
  .wrapper.svelte-1wr46wy { justify-content: center; display: flex; }
  .reactions.svelte-1wr46wy { padding: var(--size-8) var(--size-16); border-radius: var(--size-32); width: 100%; max-width: 100%; max-height: calc((var(--maxRows) + .5) * var(--reactionSize) + (var(--maxRows) - .5) * var(--size-16) + 2 * var(--size-8)); justify-content: space-between; gap: 0px; }
  .reactions--extended.svelte-1wr46wy { grid-template-columns: repeat(var(--maxCols), 1fr); box-shadow: none; row-gap: ; column-gap: 0px; }
}
.menuContainer.svelte-1npybpi { gap: var(--size-6); background: 0px 0px; flex-direction: column; display: flex; }
@media (max-width: 925.9px) {
  .menuContainer.svelte-1npybpi { position: relative; }
  .reactionsSlot.svelte-1npybpi { position: absolute; bottom: calc(100% + 26px); left: 0px; right: 0px; }
}
.wrapper.svelte-k89anl { flex-direction: row; min-width: 0px; height: 100%; display: flex; container-type: size; }
.wrapper--out.svelte-k89anl { flex-direction: row-reverse; }
.buttons.svelte-k89anl { gap: var(--spacing-common-s); flex-direction: row; height: 100%; display: flex; }
.buttons--out.svelte-k89anl { flex-direction: row-reverse; }
.buttons--withoutReply.svelte-k89anl { flex-direction: row; }
.buttons--out.buttons--withoutReply.svelte-k89anl { flex-direction: row-reverse; }
.row.svelte-k89anl { gap: var(--spacing-common-s); flex-direction: row; align-items: center; height: 38px; display: flex; }
.buttons--out.svelte-k89anl > .row:where(.svelte-k89anl) { flex-direction: row-reverse; }
@container (height >= 96px) {
  .buttons.svelte-k89anl { justify-content: space-between; }
  .buttons--withoutReply.svelte-k89anl { flex-direction: column-reverse; justify-content: space-between; }
  .buttons--withoutReply.svelte-k89anl > .row:where(.svelte-k89anl) { height: auto; }
  .row.svelte-k89anl { flex-direction: column; justify-content: space-between; height: 100%; }
  .buttons--out.svelte-k89anl > .row:where(.svelte-k89anl) { flex-direction: column; }
}
.button.svelte-k89anl { cursor: pointer; width: var(--size-32); height: var(--size-32); border-radius: var(--border-radius-common-l); color: var(--icon-primary-inverse-static); background: var(--chat-action-outside); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; justify-content: center; align-items: center; display: flex; }
.button.svelte-k89anl:hover { background: var(--states-chat-action-outside-hover); }
.sideButton.svelte-b2wr4p { cursor: pointer; width: var(--size-32); height: var(--size-32); border-radius: var(--border-radius-common-l); color: var(--icon-primary-inverse-static); background: var(--chat-action-outside); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; justify-content: center; align-items: center; display: flex; }
.sideButton.svelte-b2wr4p:hover { background: var(--states-chat-action-outside-hover); }
.commentsInfoCompact.svelte-1juz3i6 { width: var(--size-32); min-height: var(--size-32); cursor: pointer; row-gap: var(--size-2); max-height: max-content; padding: var(--size-6); background-color: var(--capsule-outside); color: var(--text-primary-inverse-static); border-radius: var(--border-radius-common-l); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; flex-direction: column; flex-shrink: 0; justify-content: center; align-items: center; margin-top: auto; display: flex; }
.commentsInfoCompact.svelte-1juz3i6:hover { background-color: var(--states-chat-action-outside-hover); }
.container.svelte-xc9w54 { align-items: center; gap: var(--spacing-common-s); width: 100%; min-width: 240px; display: flex; }
.container--clickable.svelte-xc9w54 { cursor: pointer; }
.content.svelte-xc9w54 { gap: var(--spacing-common-2xs); flex-direction: column; flex: 1 1 auto; display: flex; overflow: hidden; }
.icon.svelte-xc9w54 { border-radius: var(--border-radius-local-icon-item); background: var(--bubbles-background-icon-item); width: 40px; height: 40px; color: var(--bubbles-icon-call-neutral); flex: 0 0 auto; justify-content: center; align-items: center; display: flex; overflow: hidden; }
.icon--negative.svelte-xc9w54 { color: var(--bubbles-icon-call-negative); background: var(--bubbles-background-icon-item-negative); }
.actions.svelte-xc9w54 { gap: var(--size-8); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-body-secondary); text-overflow: ellipsis; white-space: nowrap; display: flex; overflow: hidden; }
.title.svelte-xc9w54 { font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.time.svelte-xc9w54 { color: var(--bubbles-text-body-secondary); }
.button.svelte-6w0456 { border-radius: var(--size-8); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 38px; height: 26px; margin: 0px; padding: 0px; transition: background 0.15s ease-out; display: flex; position: relative; }
.button--inside.svelte-6w0456 { --button-stroke: var(--bubbles-stroke-neutral-secondary); --button-stroke-active: var(--bubbles-stroke-reply); --button-background: var(--bubbles-background-surface-secondary); --button-background-active: var(--bubbles-icon-read-status); }
.button--outside.svelte-6w0456 { --button-stroke: var(--bubbles-stroke-neutral-secondary); --button-stroke-active: var(--bubbles-icon-read-status-capsule); --button-background: var(--capsule-outside); --button-background-active: var(--bubbles-background-action); }
.button--start.svelte-6w0456, .button--process.svelte-6w0456 { box-shadow: inset 0 0 0 1px var(--button-stroke); background: var(--button-background); }
.button--done.svelte-6w0456 { background: var(--button-background-active); }
.border.svelte-6w0456 { pointer-events: none; display: none; position: absolute; inset: 0px; }
.button--process.svelte-6w0456 .border:where(.svelte-6w0456) { display: block; }
.borderRect.svelte-6w0456 { fill: none; stroke: var(--button-stroke-active); stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 10, 90; animation: 1s linear 0s infinite normal none running svelte-6w0456-dashMove, 2s linear 0s infinite alternate none running svelte-6w0456-dashGrow; }
@keyframes svelte-6w0456-dashMove { 
  100% { stroke-dashoffset: -100px; }
}
@keyframes svelte-6w0456-dashGrow { 
  0% { stroke-dasharray: 10, 90; }
  100% { stroke-dasharray: 90, 10; }
}
.wave.svelte-1z4eq2 { align-items: center; gap: var(--peak-gap); height: 24px; display: flex; }
.peak.svelte-1z4eq2 { width: var(--peak-width); background: var(--bubbles-background-action-fade); border-radius: var(--border-radius-common-2xs); min-height: 3px; transition: background-color 0.7s; }
.peak--played.svelte-1z4eq2 { background: var(--bubbles-icon-icon-item); }
.attachAudio.svelte-15vy73c { column-gap: var(--spacing-s); border-radius: var(--border-radius-common-xs); grid-template-columns: auto 1fr; grid-template-areas: "button content" "button meta" "transcription transcription"; align-items: center; width: 100%; min-width: 100%; max-width: min-content; display: grid; position: relative; overflow: hidden; }
.buttonWrapper.svelte-15vy73c { grid-area: button; }
.button.svelte-15vy73c { background: var(--bubbles-background-action); width: 44px; height: 44px; color: var(--bubbles-icon-action); padding: var(--spacing-zero); cursor: pointer; border: 0px; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.content.svelte-15vy73c { align-items: center; gap: var(--size-8); flex-direction: row; grid-area: content; display: flex; }
.meta.svelte-15vy73c { grid-area: meta; display: inline-flex; }
.meta.svelte-15vy73c::after { content: ""; width: var(--metaWidth); height: var(--metaHeight); display: inline-block; }
.duration.svelte-15vy73c { font: 500 var(--font-bubble-note-strong-size) / var(--font-bubble-note-strong-line-height) var(--font); color: var(--bubbles-text-action-fade); padding-top: var(--spacing-xs); }
.transcription.svelte-15vy73c { color: var(--bubbles-text-body); font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); padding-top: var(--size-8); padding-bottom: var(--size-8); grid-area: transcription; }
.noTranscription.svelte-15vy73c { color: var(--bubbles-text-body-secondary); font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); }
.container.svelte-1yoshbu { column-gap: var(--spacing-common-s); margin-bottom: var(--spacing-common-s); grid-template-columns: auto 1fr auto; grid-template-areas: "avatar name actions" "avatar status actions"; display: grid; }
.avatar.svelte-1yoshbu { border-radius: 50%; grid-area: avatar; align-self: center; align-items: center; display: flex; overflow: hidden; }
.name.svelte-1yoshbu { font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); text-overflow: ellipsis; white-space: nowrap; padding-top: var(--spacing-common-xs); grid-area: name; overflow: hidden; }
.status.svelte-1yoshbu { font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-body-secondary); text-overflow: ellipsis; white-space: nowrap; padding-bottom: var(--spacing-common-xs); grid-area: status; overflow: hidden; }
.status.svelte-1yoshbu::after { content: ""; width: var(--metaWidth); height: var(--metaHeight); display: inline-block; }
.actions.svelte-1yoshbu { column-gap: var(--spacing-common-s); grid-area: actions; align-items: center; display: flex; }
.actionBtn.svelte-1yoshbu { background: var(--bubbles-background-action-secondary); color: var(--bubbles-icon-action-secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; }
.actionBtn.svelte-1yoshbu:hover { cursor: pointer; }
.button.svelte-1koyg29 { cursor: pointer; color: var(--text-primary-inverse-static); border-radius: var(--border-radius-common-s-half); background: var(--bubbles-background-bot-button-default); padding: var(--spacing-common-s) var(--spacing-common-m-half); font: 500 var(--font-body-size) / var(--font-body-line-height); letter-spacing: var(--font-body-letter-spacing); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 1 1 0%; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.button.svelte-1koyg29:hover { background: var(--bubbles-background-bot-button-hovered); }
.button.svelte-1koyg29:active { background: var(--bubbles-background-bot-button-pressed); }
.button.svelte-1koyg29:disabled { background: var(--bubbles-background-bot-button-loading); cursor: auto; }
.text.svelte-1koyg29 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.icon.svelte-1koyg29 { top: var(--spacing-xs); right: var(--spacing-xs); color: var(--text-primary-inverse-static); pointer-events: none; position: absolute; }
.inlineKeyboard.svelte-72tvea { gap: var(--spacing-2xs); padding-top: var(--spacing-2xs); flex-direction: column; width: 384px; max-width: min(384px, 100%); display: flex; }
.row.svelte-72tvea { gap: var(--spacing-2xs); flex: 1 1 0%; display: flex; }
.container.svelte-8yahoj { flex-direction: column; justify-content: center; align-self: center; display: flex; }
.fallback.svelte-8yahoj { background: var(--bubbles-background-surface-secondary); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.button.svelte-8yahoj { margin: var(--size-10) var(--size-10) var(--size-24) var(--size-10); background: var(--bubbles-background-surface-secondary); border: 1px solid var(--bubbles-stroke-neutral-secondary); border-radius: var(--border-radius-common-m); color: var(--bubbles-text-link); font: 500 var(--font-body-size) / var(--font-body-line-height) var(--font); padding: var(--spacing-common-s) var(--spacing-common-m-half); letter-spacing: var(--font-body-letter-spacing); text-align: center; cursor: pointer; }
.attach.svelte-1ymvjve { gap: var(--size-8); background-color: var(--bubbles-background-surface-secondary); border: 1px solid var(--bubbles-stroke-neutral-secondary); border-radius: var(--border-radius-local-file-preview); width: 100%; padding: var(--size-8); justify-content: space-between; display: flex; overflow: hidden; }
.photo.svelte-1ymvjve { border-radius: var(--border-radius-local-icon-item); flex: 0 0 auto; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; overflow: hidden; }
.photo--icon.svelte-1ymvjve { background: var(--bubbles-background-icon-item); color: var(--bubbles-icon-call-neutral); }
.content.svelte-1ymvjve { gap: var(--size-2); flex-direction: column; display: flex; overflow: hidden; }
.host.svelte-1ymvjve { font: 400 var(--font-bubble-note-strong-size) / var(--font-bubble-note-strong-line-height) var(--font); letter-spacing: var(--font-bubble-note-strong-letter-spacing); color: var(--bubbles-text-body-secondary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.title.svelte-1ymvjve { font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wrapper.svelte-91u0ur { flex-flow: column; display: flex; }
.meta.svelte-91u0ur { gap: var(--spacing-s); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: var(--spacing-m); border-top-right-radius: var(--spacing-m); padding: var(--spacing-s); background: var(--bubbles-background-surface-secondary); font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; flex-flow: column; display: flex; overflow: hidden; }
.title.svelte-91u0ur { gap: var(--spacing-2xs); flex-flow: column; display: flex; }
.subtitle.svelte-91u0ur { font: 500 var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); color: var(--bubbles-text-body-secondary); }
.description.svelte-91u0ur { text-overflow: ellipsis; color: var(--bubbles-text-body-secondary); overflow: hidden; }
.preview.svelte-91u0ur { border-bottom-left-radius: var(--spacing-m); border-bottom-right-radius: var(--spacing-m); aspect-ratio: 1 / 1; background: var(--background-overlay-hard); position: relative; overflow: hidden; }
.preview--landscape.svelte-91u0ur { aspect-ratio: var(--aspect-ratio,auto); }
.background.svelte-91u0ur { filter: blur(24px); position: absolute; inset: 0px; transform: scale(1.1); }
.liveBadge.svelte-91u0ur { gap: var(--spacing-xs); border-radius: var(--spacing-s-half); padding: var(--spacing-2xs) var(--spacing-s-half); background: var(--background-overlay-hard); flex-flow: row; width: min-content; height: min-content; display: flex; position: absolute; inset: 8px; }
.playButton.svelte-91u0ur { width: 44px; height: 44px; padding: var(--spacing-m-half); cursor: pointer; color: var(--icon-primary-inverse-static); background: var(--button-overlay); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; margin: 0px; transition: background 0.12s ease-in; display: flex; position: absolute; inset: 50%; transform: translate(-50%, -50%); }
.playButton.svelte-91u0ur:hover { background: var(--states-button-overlay-hover); }
.playButton.svelte-91u0ur:active { background: var(--states-button-overlay-pressed); }
.container.svelte-1jl60q1 { gap: 10px; width: 100%; display: flex; }
.photo.svelte-1jl60q1 { border-radius: var(--border-radius-common-xs); flex: 0 0 auto; align-self: center; overflow: hidden; }
.content.svelte-1jl60q1 { flex-direction: column; display: flex; overflow: hidden; }
.host.svelte-1jl60q1 { font: 500 var(--font-bubble-note-strong-size) / var(--font-bubble-note-strong-line-height) var(--font); letter-spacing: var(--font-bubble-note-strong-letter-spacing); color: var(--bubbles-text-body-secondary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.title.svelte-1jl60q1 { font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--bubbles-text-body); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.description.svelte-1jl60q1 { font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-body-secondary); overflow-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.mark.svelte-ytvivd { gap: var(--spacing-2xs); text-align: left; flex-direction: column; display: flex; position: relative; }
.mark--outside.svelte-ytvivd { background: var(--capsule-outside); padding: var(--spacing-common-xs) var(--spacing-common-s) var(--spacing-common-xs) var(--spacing-common-m); border-radius: var(--border-radius-common-s); margin-top: var(--spacing-common-s); border-left: 0px; overflow: hidden; }
.mark--outside.svelte-ytvivd::before { content: ""; background: var(--icon-primary-inverse-static); width: 4px; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; }
.mark--outside.svelte-ytvivd .author:where(.svelte-ytvivd), .mark--outside.svelte-ytvivd .text:where(.svelte-ytvivd), .mark--outside.svelte-ytvivd .label:where(.svelte-ytvivd) { color: var(--text-primary-inverse-static); }
.label.svelte-ytvivd { font: 400 var(--font-bubble-label-size) / var(--font-bubble-label-line-height) var(--font); letter-spacing: var(--font-bubble-label-letter-spacing); color: var(--bubbles-text-forward-label); }
.author.svelte-ytvivd { justify-content: flex-start; gap: var(--spacing-s-half); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; grid-auto-flow: column; align-items: center; margin: 0px; padding: 0px; display: grid; }
button.author.svelte-ytvivd { cursor: pointer; }
.text.svelte-ytvivd { font: 500 var(--font-bubble-label-strong-size) / var(--font-bubble-label-strong-line-height) var(--font); letter-spacing: var(--font-bubble-label-strong-letter-spacing); color: var(--message-author-color,var(--bubbles-text-forward-name)); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wrapper.svelte-newecv { max-width: 280px; color: var(--text-primary-inverse-static); background-color: rgba(0, 0, 0, 0); border-radius: 4px; grid-template-columns: 1fr auto; grid-template-areas: "link icon" "content content"; align-items: center; gap: 8px 4px; display: grid; position: relative; overflow: hidden; }
.wrapper.svelte-newecv:has(max-internal-link-preview:where(.svelte-newecv)) { max-width: 360px; }
.icon.svelte-newecv { grid-area: icon; width: 16px; height: 16px; }
.icon.svelte-newecv:hover { cursor: pointer; }
.link.svelte-newecv { white-space: nowrap; text-overflow: ellipsis; grid-area: link; max-width: 100%; font-size: 13px; line-height: 16px; overflow: hidden; }
.content.svelte-newecv { grid-area: content; }
.content.svelte-sbwqco { text-align: left; justify-content: center; align-items: center; column-gap: var(--size-8); user-select: none; cursor: pointer; border-radius: var(--size-4); background: 0px 0px; border: 0px; outline: none; display: grid; }
.content--chat.svelte-sbwqco { grid-template-areas: "avatar name" "avatar name"; }
.content--contact.svelte-sbwqco { grid-template-areas: "avatar name" "avatar online"; }
.avatar.svelte-sbwqco { grid-area: avatar; }
.name.svelte-sbwqco { color: var(--text-primary-inverse-static); font: var(--font-description-strong-weight) var(--font-description-strong-size) / var(--font-description-strong-line-height) var(--font); letter-spacing: var(--font-description-strong-letter-spacing); grid-area: name; }
.online.svelte-sbwqco { color: var(--text-secondary-inverse-static); font: var(--font-description-weight) var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); --contact-online-color: var(--text-primary-inverse-static); grid-area: online; }
.header.svelte-1wamq0n { justify-content: flex-start; align-items: center; gap: var(--spacing-s); text-align: left; width: 100%; max-width: 100%; font: 500 var(--font-bubble-description-strong-size) / var(--font-bubble-description-strong-line-height) var(--font); letter-spacing: var(--font-bubble-description-strong-letter-spacing); color: var(--message-author-color,var(--bubbles-text-author)); text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; display: flex; overflow: hidden; }
.name.svelte-1wamq0n { text-overflow: ellipsis; overflow: hidden; }
.author.svelte-1wamq0n { color: var(--text-tertiary); text-overflow: ellipsis; overflow: hidden; }
.role.svelte-1wamq0n { color: var(--text-tertiary); font: 400 var(--font-bubble-label-size) / var(--font-bubble-label-line-height) var(--font); margin-left: auto; }
.meta.svelte-13lobfv { align-items: center; gap: var(--spacing-2xs); color: var(--bubbles-text-time); display: flex; }
.meta--bubbled-inside.svelte-13lobfv, .meta--bubbled-outside.svelte-13lobfv { padding: var(--spacing-2xs) var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); color: var(--text-primary-inverse-static); }
.meta--bubbled-inside.svelte-13lobfv { background: var(--capsule-background); }
.meta--bubbled-outside.svelte-13lobfv { background: var(--capsule-outside); width: max-content; height: 20px; }
.text.svelte-13lobfv { align-items: center; gap: var(--spacing-s-half); font: 400 var(--font-bubble-tag-size) / var(--font-bubble-tag-line-height) var(--font); letter-spacing: var(--font-bubble-tag-letter-spacing); display: inline-flex; }
.indicators.svelte-13lobfv { color: var(--bubbles-icon-read-status); justify-content: flex-end; align-items: center; width: 16px; height: 16px; display: flex; }
.meta--bubbled-inside.svelte-13lobfv .indicators:where(.svelte-13lobfv), .meta--bubbled-outside.svelte-13lobfv .indicators:where(.svelte-13lobfv) { color: var(--bubbles-icon-read-status-capsule); }
.resend.svelte-13lobfv { cursor: pointer; background: 0px 0px; border: 0px; padding-left: 0px; padding-right: 0px; display: flex; }
.resend.svelte-13lobfv:hover { opacity: 0.7; }
.views.svelte-13lobfv { align-items: center; gap: var(--spacing-2xs); display: inline-flex; }
.animoji.svelte-63rwl { position: relative; }
.activeWrapper.svelte-63rwl { pointer-events: none; z-index: 1; position: absolute; }
.active.svelte-63rwl { pointer-events: none; position: fixed; }
.reaction.svelte-1ug033e { justify-content: center; align-items: center; gap: var(--spacing-xs); cursor: pointer; border-radius: var(--border-radius-common-xl); padding: var(--spacing-xs) var(--spacing-common-m-half); background-color: var(--bubbles-background-reaction); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; transition: background-color 0.15s ease-in; display: inline-flex; }
.reaction--active.svelte-1ug033e { background-color: var(--bubbles-background-reaction-my); }
.counter.svelte-1ug033e { font: 500 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-reaction); transition: color 0.15s ease-in; }
.reaction--active.svelte-1ug033e .counter:where(.svelte-1ug033e) { color: var(--bubbles-text-reaction-my); }
.reactions.svelte-xkv7l2 { gap: var(--size-4); min-height: var(--size-28); flex-flow: wrap; display: flex; }
.reactions--inside.svelte-xkv7l2::after { content: ""; width: var(--metaWidth); height: var(--metaHeight); display: inline-block; }
.commentsInfo.svelte-17prx07 { cursor: pointer; column-gap: var(--size-18); width: 100%; padding: var(--size-10); color: var(--bubbles-icon-action-secondary); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; justify-content: space-between; align-items: center; transition: background-color 0.15s ease-in; display: flex; }
.left.svelte-17prx07 { align-items: center; gap: var(--size-8); display: flex; }
.label.svelte-17prx07 { white-space: nowrap; font-size: var(--font-detail-strong-size); font-weight: var(--font-detail-strong-weight); line-height: var(--font-detail-strong-line-height); letter-spacing: var(--font-detail-strong-letter-spacing); }
.content.svelte-e9ch0r { width: 100%; max-width: 328px; padding: var(--spacing-s) var(--spacing-l); align-items: center; gap: var(--spacing-l); margin-top: var(--spacing-s); border-radius: var(--border-radius-common-l); background-color: var(--bubbles-background-surface-secondary); display: flex; }
.icon.svelte-e9ch0r { display: flex; }
.mark.svelte-m3np2o { cursor: pointer; text-align: left; word-break: break-word; gap: var(--spacing-common-2xs); width: 100%; padding: var(--spacing-common-xs) 0 var(--spacing-common-xs) var(--spacing-common-s-half); border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: none; border-left: 2px solid var(--message-author-color,var(--bubbles-stroke-reply)); background: 0px 0px; flex-direction: column; display: flex; position: relative; overflow: hidden; }
.mark--outside.svelte-m3np2o { background: var(--capsule-outside); padding: var(--spacing-common-xs) var(--spacing-common-s) var(--spacing-common-xs) var(--spacing-common-m); border-radius: var(--border-radius-common-s); border-left: 0px; }
.mark--outside.svelte-m3np2o::before { content: ""; background: var(--icon-primary-inverse-static); width: 4px; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; }
.mark--outside.svelte-m3np2o .author:where(.svelte-m3np2o), .mark--outside.svelte-m3np2o .text:where(.svelte-m3np2o), .mark--outside.svelte-m3np2o .attach:where(.svelte-m3np2o) { color: var(--text-primary-inverse-static); }
.mark--removed.svelte-m3np2o { cursor: default; }
.mark--removed.svelte-m3np2o:not(.mark--outside) { padding-top: 0px; padding-bottom: 0px; }
.removed.svelte-m3np2o { color: var(--bubbles-text-body-secondary); font-style: italic; font-size: var(--font-markdown-message-base-size); line-height: var(--font-markdown-message-base-line-height); }
.mark--outside.svelte-m3np2o > .removed:where(.svelte-m3np2o) { color: var(--text-primary-inverse-static); }
.author.svelte-m3np2o { width: 100%; font: 500 var(--font-bubble-label-strong-size) / var(--font-bubble-label-strong-line-height) var(--font); letter-spacing: var(--font-bubble-label-strong-letter-spacing); color: var(--message-author-color,var(--bubbles-text-reply-name)); text-overflow: ellipsis; white-space: nowrap; align-items: center; display: flex; overflow: hidden; }
.text.svelte-m3np2o { overflow-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; display: -webkit-box; overflow: hidden; }
.attach.svelte-m3np2o { align-items: center; gap: var(--spacing-common-xs); border-radius: var(--spacing-common-xs); margin-top: var(--spacing-common-xs); width: fit-content; max-width: 100%; display: flex; position: relative; overflow: hidden; }
.text.svelte-m3np2o, .attach.svelte-m3np2o { font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--bubbles-text-reply-body); }
.forward.svelte-m3np2o { max-width: 100%; }
.unknown.svelte-m3np2o { font-style: italic; }
.icon.svelte-m3np2o { display: flex; }
.player.svelte-3k8dx4 { aspect-ratio: 1 / 1; clip-path: circle(50%); cursor: pointer; flex-shrink: 0; justify-content: center; align-items: center; width: 240px; height: 240px; transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1), height 0.25s cubic-bezier(0.4, 0, 0.2, 1); display: flex; position: relative; overflow: hidden; }
.player--active.svelte-3k8dx4 { width: 400px; height: 400px; }
.player.svelte-3k8dx4::before { content: ""; background: var(--background-overlay); opacity: 0; pointer-events: none; z-index: 1; transition: opacity 0.2s; position: absolute; inset: 0px; }
.player.svelte-3k8dx4::after { content: ""; pointer-events: none; z-index: 2; border: 1px solid var(--bubbles-background-bubble-gradient-step-1); border-radius: 50%; position: absolute; inset: 0px; }
.player--active.player--paused.svelte-3k8dx4::before, .player--active.player--hover.svelte-3k8dx4::before { opacity: 1; }
.player--active.player--dragging.svelte-3k8dx4::before { opacity: 0; }
.video.svelte-3k8dx4 { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; height: 100%; padding: 0px; display: flex; position: absolute; inset: 0px; }
.videoCanvas.svelte-3k8dx4, .progressCanvas.svelte-3k8dx4 { width: 100%; height: 100%; }
.progressCanvas.svelte-3k8dx4 { touch-action: none; }
.playPauseButton.svelte-3k8dx4 { opacity: 0; cursor: pointer; z-index: 2; background: 0px 0px; border: 0px; border-radius: 50%; justify-content: center; align-items: center; width: 270px; height: 270px; padding: 0px; transition: opacity 0.2s; display: flex; position: absolute; }
.player--active.player--paused.svelte-3k8dx4 .playPauseButton:where(.svelte-3k8dx4), .player--active.player--hover.svelte-3k8dx4 .playPauseButton:where(.svelte-3k8dx4) { opacity: 1; }
.player--active.player--dragging.svelte-3k8dx4 .playPauseButton:where(.svelte-3k8dx4) { opacity: 0; }
.playPauseIcon.svelte-3k8dx4 { pointer-events: none; transform: scale(2); }
.muteIcon.svelte-3k8dx4 { pointer-events: none; background: var(--button-overlay); z-index: 2; border-radius: 50%; justify-content: center; align-self: flex-end; align-items: center; width: 28px; height: 28px; margin-bottom: 12px; display: flex; position: absolute; }
.progress.svelte-3k8dx4 { z-index: 1; border-radius: 50%; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; overflow: hidden; }
.videoMessage.svelte-2z8dlw { object-fit: contain; max-width: min-content; padding-bottom: var(--size-20); margin-bottom: var(--size-4); margin-top: var(--spacing-s); justify-content: center; align-items: center; display: flex; position: relative; }
.videoMessage--transcription.svelte-2z8dlw { column-gap: var(--spacing-s); padding: var(--size-10); grid-template-columns: auto 1fr auto; grid-template-areas: "player wave transcribeBtn" "player time time" "transcription transcription transcription"; margin: 0px; display: grid; }
.player.svelte-2z8dlw { position: relative; }
.videoMessage--transcription.svelte-2z8dlw .player:where(.svelte-2z8dlw) { border-radius: 50%; grid-area: player; width: 44px; height: 44px; overflow: hidden; }
.transcribeBtn.svelte-2z8dlw { position: absolute; top: 0px; right: 0px; }
.videoMessage--transcription.svelte-2z8dlw .transcribeBtn:where(.svelte-2z8dlw) { grid-area: transcribeBtn; position: relative; }
.wave.svelte-2z8dlw { grid-area: wave; }
.transcription.svelte-2z8dlw { color: var(--bubbles-text-body); font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); padding-top: var(--size-8); padding-bottom: var(--size-8); grid-area: transcription; }
.meta.svelte-2z8dlw { position: absolute; bottom: 0px; right: 0px; }
.videoMessage--transcription.svelte-2z8dlw .meta:where(.svelte-2z8dlw) { bottom: var(--spacing-common-xs); right: var(--spacing-common-m-half); position: absolute; }
.time.svelte-2z8dlw { background: var(--capsule-outside); padding: var(--spacing-2xs) var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); color: var(--text-primary-inverse-static); font: 400 var(--font-bubble-tag-size) / var(--font-bubble-tag-line-height) var(--font); letter-spacing: var(--font-bubble-tag-letter-spacing); align-items: center; display: flex; position: absolute; bottom: 0px; left: 0px; }
.videoMessage--transcription.svelte-2z8dlw .time:where(.svelte-2z8dlw) { font: 500 var(--font-bubble-note-strong-size) / var(--font-bubble-note-strong-line-height) var(--font); color: var(--bubbles-text-action-fade); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; grid-area: time; padding: 0px; position: relative; }
.noTranscription.svelte-2z8dlw { color: var(--bubbles-text-body-secondary); font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); }
.playPauseButton.svelte-2z8dlw { cursor: pointer; background: var(--background-overlay); border: 0px; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; display: flex; position: absolute; inset: 0px; }
.text.svelte-17mhiib { color: var(--bubbles-text-body); font-size: var(--font-body-size); line-height: var(--font-body-line-height); font-weight: var(--font-body-weight); letter-spacing: var(--font-body-letter-spacing); }
.counter.svelte-17mhiib { grid-column: 3 / 4; justify-self: end; }
.label.svelte-17mhiib { cursor: pointer; grid-template-columns: subgrid; grid-column: span 2; display: grid; }
.label.disabled.svelte-17mhiib { cursor: default; }
.input.svelte-17mhiib { display: none; }
.checkbox.svelte-17mhiib { border-radius: 50%; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative; }
.checkbox-container.svelte-17mhiib { align-self: center; min-width: 24px; min-height: 24px; }
.unchecked.svelte-17mhiib, .checked.svelte-17mhiib { display: flex; position: absolute; inset: 0px; }
.unchecked.svelte-17mhiib { opacity: 1; color: var(--bubbles-stroke-control-inactive); }
.checked.svelte-17mhiib { color: var(--bubbles-icon-action-secondary); z-index: 2; opacity: 0; transform: scale(0); }
.input.svelte-17mhiib:disabled + .checkbox:where(.svelte-17mhiib) { cursor: default; }
.input.svelte-17mhiib:checked + .checkbox:where(.svelte-17mhiib) .unchecked:where(.svelte-17mhiib) { opacity: 0; transition: opacity 0.15s linear; }
.input.svelte-17mhiib:checked + .checkbox:where(.svelte-17mhiib) .checked:where(.svelte-17mhiib) { opacity: 1; animation: 0.5s cubic-bezier(0.33, 0, 0.51, 1) 0s 1 normal forwards running svelte-17mhiib-checkAppear; }
@keyframes svelte-17mhiib-checkAppear { 
  0% { opacity: 0; transform: scale(0); }
  30% { opacity: 1; }
  60% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.voteCount.svelte-17mhiib { min-width: 24px; height: 24px; padding: 0 var(--size-6); border-radius: var(--border-radius-common-xl); background-color: var(--bubbles-background-surface-secondary); color: var(--bubbles-text-action); font-weight: 500; font-size: var(--font-bubble-description-size); cursor: default; justify-content: center; align-self: flex-start; align-items: center; display: flex; }
.winnerAnswer.svelte-17mhiib { background-color: var(--bubbles-icon-action-secondary); color: var(--bubbles-background-bubble-gradient-step-2); gap: 2px; }
.winner-icon.svelte-17mhiib { flex: 0 0 0%; display: flex; }
.voteCount-numbers.svelte-17mhiib { white-space: nowrap; }
@keyframes svelte-17mhiib-bounceIn { 
  0% { opacity: 0; transform: scale(0); }
  30% { opacity: 1; }
  60% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.bounce-in.svelte-17mhiib { animation: 0.5s cubic-bezier(0.33, 0, 0.51, 1) 0s 1 normal forwards running svelte-17mhiib-bounceIn; }
.footerSign.svelte-1jqckx9 { font-size: var(--font-body-size); line-height: var(--font-body-line-height); color: var(--bubbles-text-body-secondary); font-weight: var(--font-body-weight); letter-spacing: var(--font-body-letter-spacing); }
.title.svelte-1jqckx9 { font-weight: var(--font-body-strong-weight); color: var(--bubbles-text-body); font-size: var(--font-body-strong-size); line-height: var(--font-body-strong-line-height); letter-spacing: var(--font-body-strong-letter-spacing); }
.header.svelte-1jqckx9 { white-space: pre-wrap; flex-direction: column; display: flex; }
.poll-container.svelte-1jqckx9 { gap: var(--size-8); word-break: break-word; overflow-wrap: break-word; flex-direction: column; min-width: 240px; display: flex; }
.poll-container--compact.svelte-1jqckx9 { min-width: 0px; }
.answer-list.svelte-1jqckx9 { padding: var(--size-8) 0; gap: var(--size-14) var(--size-8); grid-template-columns: min-content 1fr min-content; list-style-type: none; display: grid; }
.answer.svelte-1jqckx9 { grid-template-columns: subgrid; align-items: center; gap: var(--size-8); grid-column: span 3; grid-template-rows: 1fr 8px; display: grid; }
.lastVoters.svelte-1jqckx9 { justify-content: center; align-items: center; gap: var(--size-8); grid-column: span 2; animation: 0.15s linear 0s 1 normal none running svelte-1jqckx9-fadeIn; display: flex; }
.footer.svelte-1jqckx9 { height: 40px; margin-bottom: var(--size-14); justify-content: center; align-items: center; display: flex; }
.button.svelte-1jqckx9 { justify-content: center; align-items: center; gap: var(--size-8); background-color: var(--bubbles-background-surface-secondary); border: 1px solid var(--bubbles-stroke-neutral-secondary); border-radius: var(--border-radius-local-file-preview); width: 100%; height: 40px; padding: var(--spacing-common-s-half) var(--spacing-common-l); color: var(--bubbles-text-link); cursor: pointer; font-weight: 500; animation: 0.15s linear 0s 1 normal none running svelte-1jqckx9-fadeIn; display: flex; }
.button.svelte-1jqckx9:hover { background: var(--bubbles-states-background-hovered-surface-secondary); }
.voteBarContainer.svelte-1jqckx9 { height: var(--spacing-common-s); background-color: var(--bubbles-background-surface-secondary); border-radius: var(--border-radius-common-s); grid-column: 2 / 4; animation: 0.15s linear 0s 1 normal none running svelte-1jqckx9-fadeIn; overflow: hidden; }
.pollOption.svelte-1jqckx9 { color: var(--bubbles-text-body-secondary); font-size: var(--font-action-small-size); font-weight: var(--font-action-small-weight); line-height: var(--font-action-small-line-height); letter-spacing: var(--font-action-small-letter-spacing); }
.pollOption.svelte-1jqckx9:not(:last-of-type)::after { content: "."; }
@keyframes svelte-1jqckx9-fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.voteBar.svelte-1jqckx9 { background-color: var(--bubbles-icon-action-secondary); border-radius: var(--border-radius-common-s); min-width: 8px; height: 100%; width: var(--target-width); transition: width 0.5s cubic-bezier(0.33, 0, 0.51, 1); animation: 0.5s cubic-bezier(0.33, 0, 0.51, 1) 0s 1 normal none running svelte-1jqckx9-fillBar; }
@keyframes svelte-1jqckx9-fillBar { 
  0% { width: 0%; }
  100% { width: var(--target-width); }
}
.story-attach.svelte-spgv6j { align-items: center; gap: var(--spacing-common-xs); width: fit-content; max-width: 100%; padding-left: calc(var(--spacing-common-xs) + var(--spacing-common-xs)); padding-right: var(--spacing-common-m-half); border-left: 2px solid var(--bubbles-stroke-reply); min-width: 240px; display: flex; position: relative; }
.story-preview.svelte-spgv6j { border-radius: var(--border-radius-common-s); flex-shrink: 0; overflow: hidden; }
.story-preview-placeholder.svelte-spgv6j { background: var(--bubbles-background-action-secondary); border-radius: var(--border-radius-common-s); justify-content: center; align-items: center; display: flex; }
.story-info.svelte-spgv6j { flex-direction: column; display: flex; }
.pendingVideoMessage.svelte-cutugf { --preview-size: 240px; width: var(--preview-size); height: calc(var(--preview-size) + 18px); margin-top: var(--spacing-s); position: relative; }
.preview.svelte-cutugf { width: var(--preview-size); height: var(--preview-size); object-fit: cover; background: var(--background-secondary); border-radius: 50%; display: block; }
.progress.svelte-cutugf { pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px 0px 18px; }
.progress.svelte-cutugf button { pointer-events: auto; }
.muteIcon.svelte-cutugf { top: calc(var(--preview-size) - 36px); background: var(--button-overlay); pointer-events: none; border-radius: 50%; place-items: center; width: 24px; height: 24px; display: grid; position: absolute; left: calc(50% - 12px); }
.duration.svelte-cutugf { top: calc(var(--preview-size) - 4px); min-width: 35px; color: var(--text-primary-inverse-static); background: var(--button-overlay); font: 400 11px / 14px var(--font); text-align: center; border-radius: 10px; padding: 2px 6px; position: absolute; left: 0px; }
.meta.svelte-cutugf { top: calc(var(--preview-size) - 4px); position: absolute; right: 0px; }
@media (max-width: 925.9px) {
  .pendingVideoMessage.svelte-cutugf { --preview-size: 228px; }
}
.message.svelte-1htnb3l { flex-direction: column; justify-content: flex-start; width: 100%; display: flex; position: relative; }
.message--isOut.svelte-1htnb3l { justify-content: flex-end; }
.reactions.svelte-1htnb3l { --bubbles-background-reaction: var(--bubbles-background-reaction-outside-others); --bubbles-background-reaction-my: var(--bubbles-background-reaction-outside-my); --bubbles-text-reaction: var(--bubbles-text-reaction-outside-others); --bubbles-text-reaction-my: var(--bubbles-text-reaction-outside-my); }
.reactions--inside.svelte-1htnb3l { --bubbles-background-reaction: var(--bubbles-background-reaction-inside-others); --bubbles-background-reaction-my: var(--bubbles-background-reaction-inside-my); --bubbles-text-reaction: var(--bubbles-text-reaction-inside-others); --bubbles-text-reaction-my: var(--bubbles-text-reaction-inside-my); }
.bordersWrapper.svelte-1htnb3l { border-radius: var(--border-radius-local-bubble-regular); flex-direction: column; width: min-content; max-width: 100%; transition: border-radius 0.2s ease-in; display: flex; overflow: hidden; }
.media.svelte-1htnb3l { border-radius: var(--border-radius-local-bubble-regular); border: 1px solid rgba(0, 0, 0, 0); overflow: hidden; }
.bordersWrapper--upper--right.svelte-1htnb3l, .bordersWrapper--upper--right.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-bottom-right-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--upper--left.svelte-1htnb3l, .bordersWrapper--upper--left.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-bottom-left-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--middle--right.svelte-1htnb3l, .bordersWrapper--middle--right.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-top-right-radius: var(--border-radius-local-bubble-stack-corner); border-bottom-right-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--middle--left.svelte-1htnb3l, .bordersWrapper--middle--left.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-top-left-radius: var(--border-radius-local-bubble-stack-corner); border-bottom-left-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--bottom--right.svelte-1htnb3l, .bordersWrapper--bottom--right.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-top-right-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--bottom--left.svelte-1htnb3l, .bordersWrapper--bottom--left.svelte-1htnb3l .media:where(.svelte-1htnb3l) { border-top-left-radius: var(--border-radius-local-bubble-stack-corner); }
.bordersWrapper--none--right.svelte-1htnb3l, .bordersWrapper--none--left.svelte-1htnb3l { border-radius: 0px; }
.bordersWrapper--noOverflow.svelte-1htnb3l, .bordersWrapper--noOverflow.svelte-1htnb3l > .bubble:where(.svelte-1htnb3l) { overflow: visible; }
.message--isOut.svelte-1htnb3l .bordersWrapper:where(.svelte-1htnb3l) { align-items: flex-end; }
.message--isOut.svelte-1htnb3l .reactions:where(.svelte-1htnb3l):not(.reactions--inside) { justify-content: flex-end; }
.bubble.svelte-1htnb3l { background: linear-gradient(239deg, var(--bubbles-background-bubble-gradient-step-1) 0%, var(--bubbles-background-bubble-gradient-step-2) 50%, var(--bubbles-background-bubble-gradient-step-3) 100%); border-radius: var(--border-radius-local-bubble-stack-corner); flex-direction: column; width: 100%; display: flex; position: relative; overflow: hidden; }
.bubble--hideBackground.svelte-1htnb3l { background: 0px 0px; }
.bubbleContent.svelte-1htnb3l { flex-direction: column; width: 100%; display: flex; position: relative; }
.bubble--rowReply.svelte-1htnb3l { width: 100%; display: flex; }
.bubble--rowReply.svelte-1htnb3l > .bubbleContent:where(.svelte-1htnb3l) { justify-content: flex-end; align-items: flex-start; gap: var(--spacing-common-xs); flex-flow: row-reverse wrap; }
.message--isOut.svelte-1htnb3l .bubble--rowReply:where(.svelte-1htnb3l) > .bubbleContent:where(.svelte-1htnb3l) { flex-direction: row; }
.reactions.svelte-1htnb3l { padding-top: var(--spacing-common-xs); padding-bottom: var(--spacing-common-s); flex-flow: wrap; display: flex; }
.comments.svelte-1htnb3l { border-top: 1px solid var(--bubbles-stroke-neutral-secondary); margin-top: var(--size-2); flex-flow: wrap; display: flex; }
.text.svelte-1htnb3l { color: var(--bubbles-text-body); overflow-wrap: break-word; white-space: pre-wrap; word-break: break-word; font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); width: max-content; max-width: 100%; }
.emojis.svelte-1htnb3l { flex-wrap: wrap; align-items: center; width: max-content; max-width: 100%; display: flex; }
.emojis.svelte-1htnb3l:not(:first-child) { padding: 0 var(--spacing-common-xs); }
.header.svelte-1htnb3l, .text.svelte-1htnb3l, .story.svelte-1htnb3l, .share.svelte-1htnb3l, .attaches.svelte-1htnb3l { padding: 0 var(--spacing-common-m-half); }
.story.svelte-1htnb3l { padding-top: var(--spacing-common-s); }
.attaches.svelte-1htnb3l { width: max-content; max-width: 100%; padding-top: var(--size-10); min-width: 240px; }
.attaches-fullWidth.svelte-1htnb3l { width: 100%; }
.reactions--inside.svelte-1htnb3l { width: max-content; max-width: 100%; padding: var(--spacing-common-s) var(--spacing-common-m-half); }
.attaches.svelte-1htnb3l + .reactions--inside:where(.svelte-1htnb3l) { width: auto; }
.sticker.svelte-1htnb3l { padding: 0 var(--spacing-common-s-half); margin: 0px auto; }
.bubble--hideBackground.svelte-1htnb3l .sticker:where(.svelte-1htnb3l) { padding: 0px; }
.link.svelte-1htnb3l { width: max-content; max-width: 100%; padding: var(--spacing-common-xs) var(--spacing-common-m-half); }
.link.svelte-1htnb3l:first-child { padding-top: var(--spacing-common-m); }
.bubble--rowReply.svelte-1htnb3l .link:where(.svelte-1htnb3l) { flex: 1 1 0px; min-width: 150px; padding: 0px; }
.share.svelte-1htnb3l { width: max-content; max-width: 100%; }
.share--call.svelte-1htnb3l { width: 100%; }
.meta.svelte-1htnb3l { bottom: var(--spacing-common-xs); right: var(--spacing-common-m-half); position: absolute; }
.meta--bubbled.svelte-1htnb3l { right: var(--spacing-common-xs); }
.header.svelte-1htnb3l:first-child, .text.svelte-1htnb3l:first-child, .share.svelte-1htnb3l:first-child, .share.svelte-1htnb3l:not(:first-child), .location.svelte-1htnb3l:not(:first-child), .media.svelte-1htnb3l:not(:first-child) { padding-top: var(--spacing-common-s); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.media.svelte-1htnb3l:not(:nth-last-child(2)) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.media.svelte-1htnb3l + .text:where(.svelte-1htnb3l) { padding-top: var(--spacing-common-s); }
.text.svelte-1htnb3l:nth-last-child(2) { padding-bottom: var(--spacing-m-half); }
.text.svelte-1htnb3l:nth-last-child(2)::after { content: ""; width: calc(var(--metaWidth) + var(--size-4)); height: var(--metaHeight); display: inline-block; }
.sticker.svelte-1htnb3l:nth-last-child(2), .emojis.svelte-1htnb3l:nth-last-child(2) { padding-bottom: calc(var(--metaHeight) + var(--spacing-common-xs) + var(--spacing-common-2xs)); }
.share.svelte-1htnb3l:nth-last-child(2) { padding-bottom: calc(var(--metaHeight) + var(--spacing-common-xs) / 2); }
.attaches.svelte-1htnb3l:nth-last-child(2) { padding-bottom: var(--size-10); }
.unknownAttachWarning.svelte-1htnb3l { padding: var(--spacing-common-s) var(--spacing-common-m-half) var(--spacing-common-xl); color: var(--bubbles-text-body); overflow-wrap: break-word; white-space: pre-wrap; word-break: break-word; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: var(--font-markdown-message-base-letter-spacing); flex-direction: column; width: max-content; max-width: 100%; font-style: italic; display: flex; }
.unknownAttachWarningText.svelte-1htnb3l { margin-bottom: 8px; }
.block.svelte-1kh0oxy { width: 100%; max-width: var(--max-content-width); flex-direction: column; margin: 0px auto; display: flex; }
.messageWrapper.svelte-1kh0oxy { width: 100%; margin: var(--spacing-common-2xs-half) 0; transition: transform 0.2s, margin-bottom 0.2s; display: flex; }
.messageWrapper--isOut.svelte-1kh0oxy { flex-direction: row-reverse; }
.messageWrapper--control.svelte-1kh0oxy, .messageWrapper--widget.svelte-1kh0oxy { color: var(--text-primary-inverse-static); margin: var(--spacing-common-xs) 0; justify-content: center; }
.messageWrapper--first.svelte-1kh0oxy { margin-top: var(--spacing-common-xs); }
.messageWrapper--first.messageWrapper--control.svelte-1kh0oxy { margin-top: var(--spacing-common-s); }
.messageWrapper--last.svelte-1kh0oxy { margin-bottom: var(--spacing-common-xs); }
.messageWrapper--last.messageWrapper--control.svelte-1kh0oxy { margin-bottom: var(--spacing-common-s); }
.selection.svelte-1kh0oxy { left: calc(-1 * var(--spacing-s)); right: calc(-1 * var(--spacing-s)); top: calc(-1 * var(--spacing-xs)); bottom: calc(-1 * var(--spacing-xs)); z-index: 1; padding: 0 var(--spacing-s); cursor: pointer; opacity: 1; border-radius: var(--border-radius-local-bubble-regular); background: 0px 0px; border: 0px; align-items: center; transition: background 0.2s; display: flex; position: absolute; }
.selection--withAvatar.svelte-1kh0oxy { padding-top: var(--spacing-s); align-items: start; }
@media (min-width: 926px) {
  .messageWrapper.svelte-1kh0oxy { position: relative; }
  .messageWrapper--selection.svelte-1kh0oxy:not(.messageWrapper--isOut) { transform: translateX(var(--spacing-2xl)); }
  .messageWrapper.svelte-1kh0oxy:not(.messageWrapper--isOut) .selection:where(.svelte-1kh0oxy) { transform: translateX(calc(-1 * var(--spacing-2xl))); }
}
@media (hover: hover) and (min-width: 926px) {
  .selection.svelte-1kh0oxy:hover { background: var(--states-button-ghost-hover); }
}
.selection.svelte-1kh0oxy:active { opacity: 0.8; }
.selection--status.svelte-1kh0oxy { width: var(--size-24); height: var(--size-24); box-sizing: border-box; border: 1px solid var(--stroke-primary-inverse-static); color: var(--text-primary-inverse-static); border-radius: 100%; justify-content: center; align-items: center; display: flex; }
.selection--status-selected.svelte-1kh0oxy { background: var(--button-primary); }
.authorAvatar.svelte-1kh0oxy { width: var(--size-32); margin-right: var(--size-6); flex-shrink: 0; transition: transform 0.2s, width 0.2s, opacity 0.2s; }
.authorAvatar--hidden.svelte-1kh0oxy { opacity: 0; width: 0px; transform: translateX(calc(-1 * (var(--size-32) + var(--size-6)))); pointer-events: none; margin-right: 0px; }
.message.svelte-1kh0oxy { transition: transform 0.2s; position: relative; }
.message--highlighted.svelte-1kh0oxy { animation: 1s ease 0s 2 normal none running svelte-1kh0oxy-blink; }
@keyframes svelte-1kh0oxy-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.messageWrapper--isOut.svelte-1kh0oxy .message:where(.svelte-1kh0oxy) { align-items: flex-end; }
.messageControls.svelte-1kh0oxy { row-gap: var(--size-8); margin: 0 0 0 var(--spacing-l); z-index: 1; flex-direction: column; justify-content: space-between; min-width: 0px; display: flex; }
.messageWrapper--isOut.svelte-1kh0oxy .messageControls:where(.svelte-1kh0oxy) { margin: 0 var(--spacing-l) 0 0; }
.messageWrapper--selection.svelte-1kh0oxy .messageControls:where(.svelte-1kh0oxy) { display: none; }
.messageControls--commentsSingleLine.svelte-1kh0oxy { column-gap: var(--size-8); flex-direction: row-reverse; }
.messageControls--withSideButton.svelte-1kh0oxy { justify-content: center; align-items: center; column-gap: var(--spacing-common-s); flex-direction: row-reverse; height: 38px; }
.header.svelte-1kh0oxy { cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; }
@media (max-width: 925.9px) {
  .block.svelte-1kh0oxy { position: relative; }
  .messageControls.svelte-1kh0oxy { margin-left: 0px; }
  .messageControls--withSideButton.svelte-1kh0oxy { margin-left: var(--spacing-s); }
  .selection.svelte-1kh0oxy { padding-left: var(--size-8); inset: 0px; }
  .messageWrapper--selection.svelte-1kh0oxy:not(.messageWrapper--isOut) .authorAvatar:where(.svelte-1kh0oxy), .messageWrapper--selection.svelte-1kh0oxy:not(.messageWrapper--isOut) .message:where(.svelte-1kh0oxy) { transform: translateX(var(--size-36)); }
}
.capsule.svelte-1sv74gv { background: var(--capsule-outside); border-radius: var(--border-radius-common-m-half); padding: var(--size-1) var(--size-6); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-primary-inverse-static); backdrop-filter: blur(25px); }
.stickyDateOverlay.svelte-1sv74gv { pointer-events: none; z-index: 1; opacity: 0; justify-content: center; transition: opacity 0.3s ease-out; display: flex; position: absolute; left: 0px; right: 0px; }
.stickyDateOverlay.is-visible.svelte-1sv74gv { opacity: var(--sticky-date-opacity,1); }
.wrapper.svelte-phm53k { border-radius: var(--size-24); width: 272px; max-width: 100%; margin: var(--spacing-l) auto; background: linear-gradient(180deg, var(--bubbles-system-step-1) 0%, var(--bubbles-system-step-2) 40%, var(--bubbles-system-step-3) 100%); box-shadow: 0 4px 16px 0 var(--shadow-elevation-3-primary), 0 0 2px 0 var(--shadow-elevation-3-secondary); backdrop-filter: blur(25px); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.wrapper.svelte-phm53k::after { background: linear-gradient(180deg, var(--bubbles-system-stroke-step-1) 0%, var(--bubbles-system-stroke-step-2) 100%) border-box; content: ""; border-radius: var(--size-24); pointer-events: none; border: 1px solid rgba(0, 0, 0, 0); width: 100%; height: 100%; position: absolute; inset: 0px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px padding-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px; }
.wrapper--withPhoto.svelte-phm53k::after { background: linear-gradient(180deg, var(--bubbles-system-stroke-fade-step-1) 0%, var(--bubbles-system-stroke-fade-step-2) 100%) border-box; }
.media.svelte-phm53k { padding-bottom: var(--spacing-xl); }
.avatar.svelte-phm53k { padding: var(--spacing-xl) var(--spacing-common-l) var(--spacing-l); }
.greeting.svelte-phm53k { text-align: center; white-space: pre-wrap; padding: 0 var(--spacing-common-xl) var(--spacing-xl); }
.greeting.svelte-phm53k .heading:where(.svelte-phm53k) { width: 100%; font: 600 var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); color: var(--text-primary); margin-bottom: var(--spacing-s); display: inline-block; }
.wrapper.svelte-p74i1v { gap: var(--spacing-l); margin: var(--spacing-l) auto; width: 300px; min-width: 280px; max-width: 100%; padding: var(--spacing-xl) var(--spacing-common-l); border-radius: var(--border-radius-common-xl); background: linear-gradient(183deg, var(--bubbles-system-step-1) 2.43%, var(--bubbles-system-step-2) 40.48%, var(--bubbles-system-step-3) 97.55%); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; }
.wrapper.svelte-p74i1v::after { border: .5px solid var(--stroke-glass); content: ""; border-radius: var(--border-radius-common-xl); z-index: -1; width: 100%; height: 100%; position: absolute; inset: 0px; }
.warningHeader.svelte-p74i1v { row-gap: var(--spacing-s); flex-direction: column; align-items: center; display: flex; }
.info.svelte-p74i1v { row-gap: var(--spacing-s); flex-direction: column; display: flex; }
.infoLine.svelte-p74i1v { column-gap: var(--spacing-s); grid-template-columns: 120px minmax(0px, 1fr); display: grid; }
.sharedChatsList.svelte-p74i1v { row-gap: var(--spacing-xs); flex-direction: column; display: flex; }
.showMoreBtn.svelte-p74i1v { cursor: pointer; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; padding: 0px; display: flex; }
.orgInfo.svelte-p74i1v { color: var(--text-tertiary); column-gap: var(--spacing-xs); justify-content: center; align-items: center; display: flex; }
.descriptionFlagAlign.svelte-p74i1v { vertical-align: middle; }
.wrapper.svelte-16cs9d { gap: var(--spacing-l); margin: var(--spacing-l) auto; width: 300px; min-width: 280px; max-width: 100%; padding: var(--spacing-xl); border-radius: var(--border-radius-common-xl); background: linear-gradient(183deg, var(--bubbles-system-step-1) 2.43%, var(--bubbles-system-step-2) 40.48%, var(--bubbles-system-step-3) 97.55%); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; }
.wrapper.svelte-16cs9d::after { border: .5px solid var(--stroke-glass); content: ""; border-radius: var(--border-radius-common-xl); z-index: -1; width: 100%; height: 100%; position: absolute; inset: 0px; }
.info.svelte-16cs9d { gap: var(--spacing-xs); flex-direction: column; display: flex; }
.emptyIcon.svelte-16cs9d { background: var(--bubbles-system-media-empty-background); width: 72px; height: 72px; color: var(--bubbles-system-media-empty-icon); justify-content: center; align-items: center; display: flex; }
.organizationClamp.svelte-16cs9d { overflow-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.wrapper.svelte-51ce9l { margin: var(--spacing-l) auto; gap: var(--spacing-s); width: 320px; min-width: 280px; max-width: 100%; padding: var(--spacing-xl-half) var(--spacing-common-l) var(--spacing-xl); border-radius: var(--border-radius-common-xl); background: radial-gradient(269% 141% at 0% 0%, var(--bubbles-system-step-1) 0%, var(--bubbles-system-step-1) 50%, var(--bubbles-system-step-1) 100%); backdrop-filter: blur(25px); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; }
.wrapper.svelte-51ce9l::after { border: 2px solid var(--stroke-glass); content: ""; border-radius: var(--border-radius-common-xl); z-index: -1; width: 100%; height: 100%; position: absolute; inset: 0px; }
.wrapper--group.svelte-51ce9l { gap: var(--spacing-m); margin: var(--spacing-2xl) auto; flex-flow: column; width: 296px; display: flex; }
.innerWrapper.svelte-51ce9l { gap: var(--spacing-s); flex-flow: column; display: flex; }
.sticker.svelte-51ce9l { cursor: pointer; padding: var(--spacing-m) 0; transition: transform 0.2s ease-out; }
.list.svelte-51ce9l { margin: 0px auto; padding: 0px; list-style: none; }
.listItem.svelte-51ce9l { align-items: center; gap: var(--size-8); display: flex; }
.listItem.svelte-51ce9l + .listItem:where(.svelte-51ce9l) { margin-top: var(--size-4); }
.delayedIconBg.svelte-51ce9l { background: var(--background-tertiary); border-radius: 50%; justify-content: center; align-items: center; width: 72px; height: 72px; display: flex; }
.card.svelte-v3mzf { width: 140px; padding: var(--size-16) var(--size-12) var(--size-12); border-radius: var(--border-radius-common-xl); background: var(--float-glass-primary-flat); }
.opener.svelte-v3mzf { text-align: center; cursor: pointer; background: 0px 0px; border: 0px; grid-template-columns: minmax(0px, 1fr); justify-items: center; width: 100%; padding: 0px; display: grid; }
.avatar.svelte-v3mzf { width: var(--size-64); height: var(--size-64); display: block; position: relative; }
.stars.svelte-v3mzf { pointer-events: none; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.name.svelte-v3mzf { justify-content: center; align-items: center; gap: var(--size-2); min-width: 0px; max-width: 100%; margin-top: var(--size-8); font: 500 var(--font-label-strong-size) / var(--font-label-strong-line-height) var(--font); letter-spacing: var(--font-label-strong-letter-spacing); color: var(--text-primary); display: flex; }
.nameText.svelte-v3mzf { text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden; }
.name.svelte-v3mzf svg { flex: 0 0 auto; }
.counter.svelte-v3mzf { justify-content: center; align-items: center; gap: var(--size-2); margin-top: var(--size-2); font: 400 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); color: var(--text-secondary); display: flex; }
.action.svelte-v3mzf { margin-top: var(--size-8); color: var(--icon-primary); --spinner-color: var(--icon-primary); }
.state.svelte-v3mzf { width: 100%; min-width: 0px; display: grid; }
.layer.svelte-v3mzf { white-space: nowrap; grid-area: 1 / 1; justify-content: center; align-items: center; display: flex; }
.block.svelte-1qpy2ju { width: 100%; max-width: var(--max-content-width); margin: 0 auto var(--spacing-common-xs); grid-template-rows: 1fr; display: grid; }
.block--appear.svelte-1qpy2ju { animation: svelte-1qpy2ju-block-reveal .6s var(--spring) backwards; }
.inner.svelte-1qpy2ju { min-height: 0px; overflow: hidden; }
.capsuleSeparator.svelte-1qpy2ju { text-align: center; margin: var(--spacing-common-xs) 0; justify-content: center; align-items: center; display: flex; }
.capsule.svelte-1qpy2ju { background: var(--capsule-outside); border-radius: var(--border-radius-common-m-half); padding: var(--size-1) var(--size-6); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-primary-inverse-static); backdrop-filter: blur(25px); }
.row.svelte-1qpy2ju { overscroll-behavior-x: contain; scrollbar-width: none; mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%); justify-content: safe center; display: flex; overflow: auto hidden; }
.row.svelte-1qpy2ju::-webkit-scrollbar { display: none; }
.track.svelte-1qpy2ju { gap: var(--size-6); padding: var(--size-8) var(--size-16) 0; flex: 0 0 auto; display: flex; }
.cell.svelte-1qpy2ju { flex: 0 0 auto; }
.block--appear.svelte-1qpy2ju .cell:where(.svelte-1qpy2ju) { animation: svelte-1qpy2ju-card-appear .6s var(--spring) var(--appear-delay) backwards; }
@keyframes svelte-1qpy2ju-block-reveal { 
  0% { grid-template-rows: 0fr; }
}
@keyframes svelte-1qpy2ju-card-appear { 
  0% { opacity: 0; translate: 0px 100%; }
  100% { opacity: 1; translate: 0px; }
}
.container.svelte-1v23cz { gap: var(--size-8); margin: 0 var(--size-16) var(--size-16); flex-direction: column; display: flex; position: relative; }
.container--withBackground.svelte-1v23cz { padding: var(--size-4); background: var(--background-primary); border-radius: var(--border-radius-common-l); }
.stub.svelte-1v23cz { --button-ghost-text-color: var(--text-themed); justify-content: center; display: flex; }
.hint.svelte-1v23cz { color: var(--text-tertiary); font: 400 13px/16px var(--font); text-align: center; }
.content.svelte-1v23cz { gap: var(--size-12); align-items: center; display: flex; }
@media (max-width: 925.9px) {
  .container.svelte-1v23cz { margin-bottom: max(var(--ui-safe-area-bottom), var(--size-16)); }
}
.attaches.svelte-l0f3d0 { padding: var(--spacing-m) var(--spacing-xl) 0 44px; flex-wrap: wrap; gap: 8px; display: flex; }
.attach.svelte-l0f3d0 { align-items: flex-end; width: 44px; height: 44px; display: flex; position: relative; }
.cover.svelte-l0f3d0 { border-radius: 6px; width: 40px; height: 40px; margin-top: auto; position: relative; overflow: hidden; }
.cover--file.svelte-l0f3d0 { background: var(--background-tertiary); justify-content: center; align-items: center; display: flex; }
.progress.svelte-l0f3d0 { place-items: center; display: grid; position: absolute; inset: 0px; }
.removeBtn.svelte-l0f3d0 { background: var(--stroke-primary-inverse-static); border: 2px solid var(--stroke-primary-inverse-static); width: 20px; height: 20px; color: var(--icon-primary-inverse-static); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; position: absolute; top: -4px; right: -4px; }
.container.svelte-1ts098h { gap: var(--spacing-s); flex-direction: column; display: flex; }
.header.svelte-1ts098h { font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-tertiary); white-space: nowrap; text-overflow: ellipsis; padding: var(--spacing-common-xs) var(--spacing-zero); flex: 1 1 auto; overflow: hidden; }
.content.svelte-1ts098h { align-items: center; gap: var(--spacing-common-s); flex-wrap: wrap; width: 100%; display: flex; }
.emoji.svelte-1ts098h { cursor: pointer; border-radius: var(--spacing-m-half); width: var(--size-32); height: var(--size-32); touch-action: manipulation; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; position: relative; overflow: hidden; }
@media (hover: hover) {
  .emoji.svelte-1ts098h:hover { background: var(--states-button-ghost-hover); }
}
.emoji.svelte-1ts098h:active { background: var(--states-button-ghost-pressed); }
.page.svelte-gi3uap { width: 100%; height: 100%; padding-top: var(--spacing-m); flex-direction: column; display: flex; position: relative; }
.header.svelte-gi3uap { gap: var(--spacing-s); margin-bottom: var(--spacing-m); flex-direction: column; display: flex; }
.tabs.svelte-gi3uap { gap: var(--spacing-xs); width: 100%; padding: 0 var(--spacing-m); scrollbar-width: none; display: flex; overflow-x: scroll; }
.tabs.svelte-gi3uap::-webkit-scrollbar { display: none; }
.tabItem.svelte-gi3uap { min-width: var(--size-32); min-height: var(--size-32); height: var(--size-32); width: var(--size-32); border-radius: var(--border-radius-common-m-half); cursor: pointer; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; position: relative; }
.tabItem.svelte-gi3uap:hover { background: var(--states-button-ghost-hover); }
.tabItem.svelte-gi3uap:active, .tabItem--selected.svelte-gi3uap { background: var(--states-button-ghost-pressed); }
.blockItem.svelte-gi3uap { width: 100%; padding: var(--spacing-m); }
.container.svelte-14jd43u { gap: var(--spacing-s); flex-direction: column; display: flex; }
.header.svelte-14jd43u { padding: var(--spacing-common-xs) var(--spacing-zero); align-items: center; gap: var(--spacing-common-xs); display: flex; }
.content.svelte-14jd43u { align-items: center; gap: var(--spacing-common-s); flex-wrap: wrap; width: 100%; display: flex; }
.title.svelte-14jd43u { font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-tertiary); white-space: nowrap; text-overflow: ellipsis; flex: 1 1 auto; overflow: hidden; }
.closeButton.svelte-14jd43u { color: var(--icon-tertiary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; margin: 0px; padding: 0px; display: flex; }
.closeButton.svelte-14jd43u:hover { color: var(--states-icon-tertiary-hover); }
.closeButton.svelte-14jd43u:active { color: var(--states-icon-tertiary-pressed); }
.createButton.svelte-14jd43u { justify-content: center; align-items: center; gap: var(--spacing-common-xs); cursor: pointer; border-radius: var(--border-radius-common-xl); border: 1px solid var(--stroke-tertiary); color: var(--text-themed); background: 0px 0px; flex-direction: column; flex-shrink: 0; margin: 0px; padding: 0px; display: flex; position: relative; overflow: hidden; }
.container.svelte-1n6pcbw { gap: var(--spacing-s); flex-direction: column; display: flex; }
.header.svelte-1n6pcbw { column-gap: var(--spacing-common-xs); padding: var(--spacing-s) 0 var(--spacing-2xs); grid-template-columns: 1fr auto; grid-template-areas: "title action" "subtitle action"; display: grid; }
.content.svelte-1n6pcbw { align-items: center; gap: var(--spacing-common-s); scrollbar-width: none; width: 100%; display: flex; overflow-x: scroll; }
.content.svelte-1n6pcbw::-webkit-scrollbar { display: none; }
.title.svelte-1n6pcbw { font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); white-space: nowrap; text-overflow: ellipsis; grid-area: title; overflow: hidden; }
.subtitle.svelte-1n6pcbw { font: 400 var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); color: var(--text-mute); white-space: nowrap; text-overflow: ellipsis; grid-area: subtitle; overflow: hidden; }
.action.svelte-1n6pcbw { grid-area: action; }
.page.svelte-11orlyi { width: 100%; height: 100%; padding-top: var(--spacing-m); flex-direction: column; display: flex; position: relative; }
.header.svelte-11orlyi { gap: var(--spacing-s); margin-bottom: var(--spacing-m); flex-direction: column; display: flex; }
.tabs.svelte-11orlyi { gap: var(--spacing-xs); width: 100%; padding: 0 var(--spacing-m); scrollbar-width: none; display: flex; overflow-x: scroll; }
.tabs.svelte-11orlyi::-webkit-scrollbar { display: none; }
.tabItem.svelte-11orlyi { min-width: var(--size-32); min-height: var(--size-32); height: var(--size-32); width: var(--size-32); padding: var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); cursor: pointer; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.tabItem.svelte-11orlyi:hover { background: var(--states-button-ghost-hover); }
.tabItem.svelte-11orlyi:active, .tabItem--selected.svelte-11orlyi { background: var(--states-button-ghost-pressed); }
.tabAddIcon.svelte-11orlyi { bottom: var(--spacing-xs); right: var(--spacing-xs); background: var(--float-primary-flat); padding: var(--spacing-2xs); border-radius: var(--border-radius-common-s); color: var(--icon-secondary); justify-content: center; align-items: center; display: flex; position: absolute; }
.tabPlaceholder.svelte-11orlyi { background: var(--button-secondary); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.blockItem.svelte-11orlyi { width: 100%; padding: var(--spacing-m); }
.menu.svelte-x3nk0m { flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; }
.page.svelte-x3nk0m { flex: 1 1 auto; position: relative; overflow: hidden; }
.footer.svelte-x3nk0m { padding: var(--spacing-s) var(--spacing-m); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); flex: 0 1 auto; justify-content: space-between; align-items: center; display: flex; position: relative; }
.tabs.svelte-x3nk0m { justify-content: center; align-items: center; gap: var(--spacing-xs); width: 100%; display: flex; }
.menu.svelte-1hr74g2 { border-bottom: 1px solid var(--divider-secondary); flex-direction: column; width: 100%; max-height: 145px; display: flex; overflow: auto; }
.listItem.svelte-1hr74g2 { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; grid-template-rows: 20px; grid-template-columns: 20px min-content min-content; align-items: center; gap: 4px; padding: 8px 16px; display: grid; }
.spinner.svelte-1hr74g2 { padding: var(--spacing-s-half) 0; display: flex; }
.listItem--selected.svelte-1hr74g2, .listItem.svelte-1hr74g2:hover { background: var(--states-background-card-hover); }
.contactMentionName.svelte-1hr74g2, .contactName.svelte-1hr74g2 { font: 14px/16px var(--font); white-space: nowrap; text-overflow: ellipsis; padding: var(--spacing-2xs) 0; margin-left: var(--spacing-s); cursor: pointer; overflow: hidden; }
.contactMentionName.svelte-1hr74g2 { font-weight: 600; }
.bold.svelte-o8hv72 { font-weight: 700; }
.italic.svelte-o8hv72 { font-style: italic; }
.underline.svelte-o8hv72 { text-decoration-skip-ink: none; text-decoration: underline; }
.strikethrough.svelte-o8hv72 { text-decoration: line-through; }
.recorder.svelte-uqv51g { border-radius: var(--size-12); flex-grow: 1; align-self: center; align-items: center; height: 36px; display: flex; position: relative; overflow: hidden; }
.recorder--starting.svelte-uqv51g::after, .recorder--active.svelte-uqv51g::after { content: ""; background: var(--button-primary); opacity: 0.08; transition: background-color 0.1s; position: absolute; inset: 0px; }
.peak.svelte-uqv51g { width: 2px; margin: 0 var(--spacing-2xs); background: var(--icon-themed); opacity: 0.5; border-radius: 2px; flex-shrink: 0; min-height: 3px; display: inline-block; }
.recorder--completed.svelte-uqv51g, .recorder--paused.svelte-uqv51g { background: var(--icon-themed); }
.recorder--completed.svelte-uqv51g .peak:where(.svelte-uqv51g), .recorder--paused.svelte-uqv51g .peak:where(.svelte-uqv51g) { background: var(--icon-primary-inverse-static); }
.indicator.svelte-uqv51g { width: 24px; height: 24px; margin: var(--spacing-s-half) var(--spacing-xs); flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
.dot.svelte-uqv51g { background: var(--button-negative); border-radius: 50%; width: 8px; height: 8px; }
.waveform.svelte-uqv51g { margin: 0 var(--spacing-s); border-radius: var(--size-12); justify-content: flex-end; align-items: center; width: 100%; max-width: 800px; display: flex; overflow: hidden; }
.recorder.svelte-4r1us4 { z-index: 50; box-sizing: border-box; background: var(--background-overlay); min-width: 0px; max-width: none; min-height: 0px; max-height: none; color: var(--text-primary-inverse-static); border: 0px; margin: 0px; display: none; overflow: hidden; }
.recorder[open].svelte-4r1us4 { display: grid; }
.popover-mount.svelte-4r1us4 { position: absolute; }
.recorder.svelte-4r1us4::backdrop { background: 0px 0px; }
.recorder--mobile.svelte-4r1us4 { --recorder-edge-spacing: var(--spacing-l); gap: var(--spacing-l); width: 100vw; height: 100svh; padding: calc(var(--recorder-edge-spacing) + env(safe-area-inset-top)) calc(var(--recorder-edge-spacing) + env(safe-area-inset-right)) calc(var(--recorder-edge-spacing) + env(safe-area-inset-bottom)) calc(var(--recorder-edge-spacing) + env(safe-area-inset-left)); backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.64); grid-template-rows: minmax(0px, 1fr) auto; position: fixed; inset: 0px; }
@supports (height:100dvh) {
  .recorder--mobile.svelte-4r1us4 { height: 100dvh; }
}
.recorder--desktop.svelte-4r1us4 { grid-template-rows: minmax(0px, 1fr) 64px; width: 100%; height: 100%; padding: 0px; position: absolute; inset: 0px; container-type: size; }
.preview-wrapper.svelte-4r1us4 { box-sizing: border-box; aspect-ratio: 1 / 1; place-self: center; width: auto; min-width: 0px; max-width: 100%; min-height: 0px; position: relative; }
.preview.svelte-4r1us4 { box-sizing: border-box; background: var(--stroke-secondary); border-radius: 50%; place-items: center; width: 100%; height: 100%; padding: 4px; display: grid; overflow: hidden; }
.preview-progress.svelte-4r1us4 { z-index: 1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px; }
.recorder--mobile.svelte-4r1us4 .preview-wrapper:where(.svelte-4r1us4) { height: min(100%, 408px, calc(100vw - 2 * var(--recorder-edge-spacing) - env(safe-area-inset-right) - env(safe-area-inset-left))); }
.recorder--desktop.svelte-4r1us4 .preview-wrapper:where(.svelte-4r1us4) { width: min(328px, 100cqi - 32px, 100cqb - 96px); }
video.svelte-4r1us4 { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; }
video.mirrored.svelte-4r1us4 { transform: scaleX(-1); }
.preview-placeholder.svelte-4r1us4 { z-index: 1; background: var(--skeleton-bubble-primary-static-background); border-radius: 50%; place-items: center; display: grid; position: absolute; inset: 4px; }
.preview-sound.svelte-4r1us4 { z-index: 2; background: var(--button-overlay); cursor: pointer; border: 0px; border-radius: 50%; place-items: center; width: 28px; height: 28px; padding: 0px; display: grid; position: absolute; bottom: 12px; left: 50%; transform: translate(-50%); }
.preview-sound.svelte-4r1us4:focus-visible { outline: 2px solid var(--stroke-primary-inverse-static); outline-offset: 2px; }
.status.svelte-4r1us4 { z-index: 1; right: var(--spacing-l); bottom: 80px; left: var(--spacing-l); text-align: center; font: 500 14px/18px var(--font); position: absolute; }
.recorder--mobile.svelte-4r1us4 .status:where(.svelte-4r1us4) { right: calc(var(--spacing-l) + env(safe-area-inset-right)); bottom: calc(80px + env(safe-area-inset-bottom)); left: calc(var(--spacing-l) + env(safe-area-inset-left)); color: var(--text-primary-static); }
.actions.svelte-4r1us4 { width: 100%; min-width: 0px; display: grid; }
.recorder--desktop.svelte-4r1us4 .actions:where(.svelte-4r1us4) { box-sizing: border-box; height: 64px; padding: 0 var(--spacing-l) var(--spacing-l); }
.camera-switch.svelte-4r1us4 { z-index: 2; right: calc(var(--spacing-2xl) + var(--spacing-l)); bottom: calc(var(--spacing-2xl) + var(--spacing-l)); position: absolute; }
.recorder--mobile.svelte-4r1us4 .camera-switch:where(.svelte-4r1us4) { right: auto; bottom: calc(80px + env(safe-area-inset-bottom)); left: calc(var(--spacing-l) + env(safe-area-inset-left)); position: fixed; }
.controls.svelte-4r1us4 { box-sizing: border-box; background: var(--float-primary-flat); border-radius: 16px; grid-template-columns: minmax(0px, 1fr) 40px minmax(0px, 1fr); align-items: center; width: 100%; height: 48px; padding: 4px; display: grid; position: relative; }
.control-start.svelte-4r1us4, .control-center.svelte-4r1us4, .control-end.svelte-4r1us4 { place-items: center; display: grid; }
.control-start.svelte-4r1us4 { justify-content: start; gap: var(--spacing-xs); grid-column: 1; min-width: 0px; display: flex; }
.control-center.svelte-4r1us4 { grid-column: 2; justify-self: center; }
.control-end.svelte-4r1us4 { justify-self: end; gap: var(--spacing-xs); grid-column: 3; grid-auto-flow: column; }
.timer.svelte-4r1us4 { align-items: center; gap: var(--spacing-xs); white-space: nowrap; min-height: 24px; color: var(--text-primary); font: 500 14px/18px var(--font); display: inline-flex; }
.timer-dot.svelte-4r1us4 { background: var(--button-negative); border-radius: 50%; flex: 0 0 auto; width: 6px; height: 6px; }
.recorder--mobile.svelte-4r1us4 .timer:where(.svelte-4r1us4) { z-index: 2; bottom: calc(80px + env(safe-area-inset-bottom)); padding: 0 var(--spacing-s); color: var(--text-primary-inverse-static); background: var(--button-overlay); border-radius: 12px; position: fixed; left: 50%; transform: translate(-50%); }
.recorder--desktop.svelte-4r1us4 .timer:where(.svelte-4r1us4) { flex: 0 0 calc(8ch + 6px + var(--spacing-xs)); font-variant-numeric: tabular-nums; }
.pause-control.svelte-4r1us4 { display: grid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.camera-select.svelte-4r1us4 { top: 50%; right: calc(50% + var(--size-20) + var(--spacing-s)); box-sizing: border-box; justify-content: center; align-items: center; gap: var(--spacing-xs); width: var(--size-56); height: var(--size-40); border-radius: var(--size-20); color: var(--icon-tertiary); background: var(--button-ghost); cursor: pointer; border: 0px; padding: 0px; display: flex; position: absolute; transform: translateY(-50%); }
@media (hover: hover) {
  .camera-select.svelte-4r1us4:hover:not(:disabled) { background: var(--states-button-ghost-hover); }
}
.camera-select.svelte-4r1us4:active:not(:disabled) { background: var(--states-button-ghost-pressed); }
.camera-select.svelte-4r1us4:disabled { opacity: 0.4; cursor: default; }
.camera-select.svelte-4r1us4:focus-visible { outline: 2px solid var(--stroke-primary); }
@container (width < 480px) {
  .recorder--desktop.svelte-4r1us4 .actions:where(.svelte-4r1us4) { padding-inline: var(--spacing-xs); }
  .recorder--desktop.svelte-4r1us4 .control-start:where(.svelte-4r1us4) { gap: 0px; }
  .recorder--desktop.svelte-4r1us4 .timer:where(.svelte-4r1us4) { flex-basis: auto; font-size: 12px; }
}
.continue.svelte-4r1us4 { min-height: 40px; padding: 0 var(--spacing-m); color: var(--text-primary); background: var(--button-secondary); cursor: pointer; border: 0px; border-radius: 20px; }
.menu.svelte-1capeae { padding: var(--size-4) 0; }
.menu.svelte-1capeae .scrollable { max-width: 320px; max-height: 116px; overflow: hidden; }
.header.svelte-1capeae { min-height: 28px; padding: var(--size-2) var(--size-12); align-items: center; display: flex; }
.composer.svelte-nwz8cp { background: var(--float-primary-flat); border-radius: var(--border-radius-common-l); box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); overflow: hidden; }
.input.svelte-nwz8cp { padding: var(--spacing-xs); align-items: flex-end; display: flex; }
.btn.svelte-nwz8cp { min-height: 40px; padding: var(--spacing-xs) var(--spacing-s); justify-content: center; align-items: center; display: flex; }
.btn.svelte-nwz8cp + .btn:where(.svelte-nwz8cp) { padding-left: var(--spacing-xs); }
.btn--webapp.svelte-nwz8cp { padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-s-half); }
.stickersMenu.svelte-nwz8cp { background-color: var(--background-primary); border-radius: var(--border-radius-common-l); width: 380px; height: 548px; box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); margin-right: -60px; display: flex; position: relative; overflow: hidden; }
@media (max-width: 925.9px) {
  .stickersMenu.compact.svelte-nwz8cp { width: 100%; height: 450px; box-shadow: none; margin-right: 0px; }
}
.button--delayedError.svelte-nwz8cp { position: absolute; top: -3px; right: -3px; }
.sensitiveContentIcon.svelte-nwz8cp { border-radius: var(--border-radius-common-xs); background: var(--sferum-card); justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; }
.actions.svelte-fzga0q { background: var(--background-primary); width: 100%; box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); padding: var(--spacing-s); border-radius: 16px; justify-content: space-between; display: flex; position: relative; }
.left.svelte-fzga0q, .right.svelte-fzga0q { gap: var(--spacing-m); min-width: 0px; display: flex; }
.notifications.svelte-1b1hdn0 { display: grid; }
.icon.svelte-1b1hdn0 { grid-area: 1 / 1; }
.icon--hidden.svelte-1b1hdn0 { opacity: 0; }
.chat-bottom-bar.svelte-15a6sqb { width: 100%; padding: 0 var(--size-16) var(--size-16); }
@media (max-width: 925.9px) {
  .chat-bottom-bar.svelte-15a6sqb { padding-bottom: max(var(--ui-safe-area-bottom), var(--size-16)); }
}
.goo.svelte-15a6sqb { pointer-events: none; width: 100%; filter: drop-shadow(var(--shadow-glass-button-offset-x) var(--shadow-glass-button-offset-y) var(--shadow-glass-button-blur) var(--shadow-glass-button-color)); position: absolute; bottom: 0px; left: 0px; overflow: visible; }
.bar.svelte-15a6sqb { height: var(--bar-height); align-items: center; display: flex; position: relative; }
.icon.svelte-15a6sqb { height: var(--bar-height); flex-shrink: 0; position: relative; }
.chat-bottom-bar--animating.svelte-15a6sqb .icon:where(.svelte-15a6sqb):not(.icon--solo) { overflow: hidden; }
.icon--after.svelte-15a6sqb { justify-content: flex-end; display: flex; }
.grow.svelte-15a6sqb { flex: 1 1 0%; min-width: 0px; position: relative; }
.text.svelte-15a6sqb { will-change: opacity; transition: opacity 0.25s ease-out; }
.text--hidden.svelte-15a6sqb { opacity: 0; }
.icon--entering.svelte-15a6sqb { animation: 0.36s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running svelte-15a6sqb-solo-fab-in; }
.icon--entering.svelte-15a6sqb .icon-content:where(.svelte-15a6sqb):not(.icon-content--withoutAnimation) { animation: 0.36s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running svelte-15a6sqb-solo-content-in; }
.icon--leaving.svelte-15a6sqb { animation: 0.18s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running svelte-15a6sqb-solo-fab-out; }
.icon-content.svelte-15a6sqb { display: flex; }
@keyframes svelte-15a6sqb-solo-fab-in { 
  0% { opacity: 0; transform: scale(0.68); }
  39% { transform: scale(1.017); }
  58% { opacity: 1; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes svelte-15a6sqb-solo-content-in { 
  0% { opacity: 0; transform: translateY(4px) scale(0.64); }
  40% { opacity: 1; transform: translateY(0px) scale(1.016); }
  62% { transform: translateY(0px) scale(1); }
  100% { opacity: 1; transform: none; }
}
@keyframes svelte-15a6sqb-solo-fab-out { 
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0; transform: scale(0.91); }
  100% { opacity: 0; transform: scale(0.9); }
}
.state.svelte-15a6sqb { fill: rgba(0, 0, 0, 0); }
.chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating) .state:where(.svelte-15a6sqb) { transition: fill 0.25s ease-out; }
@media (hover: hover) {
  :is(.chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.icon--before:where(.svelte-15a6sqb):hover) .state--before:where(.svelte-15a6sqb), .chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.grow:where(.svelte-15a6sqb):hover) .state--pill:where(.svelte-15a6sqb), .chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.icon--after:where(.svelte-15a6sqb):hover) .state--after:where(.svelte-15a6sqb)) { fill: var(--states-float-surface-glass-hover); }
}
:is(.chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.icon--before:where(.svelte-15a6sqb):active) .state--before:where(.svelte-15a6sqb), .chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.grow:where(.svelte-15a6sqb):active) .state--pill:where(.svelte-15a6sqb), .chat-bottom-bar.svelte-15a6sqb:not(.chat-bottom-bar--animating):has(.icon--after:where(.svelte-15a6sqb):active) .state--after:where(.svelte-15a6sqb)) { fill: var(--states-float-surface-glass-pressed); }
.composerBarContainer.svelte-17fi2hf { z-index: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.composerBarContainer.svelte-17fi2hf:not(.composerBarContainer--withoutGradient)::before { content: ""; background: linear-gradient(53deg, var(--float-scroll-edge-bottom-step-1) 21.29%, var(--float-scroll-edge-bottom-step-2) 78.31%); width: 100%; height: 56px; position: absolute; bottom: 0px; left: 0px; mask-image: linear-gradient(rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.78) 77.57%, rgba(255, 0, 0, 0.96) 100%); }
.actions.svelte-17fi2hf { width: 100%; max-width: 740px; padding: 0 var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-l); margin: 0px auto; }
.composer.svelte-17fi2hf { width: 100%; max-width: 740px; padding: 0 var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-l); margin: 0px auto; position: relative; }
.commentsBlocked.svelte-17fi2hf { gap: var(--size-8); height: 48px; padding: var(--size-12); border-radius: var(--border-radius-common-l); background-color: var(--background-card); box-shadow: 0 4px 16px 0 var(--shadow-elevation-3-primary), 0 0 2px 0 var(--shadow-elevation-3-secondary); color: var(--text-secondary); align-items: center; display: flex; }
.scrollButtonContainer.svelte-17fi2hf { bottom: calc(var(--history-bottom-inset,0) + 15px); flex-direction: column; gap: 10px; display: flex; position: absolute; right: 15px; }
.scrollButton.svelte-17fi2hf { cursor: pointer; background: var(--float-primary-flat); border: 1px solid var(--divider-secondary); width: 40px; height: 40px; color: var(--icon-tertiary); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: relative; }
.scrollButtonCounter.svelte-17fi2hf { color: var(--text-primary-inverse-static); background: var(--button-primary); border-radius: 15px; min-width: 22px; height: 22px; padding: 2px 6px; font-size: 12px; position: absolute; top: -6px; right: -6px; }
@media (max-width: 925.9px) {
  .composer.svelte-17fi2hf, .actions.svelte-17fi2hf { padding-bottom: max(var(--ui-safe-area-bottom), var(--size-16)); }
}
.history.svelte-3850xr { flex-direction: column; justify-content: flex-end; height: 100%; display: flex; position: relative; overflow: hidden; }
.loader.svelte-3850xr { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.spacer.svelte-3850xr { width: 100%; padding: var(--spacing-s) 0; }
.history--withBottomMargin.svelte-3850xr .loader--bottom:where(.svelte-3850xr), .history--withBottomMargin.svelte-3850xr .spacer:where(.svelte-3850xr) { margin-bottom: var(--history-bottom-inset,0); }
.unreadSeparator.svelte-3850xr { padding: var(--spacing-common-xs) var(--spacing-common-l); margin: var(--spacing-common-s) 0 var(--spacing-common-m) 0; background: linear-gradient(257deg, var(--capsule-gradient-secondary-step-1) 0%, var(--capsule-gradient-secondary-step-2) 100%); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-primary); justify-content: center; align-items: center; display: flex; }
.unreadSeparator--first.svelte-3850xr { margin-top: var(--spacing-common-m); }
.capsuleSeparator.svelte-3850xr { text-align: center; margin: var(--spacing-common-xs) 0; justify-content: center; align-items: center; display: flex; }
.capsuleSeparator--first.svelte-3850xr { margin-top: var(--spacing-common-s); }
.capsuleSeparator--extraBottomSpace.svelte-3850xr { margin-bottom: var(--size-8); }
.capsule.svelte-3850xr { background: var(--capsule-outside); border-radius: var(--border-radius-common-m-half); padding: var(--size-1) var(--size-6); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-primary-inverse-static); backdrop-filter: blur(25px); }
.emptyHistory.svelte-3850xr { flex: 1 1 0%; justify-content: center; align-items: center; display: flex; }
.nonContactPlaceholderContainer.svelte-3850xr { flex: 1 1 0%; align-content: end; }
.banner.svelte-n7uh4j { align-items: center; gap: var(--spacing-m); display: flex; }
.cell.svelte-13k2p5a { padding: var(--spacing-s) var(--spacing-l); color: var(--text-primary); flex: 1 1 auto; grid-template-columns: auto 1fr auto; grid-template-areas: "image title meta" "image text meta"; width: 100%; display: grid; }
.image.svelte-13k2p5a { height: 100%; margin-right: var(--spacing-m); grid-area: image; align-items: center; display: flex; }
.title.svelte-13k2p5a { font: 500 15px/20px var(--font); color: var(--text-themed); letter-spacing: 0.15px; white-space: nowrap; text-overflow: ellipsis; grid-area: title; overflow: hidden; }
.text.svelte-13k2p5a { white-space: nowrap; text-overflow: ellipsis; font: 400 15px/20px var(--font); letter-spacing: 0px; height: 20px; color: var(--text-tertiary); grid-area: text; overflow: hidden; }
.meta.svelte-13k2p5a { height: 100%; margin-left: var(--spacing-m); font: 400 13px/16px var(--font); letter-spacing: 0.2px; color: var(--text-tertiary); grid-area: meta; align-items: center; display: flex; }
.item.svelte-14rtrh1 { cursor: pointer; text-align: left; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-bottom: 1px solid var(--divider-secondary); background: 0px 0px; width: 100%; margin: 0px; padding: 0px; }
.item.svelte-14rtrh1:hover, .item.svelte-14rtrh1:focus { background: var(--background-secondary); }
.item--selected.svelte-14rtrh1 { background: var(--states-background-card-selected); }
.loader.svelte-14rtrh1 { width: 100%; padding: var(--spacing-l) var(--spacing-s); justify-content: center; align-items: center; display: flex; }
.container.svelte-d275x3 { flex-direction: column; width: 100%; display: flex; position: relative; }
.search.svelte-d275x3 { align-items: center; gap: var(--spacing-m); padding: var(--spacing-m-half) var(--spacing-m); background: var(--background-primary); border-bottom: 1px solid var(--divider-secondary); grid-template-columns: 1fr auto; display: grid; }
.results.svelte-d275x3 { height: var(--max-height); background: var(--background-primary); width: 100%; z-index: var(--z-index-layer-popover); position: absolute; top: 100%; left: 0px; }
.emptyPlaceholder.svelte-d275x3 { padding: var(--spacing-s) var(--spacing-xs); justify-content: center; align-items: center; display: flex; }
.pinnedMessage.svelte-hir4wg { justify-content: space-between; align-items: center; gap: var(--spacing-s); width: 100%; display: flex; overflow: hidden; }
.content.svelte-hir4wg { text-align: left; word-break: break-word; gap: var(--spacing-common-2xs); padding-left: var(--spacing-common-s-half); border-left: 2px solid var(--stroke-themed); grid-template-rows: 20px; display: grid; position: relative; overflow: hidden; }
.title.svelte-hir4wg { font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-themed); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text.svelte-hir4wg { font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.header.svelte-1hrr6vf { align-items: center; display: flex; }
.main.svelte-1hrr6vf { padding: 0 var(--spacing-s); background: 0px 0px; border: 0px; flex-grow: 1; margin: 0px; display: flex; }
.content.svelte-1hrr6vf { text-align: left; background: 0px 0px; border: 0px; flex: 1 1 auto; grid-template-rows: 40px; align-items: center; margin: 0px; padding: 0px; display: grid; }
.content--clickable.svelte-1hrr6vf { cursor: pointer; }
.content--center.svelte-1hrr6vf { text-align: center; }
.content--subtitle.svelte-1hrr6vf { grid-template-rows: 20px 20px; }
.image.svelte-1hrr6vf { margin-right: var(--spacing-m); justify-content: center; align-items: center; display: flex; }
.title.svelte-1hrr6vf { font: 600 var(--font-body-size) / var(--font-body-line-height) var(--font); letter-spacing: var(--font-body-letter-spacing); color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.subtitleWrapper.svelte-1hrr6vf { align-items: center; display: flex; overflow: hidden; }
.content--center.svelte-1hrr6vf .subtitleWrapper:where(.svelte-1hrr6vf) { justify-content: center; }
.subtitle.svelte-1hrr6vf { font: 400 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); color: var(--text-tertiary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.actions.svelte-1hrr6vf { align-items: center; gap: var(--spacing-xs); flex-shrink: 0; min-width: 40px; display: flex; }
.title--disabled.svelte-6izvqj { opacity: 0.64; }
.subtitle.svelte-j1rs9b { display: grid; }
.subtitleItem.svelte-j1rs9b { grid-area: 1 / 1; }
.callPanel.svelte-1p7pwy1 { gap: var(--spacing-common-l); padding: var(--spacing-s) var(--size-24); box-sizing: content-box; background: var(--background-primary); flex-flow: row; align-items: center; height: 40px; display: flex; overflow: hidden; }
.filler.svelte-1p7pwy1 { flex: 2 1 auto; }
.description.svelte-1p7pwy1 { flex-flow: column; display: flex; }
.more.svelte-1p7pwy1 { width: var(--size); height: var(--size); background-color: var(--more-icon-bg,var(--button-secondary)); color: var(--more-icon-color,var(--states-icon-primary-disabled)); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.banner.svelte-wia3yg { align-items: center; gap: var(--spacing-m); --button-ghost-text-color: var(--text-negative); display: flex; }
.banner.svelte-ov1m15 { align-items: center; gap: var(--spacing-m); display: flex; }
.iconWrapper.svelte-ov1m15 { background: var(--button-secondary); width: 32px; height: 32px; color: var(--icon-tertiary); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.closeButton.svelte-ov1m15 { margin-left: auto; }
.streamPanel.svelte-1womvhf { gap: var(--spacing-common-l); padding: var(--spacing-s) var(--size-24); box-sizing: content-box; background: var(--background-primary); flex-flow: row; align-items: center; height: 40px; display: flex; overflow: hidden; }
.filler.svelte-1womvhf { flex: 2 1 auto; }
.streamIcon.svelte-1womvhf { background: var(--promo-live); border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; }
.player.svelte-1l8022q { justify-content: space-between; align-items: center; gap: var(--size-12); padding: var(--size-8) var(--size-16); border-bottom: 1px solid var(--divider-primary); display: flex; }
.buttons.svelte-1l8022q { align-items: center; display: flex; }
.info.svelte-1l8022q { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; flex-direction: column; flex: 1 1 auto; align-items: center; min-width: 0px; margin: 0px; padding: 0px; display: flex; }
.controls.svelte-1l8022q { align-items: center; gap: var(--size-8); flex-shrink: 0; display: flex; }
.button.svelte-1l8022q { height: var(--size-28); width: var(--size-28); cursor: pointer; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; margin: 0px; padding: 0px; transition: opacity 0.2s; display: flex; }
.button--themed.svelte-1l8022q { color: var(--icon-themed); }
.button.svelte-1l8022q:disabled { opacity: 0.4; cursor: not-allowed; }
.progress.svelte-1l8022q { width: 100%; height: var(--size-6); position: absolute; bottom: 0px; left: 0px; }
.progressFiller.svelte-1l8022q { width: 100%; height: var(--size-2); background-color: var(--stroke-themed); transition: transform 0.12s, height 0.12s; position: absolute; bottom: 0px; left: 0px; }
.progress.svelte-1l8022q:hover .progressFiller:where(.svelte-1l8022q) { height: var(--size-6); }
.progressInput.svelte-1l8022q { opacity: 0; appearance: none; cursor: pointer; outline: none; width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; bottom: 0px; left: 0px; }
.volumeControl.svelte-1l8022q { --volumeWidth: var(--size-18); width: var(--volumeWidth); height: var(--size-96); position: relative; }
.volumeInput.svelte-1l8022q { opacity: 0; appearance: none; cursor: pointer; writing-mode: vertical-lr; outline: none; margin: 0px; padding: 0px; position: absolute; inset: 0px; }
.volumeFiller.svelte-1l8022q { width: var(--size-6); height: 100%; left: calc((var(--volumeWidth) - var(--size-6)) / 2); border-radius: var(--size-4); pointer-events: none; position: absolute; overflow: hidden; }
.volumeFiller.svelte-1l8022q::before { content: ""; background: var(--stroke-tertiary); pointer-events: none; position: absolute; inset: 0px; }
.volumeFiller.svelte-1l8022q::after { content: ""; background-color: var(--stroke-themed); width: 100%; height: 100%; transform: translateY(var(--volumeProgress)); transition: transform 0.12s; position: absolute; bottom: 0px; left: 0px; }
.player.svelte-srazvw { position: relative; }
.topbar.svelte-1rr87da { background: var(--background-primary); min-width: 0px; position: relative; }
.headerWrapper.svelte-1rr87da { position: relative; }
.header.svelte-1rr87da { padding: var(--spacing-m) var(--spacing-l); border-bottom: 1px solid var(--divider-secondary); position: relative; }
.pinned.svelte-1rr87da { cursor: pointer; width: 100%; padding: var(--spacing-s-half) var(--spacing-l); border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-bottom: 1px solid var(--divider-secondary); background: 0px 0px; display: block; position: relative; }
.banner.svelte-1rr87da { padding: var(--spacing-s) var(--spacing-l); border-bottom: 1px solid var(--divider-secondary); position: relative; }
.search.svelte-1rr87da { z-index: 1; width: 100%; position: absolute; top: 100%; left: 0px; }
.droparea.svelte-1j1uzh9 { gap: var(--spacing-l); padding: var(--spacing-xl); z-index: 1; background: var(--background-overlay); grid-auto-rows: 1fr; display: none; position: absolute; inset: 0px; }
.droparea--active.svelte-1j1uzh9 { display: grid; }
.zone.svelte-1j1uzh9 { background: var(--background-primary); border-radius: var(--border-radius-common-l); width: 100%; padding: var(--spacing-2xl); text-align: center; cursor: copy; flex-direction: column; flex-shrink: 0; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.zoneHighlighter.svelte-1j1uzh9 { pointer-events: none; background: var(--states-button-primary-disabled); position: absolute; inset: 0px; }
.icon.svelte-1j1uzh9 { color: var(--icon-primary); margin-bottom: var(--spacing-l); pointer-events: none; }
.title.svelte-1j1uzh9 { font: 500 20px/24px var(--font); color: var(--text-primary); margin-bottom: var(--spacing-s); pointer-events: none; }
.zone--active.svelte-1j1uzh9 .title:where(.svelte-1j1uzh9) { color: var(--text-themed); }
.zone--active.svelte-1j1uzh9 .icon:where(.svelte-1j1uzh9) { color: var(--icon-themed); }
.description.svelte-1j1uzh9 { font: 400 15px/20px var(--font); color: var(--text-tertiary); pointer-events: none; }
.openedChat.svelte-1prjz03 { grid-auto-rows: auto 1fr; width: 100%; display: grid; }
.placeholder.svelte-1prjz03 { place-items: center; width: 100%; height: 100%; display: grid; }
.history.svelte-1prjz03 { flex-direction: column; display: flex; position: relative; overflow: hidden; }
.cell.svelte-1q3oy8i { padding: 9px var(--spacing-m); color: var(--text-primary); flex: 1 1 auto; grid-template-columns: auto 1fr auto; grid-template-areas: "image title meta" "image text text"; width: 100%; display: grid; }
.cell--webapp.svelte-1q3oy8i { grid-template-areas: "image title meta" "image text button"; }
.webappButton.svelte-1q3oy8i { margin-top: var(--size-2); padding-left: var(--size-12); grid-area: button; justify-self: flex-end; }
.image.svelte-1q3oy8i { height: 100%; margin-right: var(--spacing-m); grid-area: image; align-items: center; display: flex; }
.title.svelte-1q3oy8i { font: 500 16px/20px var(--font); color: var(--text-primary); white-space: nowrap; text-overflow: ellipsis; grid-area: title; overflow: hidden; }
.text.svelte-1q3oy8i { -webkit-line-clamp: 2; text-overflow: ellipsis; height: 42px; padding-top: var(--spacing-2xs); font: 400 15px/20px var(--font); color: var(--text-tertiary); -webkit-box-orient: vertical; grid-area: text; display: -webkit-box; overflow: hidden; }
.meta.svelte-1q3oy8i { height: 100%; margin-left: var(--spacing-m); grid-area: meta; justify-self: flex-end; align-items: center; display: flex; }
.item.svelte-1prn1ig { outline-offset: calc(-1px - var(--outline-width)); margin: 0 var(--spacing-m-half); border-radius: var(--border-radius-common-l); text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: flex; position: relative; }
.item.svelte-1prn1ig:hover, .item.svelte-1prn1ig:focus { background: var(--background-secondary); }
.title.svelte-1prn1ig { align-items: center; gap: var(--spacing-xs); display: flex; }
.separator.svelte-1prn1ig { padding: var(--spacing-l) var(--spacing-l) var(--spacing-s) var(--spacing-l); font: 600 12px/14px var(--font); letter-spacing: 0.3px; color: var(--text-tertiary); text-transform: uppercase; display: flex; }
.searchResultsList { flex-direction: column; height: 100%; display: flex; }
.item.svelte-53vk3i { outline-offset: calc(-1px - var(--outline-width)); margin: 0 var(--spacing-m-half); border-radius: var(--border-radius-common-l); text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: flex; position: relative; }
.item.svelte-53vk3i:hover, .item.svelte-53vk3i:focus { background: var(--background-secondary); }
.item--selected.svelte-53vk3i, .item--selected.svelte-53vk3i:hover, .item--selected.svelte-53vk3i:focus { background: var(--states-background-card-selected); }
.title.svelte-53vk3i { align-items: center; gap: var(--spacing-xs); display: flex; }
.time.svelte-53vk3i { font: 400 13px/16px var(--font); color: var(--text-mute); }
.separator.svelte-53vk3i { padding: var(--spacing-l) var(--spacing-l) var(--spacing-s) var(--spacing-l); font: 600 12px/14px var(--font); letter-spacing: 0.3px; color: var(--text-tertiary); text-transform: uppercase; display: flex; }
.loader.svelte-53vk3i { justify-content: center; align-items: center; padding: 15px 0px; display: flex; }
.empty.svelte-53vk3i { justify-content: center; align-items: center; height: 100%; margin: auto 0px; padding-bottom: 108px; display: flex; }
.actions.svelte-53vk3i { top: var(--size-8); right: var(--size-12); opacity: 0; display: flex; position: absolute; }
.actions.svelte-53vk3i:focus-visible { opacity: 1; }
.item.svelte-53vk3i:focus-within .actions:where(.svelte-53vk3i), .item.svelte-53vk3i:hover .actions:where(.svelte-53vk3i), .item--contextOpened.svelte-53vk3i .actions:where(.svelte-53vk3i) { opacity: 1; }
.item.svelte-53vk3i:focus-within .timeMeta:where(.svelte-53vk3i), .item.svelte-53vk3i:hover .timeMeta:where(.svelte-53vk3i), .item--contextOpened.svelte-53vk3i .timeMeta:where(.svelte-53vk3i) { opacity: 0; }
.menuButton.svelte-53vk3i { cursor: pointer; width: 24px; height: 24px; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.menuButton.svelte-53vk3i:hover { color: var(--icon-secondary); }
.wrapper.svelte-q2jdqb { user-select: none; display: flex; position: relative; overflow: hidden; }
.cell.svelte-q2jdqb { outline-offset: calc(-1px - var(--outline-width)); text-align: left; padding: 9px calc(11px + 5px * clamp(0, var(--compact-view-progress) * 1000000000, 1)); color: var(--text-primary); cursor: pointer; background: var(--background-primary); --chat-cell-bg: var(--background-primary); border: 0px; flex: 1 1 auto; grid-template-columns: auto auto 1fr auto auto; grid-template-areas: "avatar title icons meta meta" "avatar text text text indicators"; width: 100%; display: grid; }
.cell--webapp.svelte-q2jdqb { grid-template-areas: "avatar title icons meta meta" "avatar text text indicators button"; }
.webappButton.svelte-q2jdqb { margin-top: var(--size-2); padding-left: var(--size-12); grid-area: button; justify-self: flex-end; }
@media (hover: hover) {
  .wrapper.svelte-q2jdqb:hover .cell:where(.svelte-q2jdqb) { background: var(--states-background-card-hover); --chat-cell-bg: var(--states-background-card-hover); }
}
.wrapper--contextOpened.svelte-q2jdqb .cell:where(.svelte-q2jdqb), .cell.svelte-q2jdqb:focus { background: var(--states-background-card-hover); --chat-cell-bg: var(--states-background-card-hover); }
@media (hover: hover) {
  .wrapper.svelte-q2jdqb:hover .cell:where(.svelte-q2jdqb):active { background: var(--states-background-card-pressed); --chat-cell-bg: var(--states-background-card-pressed); }
}
.cell.svelte-q2jdqb:active { background: var(--states-background-card-pressed); --chat-cell-bg: var(--states-background-card-pressed); }
@media (hover: hover) {
  .wrapper.svelte-q2jdqb:hover .cell--selected:where(.svelte-q2jdqb) { background: var(--states-background-card-selected); --chat-cell-bg: var(--states-background-card-selected); }
}
.wrapper--contextOpened.svelte-q2jdqb .cell.cell--selected:where(.svelte-q2jdqb), .cell--selected.svelte-q2jdqb, .cell--selected.svelte-q2jdqb:focus { background: var(--states-background-card-selected); --chat-cell-bg: var(--states-background-card-selected); }
.actions.svelte-q2jdqb { top: var(--border-radius-common-s); right: var(--border-radius-common-xl); opacity: 0; display: flex; position: absolute; }
.menuButton.svelte-q2jdqb { cursor: pointer; width: 24px; height: 24px; color: var(--icon-tertiary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.menuButton.svelte-q2jdqb:hover { color: var(--icon-secondary); }
.actions.svelte-q2jdqb:focus-visible { opacity: 1; }
@media (hover: hover) {
  .wrapper--withActions.svelte-q2jdqb:hover .actions:where(.svelte-q2jdqb) { opacity: 1; }
  .wrapper--withActions.svelte-q2jdqb:hover .meta:where(.svelte-q2jdqb) { opacity: 0; }
}
.wrapper--withActions.svelte-q2jdqb:focus-within .actions:where(.svelte-q2jdqb), .wrapper--contextOpened.svelte-q2jdqb .actions:where(.svelte-q2jdqb) { opacity: 1; }
.wrapper--withActions.svelte-q2jdqb:focus-within .meta:where(.svelte-q2jdqb), .wrapper--contextOpened.svelte-q2jdqb .meta:where(.svelte-q2jdqb) { opacity: 0; }
.avatar.svelte-q2jdqb { height: 100%; margin-right: var(--spacing-m); grid-area: avatar; align-items: center; display: flex; }
.title.svelte-q2jdqb { font: 500 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); white-space: nowrap; text-overflow: ellipsis; grid-area: title; align-self: center; overflow: hidden; }
.indicators.svelte-q2jdqb { margin-top: 2px; margin-left: var(--spacing-m); grid-area: indicators; justify-content: flex-end; height: 32px; display: flex; position: relative; }
.indicators--webapp.svelte-q2jdqb > .indicator:where(.svelte-q2jdqb) { align-self: center; }
.indicator.svelte-q2jdqb { z-index: 1; border-radius: 12px; align-self: flex-start; margin-right: -2px; display: flex; position: relative; }
.indicator.svelte-q2jdqb:last-child { z-index: 0; margin-right: 2px; }
.indicator--crop.svelte-q2jdqb { clip-path: path("M 40 20 H 7 c -2.48 0 -4.75 -0.9 -6.5 -2.4 a 9.98 9.98 0 0 0 0 -15.2 A 9.96 9.96 0 0 1 7 0 h 33 v 20 Z"); justify-content: flex-start; display: flex; }
.indicators--compact.svelte-q2jdqb { margin-top: 0px; margin-right: 4px; animation: 0.3s ease-out 0s 1 normal forwards running svelte-q2jdqb-zoomIn; position: absolute; top: 5px; right: 14px; }
.indicators--compact.svelte-q2jdqb .indicator:where(.svelte-q2jdqb) { border: 2px solid var(--chat-cell-bg); border-radius: var(--border-radius-common-m-half); clip-path: none; margin-right: -4px; }
@keyframes svelte-q2jdqb-zoomIn { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
.text.svelte-q2jdqb { -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: break-word; min-height: calc(2 * var(--font-detail-line-height) + var(--spacing-2xs)); max-height: calc(2 * var(--font-detail-line-height) + var(--spacing-2xs)); padding-top: var(--spacing-2xs); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-tertiary); -webkit-box-orient: vertical; grid-area: text; display: -webkit-box; overflow: hidden; }
.author.svelte-q2jdqb { color: var(--text-secondary); display: contents; }
.author.svelte-q2jdqb .authorAvatar { vertical-align: bottom; margin-right: var(--spacing-2xs); display: inline-block; }
.meta.svelte-q2jdqb { justify-self: flex-end; align-items: center; gap: var(--spacing-xs); height: 100%; margin-left: var(--spacing-m); grid-area: meta; display: flex; }
.time.svelte-q2jdqb { font: 400 var(--font-description-size) / var(--font-description-line-height) var(--font); color: var(--text-tertiary); }
.clockMarker.svelte-q2jdqb { color: var(--icon-mute); display: flex; }
.readMarker.svelte-q2jdqb { color: var(--icon-themed); display: flex; }
.pinned.svelte-q2jdqb { color: var(--icon-mute); display: flex; }
.icons.svelte-q2jdqb { height: 100%; color: var(--icon-mute); margin-left: var(--spacing-2xs); grid-area: icons; align-items: center; display: flex; }
.iconMute.svelte-q2jdqb { height: 16px; display: inline-flex; }
.iconMute.svelte-q2jdqb, .author.svelte-q2jdqb, .text.svelte-q2jdqb, .icons.svelte-q2jdqb, .meta.svelte-q2jdqb, .title.svelte-q2jdqb { opacity: var(--compact-view-progress,1); }
.wrapper.svelte-rt5dsi { width: 100%; position: relative; overflow: hidden; }
.viewportWrapper.svelte-rt5dsi { margin-bottom: -30px; }
.viewport.svelte-rt5dsi { scroll-snap-type: x mandatory; padding-bottom: 30px; display: grid; overflow-x: auto; }
.arrow.svelte-rt5dsi { z-index: 1; opacity: 0; width: 32px; height: 32px; transition: opacity 0.2s, left 0.3s, right 0.3s; position: absolute; top: 50%; transform: translateY(-50%); }
.wrapper.svelte-rt5dsi:hover .arrow:where(.svelte-rt5dsi) { opacity: 1; }
.left.svelte-rt5dsi { left: 10px; }
.right.svelte-rt5dsi { right: 10px; }
.right.svelte-rt5dsi:hover { right: 12px; }
.left.svelte-rt5dsi:hover { left: 12px; }
.widgets.svelte-dozxyb { gap: var(--spacing-s); padding: var(--spacing-s) var(--spacing-l); height: 160px; display: flex; }
.widgets--compact.svelte-dozxyb { gap: var(--spacing-s); height: auto; padding: 0 var(--spacing-l) var(--spacing-l); flex-direction: column; }
.widgets--compact.svelte-dozxyb::after { content: ""; background: var(--divider-primary); height: 1px; display: inline-block; position: absolute; bottom: 0px; left: 10px; right: 10px; }
.widget.svelte-dozxyb { color: var(--text-primary-inverse-static); gap: var(--spacing-xs); padding: var(--spacing-m-half); border-radius: var(--border-radius-common-l); text-align: left; cursor: pointer; z-index: 0; background: var(--sferum-card); border: 1px solid var(--stroke-tertiary); flex: 1 1 0%; grid-template-rows: min-content min-content auto; grid-template-areas: "title" "description" "icon"; min-width: 104px; transition: max-width 0.4s; display: grid; position: relative; overflow: hidden; }
.widget--scrolled.svelte-dozxyb { min-width: max(28%, 104px); }
.widget.svelte-dozxyb::before { content: ""; opacity: 0; z-index: -1; background: var(--states-sferum-card-hover); will-change: opacity; transition: opacity 0.15s; position: absolute; inset: 0px; }
.widget.svelte-dozxyb:hover::before { opacity: 1; }
.widget.svelte-dozxyb:active::before { background: var(--states-sferum-card-pressed); }
.widget--compact.svelte-dozxyb { border-radius: var(--border-radius-common-l); min-width: 0px; padding: var(--spacing-m); flex-basis: 54px; display: flex; }
.widget--compact.svelte-dozxyb .title:where(.svelte-dozxyb), .widget--compact.svelte-dozxyb .description:where(.svelte-dozxyb) { display: none; }
.widget--compact.svelte-dozxyb .icon:where(.svelte-dozxyb) { margin: auto; }
.title.svelte-dozxyb { font: 600 var(--font-detail-size) / var(--font-detail-size) var(--font); width: 100%; color: var(--text-primary); text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex-shrink: 0; grid-area: title; display: -webkit-box; overflow: hidden; }
.description.svelte-dozxyb { font: 400 var(--font-label-size) / var(--font-label-line-height) var(--font); overflow-wrap: break-word; white-space: pre-line; color: var(--text-secondary); text-overflow: ellipsis; -webkit-line-clamp: 3; opacity: 0.7; -webkit-box-orient: vertical; grid-area: description; display: -webkit-box; overflow: hidden; }
.icon.svelte-dozxyb { grid-area: icon; margin-top: auto; display: flex; }
.widget--large.svelte-dozxyb:not(.widget--compact) { padding: var(--spacing-m) var(--spacing-2xl) var(--spacing-m) var(--spacing-l); }
.widget--large.svelte-dozxyb { align-content: center; column-gap: var(--spacing-m); grid-template: "title icon" min-content "description icon" min-content / 1fr auto; }
.widget--large.svelte-dozxyb .title:where(.svelte-dozxyb) { font: 600 var(--font-subheader-size) / var(--font-subheader-line-height) var(--font); }
.widget--large.svelte-dozxyb .description:where(.svelte-dozxyb) { font: 400 var(--font-action-small-size) / var(--font-action-small-line-height) var(--font); }
.widget--large.svelte-dozxyb .icon:where(.svelte-dozxyb) { align-items: center; }
.widget--large.svelte-dozxyb:not(.widget--compact) .icon:where(.svelte-dozxyb) { margin-top: unset; }
.avatarChat.svelte-130qthg { background: var(--background-secondary); border-radius: 50%; place-items: center; width: 56px; height: 56px; display: grid; overflow: hidden; }
.emptyText.svelte-130qthg { white-space: nowrap; }
.pinSeparator.svelte-130qthg { height: 1px; margin: var(--spacing-xs) var(--spacing-l); background: var(--divider-primary); }
.suggestionsHeader.svelte-130qthg { margin-top: var(--size-20); padding: var(--size-6) var(--size-16) var(--size-8); }
.wrapper.svelte-130qthg { display: flex; position: relative; overflow: hidden; }
.cell.svelte-130qthg { outline-offset: calc(-1px - var(--outline-width)); text-align: left; padding: 9px var(--spacing-l); color: var(--text-primary); cursor: pointer; background: var(--background-primary); --chat-cell-bg: var(--background-primary); border: 0px; flex: 1 1 auto; grid-template-columns: min-content auto min-content; grid-template-areas: "avatar title action" "avatar text action"; width: 100%; display: grid; }
.wrapper.svelte-130qthg:hover .cell:where(.svelte-130qthg), .wrapper--contextOpened.svelte-130qthg .cell:where(.svelte-130qthg), .cell.svelte-130qthg:focus { background: var(--states-background-card-hover); --chat-cell-bg: var(--states-background-card-hover); }
.wrapper.svelte-130qthg:hover .cell:where(.svelte-130qthg):active, .cell.svelte-130qthg:active { background: var(--states-background-card-pressed); --chat-cell-bg: var(--states-background-card-pressed); }
.wrapper.svelte-130qthg:hover .cell--selected:where(.svelte-130qthg), .wrapper--contextOpened.svelte-130qthg .cell.cell--selected:where(.svelte-130qthg), .cell--selected.svelte-130qthg, .cell--selected.svelte-130qthg:focus { background: var(--states-background-card-selected); --chat-cell-bg: var(--states-background-card-selected); }
.avatar.svelte-130qthg { height: 100%; margin-right: var(--spacing-m); grid-area: avatar; align-items: center; display: flex; }
.title.svelte-130qthg { font: 500 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); white-space: nowrap; text-overflow: ellipsis; grid-area: title; overflow: hidden; }
.text.svelte-130qthg { -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: break-word; min-height: calc(2 * var(--font-detail-line-height) + 2px); max-height: calc(2 * var(--font-detail-line-height) + 2px); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-tertiary); -webkit-box-orient: vertical; grid-area: text; padding-top: 2px; display: -webkit-box; overflow: hidden; }
.action.svelte-130qthg { grid-area: action; align-content: center; }
.title.svelte-130qthg, .text.svelte-130qthg, .action.svelte-130qthg, .emptyText.svelte-130qthg { opacity: var(--compact-view-progress,1); }
.loader.svelte-1hgamje { justify-content: center; align-items: center; padding: 15px 0px; display: flex; }
.pinSeparator.svelte-1hgamje { height: 1px; margin: var(--spacing-xs) var(--spacing-l); background: var(--divider-primary); }
.emptyFolderWidgetsWrapper.svelte-4iqv1j { flex-shrink: 0; }
.empty.svelte-4iqv1j { height: 100%; opacity: max(0, calc(var(--compact-view-progress) * 3 - 2)); justify-content: center; align-items: center; padding-bottom: 108px; display: flex; }
.elements.svelte-11qsb2a { justify-content: flex-start; gap: var(--spacing-s); width: 100%; padding: var(--spacing-m) 0 var(--spacing-s); display: flex; }
.item.svelte-11qsb2a { color: var(--text-primary-inverse-static); align-items: center; gap: var(--spacing-s); width: 86px; padding: var(--spacing-s) var(--spacing-xs); text-align: center; cursor: pointer; z-index: 0; background: 0px 0px; border: 0px; flex-direction: column; display: flex; position: relative; }
.header.svelte-pu1tym { grid-template: "info . actions" minmax(min-content, 0px) "stories stories stories" "addition addition addition" "carousel carousel carousel" / auto 1fr auto; align-items: center; width: 100%; display: grid; }
.info.svelte-pu1tym { padding: var(--spacing-l) 0 var(--spacing-m) var(--spacing-l); height: var(--size-36); box-sizing: content-box; flex-flow: column; grid-area: info; justify-content: center; display: flex; }
.titleWrapper.svelte-pu1tym { opacity: var(--compact-view-progress,1); flex-flow: column; display: flex; position: absolute; }
.titleWrapper--relative.svelte-pu1tym { position: relative; }
.title.svelte-pu1tym { font: 600 var(--font-header-size) / var(--font-header-line-height) var(--font); letter-spacing: var(--font-header-letter-spacing); color: var(--bubbles-text-action); white-space: nowrap; text-overflow: ellipsis; transition: color 0.125s ease-in-out, transform 0.125s ease-in-out, margin 0.125s ease-in-out; overflow: hidden; }
.subtitle.svelte-pu1tym { font: 400 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); color: var(--text-tertiary); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.header--withConnectionStatus.svelte-pu1tym .title:where(.svelte-pu1tym) { --scale: .8; margin-left: calc((var(--scale) - 1) / 2 * 100%); margin-bottom: calc((var(--scale) - 1) / 4 * 100%); color: var(--text-secondary); transform: scale(var(--scale)); }
.actions.svelte-pu1tym { padding: var(--spacing-l) var(--spacing-l) var(--spacing-m) 0; box-sizing: content-box; transform: translateX(calc(-10px * (1 - var(--compact-view-progress,1)))); grid-area: actions; }
.stories.svelte-pu1tym { grid-area: stories; }
.addition.svelte-pu1tym { grid-area: addition; position: relative; }
.search.svelte-pu1tym { padding: 0 var(--spacing-l) var(--spacing-s); box-sizing: content-box; grid-area: search; }
.separator.svelte-pu1tym { background: var(--divider-primary); width: 100%; height: 1px; margin-top: var(--spacing-xl-half); grid-area: search; }
.colorInformerSeparator.svelte-pu1tym { margin-top: var(--spacing-s); height: 0px; }
.addChats.svelte-pu1tym { z-index: 1; position: absolute; top: 33px; left: 11px; }
.searchCarousel.svelte-pu1tym { padding: 0 calc(var(--spacing-l) * -1); grid-area: carousel; display: flex; overflow: hidden; }
.bg.svelte-6bkz6t { background-color: var(--background-surface); border-radius: var(--spacing-l); padding: var(--spacing-xs) 0; margin: var(--spacing-s) 0; }
.settingsTab.svelte-6bkz6t { padding: var(--spacing-zero) var(--spacing-l); flex-direction: column; display: flex; }
.profile.svelte-6bkz6t { justify-content: space-between; align-items: center; gap: var(--spacing-m); text-align: left; cursor: pointer; border-radius: var(--border-radius-common-m); padding: var(--spacing-s) var(--spacing-s-half); background: 0px 0px; border: 0px; display: flex; }
.profile.svelte-6bkz6t:not(.profile--active):hover { background: var(--background-secondary); }
.profile--active.svelte-6bkz6t { background: var(--states-background-card-selected); }
.profileInfo.svelte-6bkz6t { grid-template-columns: 1fr; grid-auto-rows: 22px 20px 20px; gap: 2px; margin-right: auto; display: grid; }
.name.svelte-6bkz6t { color: var(--text-primary); font: 600 17px/22px var(--font); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.phone.svelte-6bkz6t { color: var(--text-tertiary); font: 400 15px/20px var(--font); }
.subtitle.svelte-6bkz6t { color: var(--text-tertiary); font: var(--font-weight-regular) var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); }
.mentionName.svelte-6bkz6t { color: var(--text-themed); font: 400 15px/20px var(--font); }
.icon.svelte-6bkz6t { color: var(--icon-mute); align-items: center; display: flex; }
.separator.svelte-6bkz6t { background: var(--divider-primary); width: 100%; height: 1px; margin: var(--spacing-s) var(--spacing-zero); }
.item.svelte-6bkz6t { text-align: left; align-items: center; gap: var(--spacing-s); cursor: pointer; font: 600 15px/20px var(--font); color: var(--text-primary); padding: var(--spacing-s-half); border-radius: var(--border-radius-common-m); background: 0px 0px; border: 0px; grid-template-rows: 40px; grid-template-columns: 40px 1fr min-content; display: grid; }
.item.svelte-6bkz6t:not(.item--active):hover { background: var(--background-secondary); }
.item--active.svelte-6bkz6t { background: var(--states-background-card-selected); }
.itemIcon.svelte-6bkz6t { justify-content: center; align-items: center; display: flex; }
.inviteLink.svelte-6bkz6t { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; }
.inviteLinkIcon.svelte-6bkz6t { color: var(--promo-icon); }
.wrapper.svelte-110mc9a { transform: translateX(calc(10px * (1 - var(--compact-view-progress,1)))); align-items: center; margin: 0px; display: flex; position: relative; }
.wrapper.svelte-110mc9a:hover, .wrapper.svelte-110mc9a:focus { background: var(--background-secondary); }
.wrapper--selected.svelte-110mc9a { background: var(--states-background-card-selected); }
.title.svelte-110mc9a, .description.svelte-110mc9a { opacity: var(--compact-view-progress,1); }
.more.svelte-110mc9a { z-index: 1; opacity: 0; }
.moreButton.svelte-110mc9a { color: var(--icon-tertiary); cursor: pointer; background: 0px 0px; border: 0px; display: flex; }
.wrapper.svelte-110mc9a:focus-within .more:where(.svelte-110mc9a), .wrapper--contextOpened.svelte-110mc9a .more:where(.svelte-110mc9a), .wrapper.svelte-110mc9a:hover .more:where(.svelte-110mc9a) { opacity: 1; }
.wrapper--compact.wrapper.svelte-110mc9a:focus-within .more:where(.svelte-110mc9a), .wrapper--compact.wrapper--contextOpened.svelte-110mc9a .more:where(.svelte-110mc9a), .wrapper--compact.wrapper.svelte-110mc9a:hover .more:where(.svelte-110mc9a) { opacity: 0; }
.empty.svelte-1n4vwm6, .empty.svelte-ttmfkp { justify-content: center; align-items: center; height: 100%; padding-bottom: 108px; display: flex; }
.icon.svelte-1cvcemu { vertical-align: middle; color: var(--icon-tertiary); }
.wrapper.svelte-cut8hk { display: flex; overflow: hidden; }
.title.svelte-cut8hk, .text.svelte-cut8hk { width: 100%; }
.text.svelte-cut8hk { display: inline-flex; }
.after.svelte-cut8hk { flex-shrink: 0; min-width: 32px; min-height: 42px; display: grid; position: relative; }
.buttons.svelte-cut8hk { gap: var(--spacing-xs); opacity: 0; grid-area: 1 / 1; justify-self: flex-end; display: flex; }
.meta.svelte-cut8hk { width: max-content; height: 100%; margin-right: var(--size-4); z-index: 1; pointer-events: none; user-select: none; grid-area: 1 / 1; justify-content: flex-end; justify-self: flex-end; align-items: center; display: flex; }
.mobileMeta.svelte-cut8hk { align-items: center; gap: var(--spacing-xs); display: flex; }
.wrapper--contextOpened.svelte-cut8hk .buttons:where(.svelte-cut8hk), .wrapper.svelte-cut8hk:hover .buttons:where(.svelte-cut8hk) { opacity: 1; }
.wrapper--contextOpened.svelte-cut8hk .meta:where(.svelte-cut8hk), .wrapper.svelte-cut8hk:hover .meta:where(.svelte-cut8hk) { opacity: 0; }
.before.svelte-cut8hk { align-items: center; gap: var(--spacing-s); display: flex; }
.compactTitle.svelte-cut8hk { justify-content: center; display: flex; }
.text.svelte-cut8hk, .after.svelte-cut8hk, .title.svelte-cut8hk { opacity: var(--compact-view-progress,1); }
@media (max-width: 925.9px) {
  .after.svelte-cut8hk { align-items: center; min-width: auto; display: flex; }
}
.counter.svelte-hwhwtq { height: 100%; mask-image: linear-gradient(to bottom, transparent 0, black var(--counter-line-height), black calc(100% - var(--counter-line-height)), transparent 100%); align-items: center; display: inline-flex; position: relative; overflow: hidden; }
.counter__wrapper.svelte-hwhwtq { height: var(--counter-line-height); min-width: 3ch; }
.header.svelte-139354x, .selectionHeader.svelte-139354x { min-height: var(--size-60); padding: 0 var(--spacing-l); justify-content: space-between; align-items: center; display: flex; }
.selectionHeaderLeading.svelte-139354x { align-items: center; gap: var(--spacing-s); min-width: 0px; height: 100%; display: flex; }
.createCall.svelte-139354x { padding: 0 var(--size-4); transition: background 0.3s; }
.createCall.svelte-139354x:hover, .createCall.svelte-139354x:focus { background: var(--background-secondary); }
.createCallText.svelte-139354x { opacity: var(--compact-view-progress,1); }
.wrapper.svelte-139354x { padding: var(--spacing-zero) var(--spacing-m-half) var(--spacing-common-s-half); }
.content.svelte-139354x { flex-direction: column; height: 100%; display: flex; }
.empty.svelte-139354x { justify-content: center; align-items: center; height: 100%; padding-bottom: 108px; display: flex; }
.splitter.svelte-1ou0ns6 { z-index: 1; cursor: col-resize; background: 0px 0px; border: 0px; width: 5px; height: 100vh; padding: 0px; position: absolute; right: -5px; }
@media (max-width: 925.9px) {
  .splitter.svelte-1ou0ns6 { display: none; }
}
.informer-gradient.svelte-1ra61oz { background: radial-gradient(circle at 9.2% 50%, var(--promo-disclaimer-step-1) 4.41%, var(--promo-disclaimer-step-2) 12%, var(--promo-disclaimer-step-3) 53.64%); }
.informer-gradient-compact.svelte-1ra61oz { background: radial-gradient(circle at 50% 50%, var(--promo-disclaimer-step-1) 4.41%, var(--promo-disclaimer-step-2) 12%, var(--promo-disclaimer-step-3) 53.64%); }
.informer.svelte-1ra61oz { padding-left: var(--spacing-l); justify-content: space-between; align-items: center; width: 100%; display: flex; }
.informer.svelte-1ra61oz:hover { background: var(--states-background-card-hover); }
.informer--compact.svelte-1ra61oz { padding: var(--spacing-xl) var(--spacing-l); cursor: pointer; }
.informer--nonInteractive.svelte-1ra61oz { cursor: default; }
.informer--nonInteractive.svelte-1ra61oz:hover { background: unset; }
.content.svelte-1ra61oz { cursor: pointer; background: 0px 0px; border: 0px; flex-grow: 1; align-items: center; padding: 0px; display: flex; overflow: hidden; }
.content--nonInteractive.svelte-1ra61oz { cursor: default; }
.content--nonInteractive.svelte-1ra61oz:hover { cursor: default; background: inherit; }
.squircle-container.svelte-1ra61oz { justify-content: center; align-items: center; width: 54px; display: flex; }
.squircle-container.svelte-1ra61oz > .lottie:where(.svelte-1ra61oz) { color: var(--icon-primary-inverse-static); position: absolute; }
.lottie-themed.svelte-1ra61oz { color: var(--icon-themed); }
.lottie.svelte-1ra61oz { flex-shrink: 0; justify-content: center; align-items: center; width: 54px; display: flex; }
.text.svelte-1ra61oz { text-overflow: ellipsis; color: var(--text-themed); padding: 14px var(--spacing-2xs) 14px var(--spacing-m); opacity: var(--compact-view-progress,1); flex-direction: column; display: flex; overflow: hidden; }
.text--withDescription.svelte-1ra61oz { padding: var(--spacing-m-half) var(--spacing-2xs) var(--spacing-m-half) var(--spacing-m); }
.close.svelte-1ra61oz { cursor: pointer; width: 44px; height: 44px; color: var(--icon-tertiary); background: 0px 0px; border: 0px; flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
.close.svelte-1ra61oz:hover { color: var(--states-icon-tertiary-hover); }
.description.svelte-1ra61oz { color: var(--text-primary); line-height: var(--font-description-line-height); text-align: left; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.glare.svelte-1ra61oz { position: relative; }
.glare.svelte-1ra61oz::before { content: attr(data-text); pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) -48px center / 48px 100% no-repeat text; -webkit-text-fill-color: transparent; animation: 4s linear 0.3s 3 normal none running svelte-1ra61oz-glareOnText; position: absolute; inset: 0px; }
.silentAnimation.svelte-1ra61oz { background: 0px 0px / 100% auto; animation: 4s linear 0.3s 3 normal none running svelte-1ra61oz-glareOnText; }
@keyframes svelte-1ra61oz-glareOnText { 
  0% { background-position: -48px 0px; }
  15% { background-position: -48px 0px; }
  27.5% { background-position: calc(100% + 48px) 0px; }
  100% { background-position: calc(100% + 48px) 0px; }
}
.aside.svelte-1u8ha7t { flex-direction: column; min-width: 86px; max-width: calc(-48px + 50vw); height: 100%; display: flex; position: relative; }
@media (max-width: 925.9px) {
  .aside.svelte-1u8ha7t { min-width: 100%; max-width: 100%; }
  .aside--compact.svelte-1u8ha7t { min-width: 86px; }
}
.aside--isDragging.svelte-1u8ha7t .content:where(.svelte-1u8ha7t) { pointer-events: none; }
.content.svelte-1u8ha7t { height: 100%; position: relative; overflow: hidden; }
.contentOverflow.svelte-1u8ha7t { flex-direction: column; min-width: 300px; height: 100%; display: flex; position: relative; overflow: hidden; }
.contentOverflow--compact.svelte-1u8ha7t { min-width: 0px; }
.folders.svelte-1u8ha7t { padding: 0 var(--spacing-m) 0; }
.button.svelte-xwrwgf { padding: var(--spacing-s) var(--spacing-2xs); cursor: pointer; align-items: center; gap: var(--spacing-2xs); text-align: center; width: 100%; font: 400 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); color: color-mix(in srgb, var(--text-primary) 52%, transparent); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; display: flex; position: relative; }
.button.svelte-xwrwgf:hover { color: color-mix(in srgb, var(--text-primary) 72%, transparent); }
.button--active.svelte-xwrwgf, .button--active.svelte-xwrwgf:hover { opacity: 1; color: var(--text-primary); }
.button--tabbar.svelte-xwrwgf, .button--tabbar.svelte-xwrwgf:hover { color: var(--tabbar-inactive); }
.button--tabbar.button--active.svelte-xwrwgf, .button--tabbar.button--active.svelte-xwrwgf:hover { color: var(--tabbar-active); }
.title.svelte-xwrwgf { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; width: 100%; display: -webkit-box; overflow: hidden; }
.icon.svelte-xwrwgf { display: inline-block; position: relative; }
.dot.svelte-xwrwgf { display: inline-flex; position: absolute; top: 0px; right: 0px; }
.icon.svelte-ioa7d0 { color: currentcolor; position: relative; }
.navigation.svelte-174ybgs { height: 100%; padding-bottom: var(--spacing-l); flex-direction: column; display: flex; }
.folders.svelte-174ybgs { width: 100%; padding: 0 var(--spacing-xs); justify-content: center; display: flex; position: relative; overflow: hidden; }
.folders.svelte-174ybgs::before, .folders.svelte-174ybgs::after { content: ""; z-index: 1; pointer-events: none; opacity: 0; width: 100%; height: 56px; transition: opacity 0.2s ease-in; position: absolute; }
.folders--upperFade.svelte-174ybgs::before { background: linear-gradient(0deg, var(--fading-float-primary-step-2) 0%, var(--fading-float-primary-step-1) 100%); opacity: 1; top: 0px; left: 0px; }
.folders--bottomFade.svelte-174ybgs::after { background: linear-gradient(180deg, var(--fading-float-primary-step-2) 0%, var(--fading-float-primary-step-1) 100%); opacity: 1; bottom: 0px; left: 0px; }
.foldersViewport.svelte-174ybgs { gap: var(--spacing-s); padding-top: ; padding-bottom: ; padding-left: ; box-sizing: content-box; scrollbar-width: none; flex-direction: column; width: 100%; margin-right: -30px; padding-right: 30px; display: flex; overflow: auto; }
.upperTrigger.svelte-174ybgs, .bottomTrigger.svelte-174ybgs { pointer-events: none; min-height: 1px; }
.upperTrigger.svelte-174ybgs { margin-top: -1px; }
.bottomTrigger.svelte-174ybgs { margin-bottom: -1px; }
.bottomGroup.svelte-174ybgs { gap: var(--spacing-s); margin-top: var(--spacing-m); padding: 0 var(--spacing-xs); flex-direction: column; flex: 1 1 0%; display: flex; }
.settings.svelte-174ybgs { margin-top: auto; }
.draggableViewport.svelte-174ybgs { gap: var(--spacing-s); flex-direction: column; display: flex; }
.foldersViewport.svelte-174ybgs::-webkit-scrollbar { display: none; }
.separator.svelte-174ybgs { background: var(--divider-primary); height: 1px; margin: 0 var(--spacing-s); }
.item.svelte-174ybgs { position: relative; }
.counter.svelte-174ybgs { right: var(--spacing-xl); top: var(--spacing-s-half); border-radius: var(--border-radius-common-m-half); border: 1.5px solid var(--background-primary); pointer-events: none; position: absolute; transform: translate(50%); }
.header.svelte-eczba2 { background: var(--background-primary); padding: var(--spacing-m) var(--spacing-l); border-bottom: 1px solid var(--divider-secondary); width: 100%; position: relative; }
.layout.svelte-zkp0ld { z-index: 1; background: var(--background-surface); flex-direction: column; align-items: center; display: flex; }
.layout.absolute.svelte-zkp0ld { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; }
.layout-inner.svelte-zkp0ld { gap: var(--size-20); padding: var(--size-24); flex-direction: column; flex: 1 1 0%; align-items: center; width: 100%; display: flex; }
@media (max-width: 925.9px) {
  .layout-inner.svelte-zkp0ld { padding-left: var(--size-12); padding-right: var(--size-12); }
}
.container.svelte-cz6or5 { gap: var(--size-24); flex-direction: column; width: 100%; max-width: 640px; display: flex; }
.panel.svelte-1lebyxc { gap: var(--spacing-xl-half); width: 100%; padding-top: var(--spacing-m); flex-direction: column; align-items: stretch; display: flex; }
.avatarWrapper.svelte-1lebyxc { align-self: center; }
.section.svelte-1lebyxc { flex-direction: column; width: 100%; display: flex; }
.buttons.svelte-1lebyxc { gap: var(--size-16); padding: var(--size-16); flex: 0 0 auto; width: 100%; max-width: 740px; display: flex; }
.row.svelte-1lebyxc { gap: var(--spacing-xl-half); display: flex; }
.profileDeleteBanner.svelte-1lebyxc { background: var(--background-card); border-radius: var(--border-radius-common-l); padding: var(--spacing-xs) 0 var(--spacing-m); }
.cellDelete.svelte-1lebyxc { align-items: center; display: flex; }
.cellDeleteIcon.svelte-1lebyxc { width: 40px; height: 40px; color: var(--icon-negative); justify-content: center; align-items: center; display: flex; }
.buttonDeleteWrapper.svelte-1lebyxc { padding: 0 var(--spacing-m); }
.buttons.svelte-3djf1i { z-index: 1; padding: var(--spacing-m); gap: var(--spacing-m); background: var(--background-card); border-radius: var(--border-radius-common-xl); display: flex; position: sticky; bottom: 0px; }
.panel.svelte-3va2f3 { background: var(--background-card); border-radius: var(--border-radius-common-xl); padding: var(--spacing-xl-half); width: 100%; }
.header.svelte-ttnkjl { align-items: flex-start; gap: var(--spacing-s); flex-direction: column; display: flex; }
.item.svelte-11lmmhj { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); margin: 0px; position: relative; }
.label.svelte-11lmmhj { margin-top: var(--spacing-m); padding: var(--spacing-xs) var(--spacing-m); line-height: var(--font-description-line-height); }
.filterImgWrapper.svelte-11lmmhj { background: var(--background-surface); border-radius: 100%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; }
.filterImgWrapper.svelte-11lmmhj > svg { max-width: 20px; min-height: 20px; }
.createList.svelte-10iztlk { height: 400px; overflow: hidden; }
.panel.svelte-1v9qjab { background: var(--background-card); border-radius: var(--border-radius-common-l); padding: var(--spacing-s-half) 0; width: 100%; }
.label.svelte-1v9qjab { padding: var(--spacing-2xs) var(--spacing-m) var(--spacing-s-half) var(--spacing-m); line-height: var(--font-description-line-height); }
.fieldPlaceholder.svelte-g2qlaq { width: 100%; padding: var(--spacing-s-half) var(--spacing-m); border-radius: var(--border-radius-common-l); background: var(--background-tertiary); align-items: center; height: 52px; font-size: 15px; font-style: normal; line-height: 20px; display: flex; }
.buttons.svelte-g2qlaq { width: 100%; padding: var(--spacing-m); gap: var(--spacing-m); background: var(--background-card); border-radius: var(--border-radius-common-xl); display: flex; }
.header.svelte-16gcyqx { text-align: center; align-items: center; gap: var(--spacing-l); flex-direction: column; display: flex; }
.header.svelte-16gcyqx:not(:last-child) { padding-bottom: var(--spacing-l); }
.folderIcon.svelte-16gcyqx { width: 72px; height: 72px; color: var(--icon-mute); background: var(--background-surface); border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.separator.svelte-16gcyqx { background: var(--divider-primary); width: 100%; height: 1px; margin: var(--spacing-s) 0; }
.folderWrapper.svelte-16gcyqx { margin: 0 calc(-1 * var(--spacing-l)); border-radius: var(--border-radius-common-l); padding: var(--spacing-l) var(--spacing-l); }
.folder.svelte-16gcyqx { column-gap: var(--spacing-s); row-gap: var(--spacing-2xs); grid-template: "icon title actions" 20px / 20px 1fr auto; display: grid; }
.icon.svelte-16gcyqx { grid-area: icon; }
.title.svelte-16gcyqx { font: 500 15px/20px var(--font); color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap; grid-area: title; overflow: hidden; }
.actions.svelte-16gcyqx { gap: var(--spacing-m); grid-area: actions; align-items: center; display: flex; }
.recommendedList.svelte-16gcyqx { gap: var(--spacing-l); flex-direction: column; display: flex; }
.recommendedFolder.svelte-16gcyqx { align-items: center; display: flex; }
.recommendedFolder.svelte-16gcyqx .title:where(.svelte-16gcyqx) { flex: 1 1 0%; }
.handle.svelte-16gcyqx { color: var(--icon-tertiary); display: flex; }
.buttons.svelte-1ef1eet { gap: var(--spacing-s); padding: var(--spacing-s) var(--spacing-xl-half) var(--spacing-xl-half); width: 100%; max-width: 640px; margin: 0px auto; display: flex; }
.wrapper.svelte-1ef1eet { gap: var(--spacing-l); flex-direction: column; width: 100%; max-width: 640px; display: flex; }
.avatar.svelte-1ef1eet { padding-bottom: var(--spacing-l); justify-content: center; display: flex; }
.wrapper.svelte-uxl6ib { gap: var(--spacing-l); flex-direction: column; width: 100%; max-width: 640px; display: flex; }
.title.svelte-uxl6ib { color: var(--text-tertiary); text-transform: uppercase; font-weight: 600; font-size: var(--font-label-size); line-height: var(--font-label-line-height); letter-spacing: var(--font-label-letter-spacing); }
.section.svelte-uxl6ib { gap: var(--spacing-m-half); flex-direction: column; display: flex; }
.avatar.svelte-uxl6ib { align-items: center; }
.buttons.svelte-uxl6ib { gap: var(--spacing-s); padding: var(--spacing-s) var(--spacing-xl-half) var(--spacing-xl-half); width: 100%; max-width: 640px; margin: 0px auto; display: flex; }
.error.svelte-uxl6ib { color: var(--text-negative); font-size: var(--font-label-size); padding: 0 var(--spacing-m); line-height: var(--font-label-line-height); letter-spacing: var(--font-label-letter-spacing); }
.buttons.svelte-87cayy { gap: var(--spacing-s); padding: var(--spacing-s) var(--spacing-xl-half) var(--spacing-xl-half); width: 100%; margin: 0px auto; display: flex; }
.wrapper.svelte-1501j70, .wrapper.svelte-13fay8c { width: 100%; max-width: 640px; }
.wrapper.svelte-13fay8c:first-child .sticky:where(.svelte-13fay8c) { top: var(--size-24); }
.sticky.svelte-13fay8c { z-index: 2; top: var(--size-20); position: sticky; }
.sticky.svelte-13fay8c::before { content: ""; left: 0px; right: 0px; top: calc(var(--size-20) * -1); background: var(--background-surface); position: absolute; bottom: 0px; }
.wrapper.svelte-13fay8c:first-child .sticky:where(.svelte-13fay8c)::before { top: calc(var(--size-24) * -1); }
.header.svelte-13fay8c { background: var(--background-card); border-radius: var(--border-radius-common-xl) var(--border-radius-common-xl) 0 0; width: 100%; padding: 0px; position: relative; }
.content.svelte-13fay8c { background: var(--background-card); border-radius: 0 0 var(--border-radius-common-xl) var(--border-radius-common-xl); width: 100%; padding: var(--spacing-common-s); }
.search.svelte-i4ve66 { padding: var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-m-half); }
.selector.svelte-6z6ik2 { gap: var(--size-8); flex-wrap: wrap; display: flex; }
.button.svelte-6z6ik2 { border-radius: var(--size-8); min-height: var(--size-48); min-width: var(--size-48); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; transition: background 0.2s; display: flex; overflow: hidden; }
.selector--interactive.svelte-6z6ik2 .button:where(.svelte-6z6ik2) { cursor: pointer; border: 1px solid var(--divider-secondary); }
.selector--interactive.svelte-6z6ik2 .button--disabled:where(.svelte-6z6ik2) { background: var(--states-button-ghost-hover); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.selector--interactive.svelte-6z6ik2 .button:where(.svelte-6z6ik2):hover { background: var(--states-button-ghost-hover); }
.animoji.svelte-6z6ik2 { opacity: 1; transition: opacity 0.2s; }
.selector--interactive.svelte-6z6ik2 .button--disabled:where(.svelte-6z6ik2) .animoji:where(.svelte-6z6ik2) { opacity: 0.4; }
.selector--interactive.svelte-6z6ik2 .button:where(.svelte-6z6ik2):hover .animoji:where(.svelte-6z6ik2) { opacity: 1; }
.settings.svelte-1bzwaeu { gap: var(--size-24); flex-direction: column; width: 100%; display: flex; }
.changeBtn.svelte-1bzwaeu { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
.range.svelte-1bzwaeu { gap: var(--size-16); padding-bottom: var(--size-12); flex-direction: column; display: flex; }
.rangeHeader.svelte-1bzwaeu { justify-content: space-between; align-items: baseline; display: flex; }
.resetBtn.svelte-1bzwaeu { cursor: pointer; color: inherit; text-align: left; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; margin: 0px; padding: 0px; font-weight: 500; }
.buttons.svelte-1bzwaeu { gap: var(--size-16); width: 100%; padding: var(--size-12) var(--size-24); display: flex; }
.actions.svelte-1jqumeq { gap: var(--spacing-xl-half); flex-direction: column; max-width: 100%; display: flex; }
.group.svelte-1jqumeq { gap: var(--spacing-m); justify-content: center; width: 100%; display: flex; }
.spacer.svelte-1xdi9hn { padding: var(--spacing-xs) 0; }
.roleSeparator.svelte-1xdi9hn { content: "·"; margin: 0 var(--spacing-xs); color: var(--text-primary); font: 600 var(--font-body-size) / var(--font-body-line-height) var(--font); }
.container.svelte-1v1jrus { gap: var(--spacing-m); min-width: 100%; padding: var(--spacing-s-half) var(--spacing-s); margin: 0 calc(var(--spacing-s) * -1); border-radius: var(--border-radius-common-l); display: flex; position: relative; }
.container.svelte-1v1jrus:focus-within, .container.svelte-1v1jrus:hover { background: var(--states-button-ghost-hover); }
.container.svelte-1v1jrus:focus, .container.svelte-1v1jrus:active { opacity: 0.75; }
.button.svelte-1v1jrus { column-gap: var(--spacing-common-s); text-align: left; cursor: pointer; user-select: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; grid-template-columns: auto 1fr; grid-template-areas: "fileIcon title" "fileIcon info"; margin: 0px; padding: 0px; display: grid; }
.fileIcon.svelte-1v1jrus { height: var(--size-40); width: var(--size-40); grid-area: fileIcon; justify-content: center; align-self: center; align-items: center; display: flex; overflow: hidden; }
.preview.svelte-1v1jrus { background: var(--background-tertiary); border-radius: var(--border-radius-local-icon-item); font: 500 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); color: var(--icon-tertiary); }
.title.svelte-1v1jrus { width: 100%; font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap; padding-bottom: var(--spacing-common-2xs); grid-area: title; overflow: hidden; }
.info.svelte-1v1jrus { width: 100%; font: 400 var(--font-label-size) / var(--font-label-line-height) var(--font); letter-spacing: var(--font-label-letter-spacing); color: var(--text-tertiary); text-overflow: ellipsis; white-space: nowrap; grid-area: info; overflow: hidden; }
.actions.svelte-1v1jrus { right: var(--spacing-s); opacity: 0; position: absolute; top: 4px; }
.actions.svelte-1v1jrus:focus-within, .container.svelte-1v1jrus:hover .actions:where(.svelte-1v1jrus) { opacity: 1; }
.actionsButton.svelte-1v1jrus { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); cursor: pointer; background: var(--background-secondary); width: 24px; height: 24px; color: var(--icon-tertiary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.actionsButton.svelte-1v1jrus:hover { color: var(--icon-secondary); }
.container.svelte-1ns6dro { min-width: 100%; min-height: 48px; padding: var(--spacing-s); align-items: center; gap: var(--spacing-m); margin: 0 calc(var(--spacing-s) * -1); border-radius: var(--border-radius-common-l); align-self: stretch; display: flex; position: relative; }
.container.svelte-1ns6dro:focus-within, .container.svelte-1ns6dro:hover { background: var(--states-button-ghost-hover); }
.actions.svelte-1ns6dro { right: var(--spacing-s); opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.actions.svelte-1ns6dro:focus-within, .container.svelte-1ns6dro:hover .actions:where(.svelte-1ns6dro) { opacity: 1; }
.actionsButton.svelte-1ns6dro { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); cursor: pointer; background: var(--background-secondary); width: 24px; height: 24px; color: var(--icon-tertiary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.actionsButton.svelte-1ns6dro:hover { color: var(--icon-secondary); }
.button.svelte-1ns6dro { cursor: pointer; border-radius: var(--border-radius-local-button-large); background-color: var(--button-primary); width: 32px; height: 32px; color: var(--text-primary-inverse-static); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }
@media (hover: hover) {
  .button.svelte-1ns6dro:hover { background-color: var(--states-button-primary-hover); }
}
.button.svelte-1ns6dro:active { background-color: var(--states-button-primary-pressed); }
.cell.svelte-1kmttzg { row-gap: var(--spacing-2xs); column-gap: var(--spacing-m); padding: var(--spacing-common-s); color: var(--text-primary); flex: 1 1 auto; grid-template-columns: auto 1fr; grid-template-areas: "avatar title" "avatar text"; width: 100%; animation: 2s linear 0s infinite normal none running svelte-1kmttzg-blink; display: grid; }
.avatar.svelte-1kmttzg { grid-area: avatar; align-items: center; height: 100%; display: flex; }
.title.svelte-1kmttzg { grid-area: title; align-items: center; display: flex; }
.text.svelte-1kmttzg { grid-area: text; align-items: center; display: flex; }
.shimmer.svelte-1kmttzg { background-color: var(--background-tertiary); border-radius: var(--border-radius-common-s); display: block; }
.avatar.svelte-1kmttzg .shimmer:where(.svelte-1kmttzg) { width: 40px; height: 40px; }
.title.svelte-1kmttzg .shimmer:where(.svelte-1kmttzg) { width: 60%; height: 10px; }
.text.svelte-1kmttzg .shimmer:where(.svelte-1kmttzg) { width: 30%; height: 10px; }
@keyframes svelte-1kmttzg-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.square.svelte-47tsj6 { aspect-ratio: 1 / 1; width: 100%; display: flex; position: relative; }
.media.svelte-47tsj6 { cursor: pointer; margin: var(--spacing-zero); padding: var(--spacing-zero); background: 0px 0px; border: 0px; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0px; left: 0px; }
.actions.svelte-47tsj6 { z-index: 1; position: absolute; top: 10px; right: 10px; }
.more.svelte-47tsj6 { cursor: pointer; width: 32px; height: 32px; color: var(--text-primary-inverse-static); border-radius: var(--border-radius-common-s); padding: var(--spacing-2xs) var(--spacing-s-half); justify-content: center; align-items: center; gap: var(--spacing-xs); background: rgba(12, 13, 14, 0.25); border: 0px; display: flex; }
.more.compact.svelte-47tsj6 { width: 26px; height: 26px; }
.more.svelte-47tsj6:hover, .more.svelte-47tsj6:focus { opacity: 0.85; }
.more.svelte-47tsj6:active { opacity: 0.6; }
.square.svelte-jmt8wr { aspect-ratio: 1 / 1; background: 0px 0px; border: 0px; width: 100%; display: flex; position: relative; }
.shimmer.svelte-jmt8wr { background-color: var(--background-tertiary); border-radius: var(--border-radius-common-s); animation: 2s linear 0s infinite normal none running svelte-jmt8wr-blink; position: absolute; inset: 0px; }
@keyframes svelte-jmt8wr-blink { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}
.link.svelte-agt62 { gap: var(--size-12); flex: 1 1 0%; min-width: 0px; display: flex; }
.photo.svelte-agt62 { width: var(--size-48); height: var(--size-48); border-radius: var(--border-radius-local-icon-item); flex: 0 0 auto; justify-content: center; align-self: center; align-items: center; display: flex; overflow: hidden; }
.photo--icon.svelte-agt62 { background: var(--background-tertiary); color: var(--icon-themed); }
.content.svelte-agt62 { gap: var(--size-2); flex-direction: column; flex: 1 1 0%; display: flex; overflow: hidden; }
.container.svelte-7lesqd { gap: var(--spacing-m); min-width: 100%; padding: var(--spacing-s-half) var(--spacing-s); margin: 0 calc(var(--spacing-s) * -1); border-radius: var(--border-radius-common-l); display: flex; position: relative; }
.container.svelte-7lesqd:hover { background: var(--states-button-ghost-hover); }
.container.svelte-7lesqd:focus, .container.svelte-7lesqd:active { opacity: 0.75; }
.link.svelte-7lesqd { gap: var(--spacing-m); color: var(--text-primary); flex: 1 1 0%; min-width: 0px; display: flex; }
.photo.svelte-7lesqd { background: var(--background-tertiary); border-radius: var(--border-radius-local-icon-item); color: var(--bubbles-icon-icon-item); width: var(--size-48); height: var(--size-48); justify-content: center; align-self: center; align-items: center; display: flex; overflow: hidden; }
.content.svelte-7lesqd { gap: var(--spacing-2xs); flex-direction: column; flex: 1 1 0%; display: flex; overflow: hidden; }
.host.svelte-7lesqd { font: 500 var(--font-tag-size) / var(--font-tag-line-height) var(--font); letter-spacing: var(--font-tag-letter-spacing); color: var(--text-mute); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.title.svelte-7lesqd { font: 600 var(--font-detail-size) / var(--font-detail-line-height) var(--font); letter-spacing: var(--font-detail-letter-spacing); color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.description.svelte-7lesqd { font: 400 var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); color: var(--text-tertiary); overflow-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.url.svelte-7lesqd { font: 400 var(--font-description-size) / var(--font-description-line-height) var(--font); letter-spacing: var(--font-description-letter-spacing); color: var(--text-themed); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.actions.svelte-7lesqd { right: var(--spacing-s); top: calc(var(--spacing-s-half) + var(--spacing-2xs) + (var(--font-detail-line-height) / 2)); opacity: 0; height: var(--font-detail-line-height); align-items: center; display: flex; position: absolute; transform: translateY(-50%); }
.hasHost.svelte-7lesqd .actions:where(.svelte-7lesqd) { top: calc(var(--spacing-s-half) + var(--spacing-2xs) + var(--font-tag-line-height) + (var(--font-detail-line-height) / 2)); }
.container.svelte-7lesqd:hover .actions:where(.svelte-7lesqd) { opacity: 1; }
.actionsButton.svelte-7lesqd { outline-offset: calc(-1px - var(--outline-width)); border-radius: var(--border-radius-common-l); cursor: pointer; background: var(--background-secondary); width: 24px; height: 24px; color: var(--icon-tertiary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; padding: 0px; display: flex; }
.actionsButton.svelte-7lesqd:hover { color: var(--icon-secondary); }
.media.svelte-14nbl1c { gap: var(--spacing-xs); padding: var(--spacing-common-s); flex-wrap: wrap; display: flex; }
.media.wide.svelte-14nbl1c { gap: var(--spacing-s); }
.media.compact.svelte-14nbl1c { gap: var(--spacing-xs); }
.empty.svelte-14nbl1c { padding: var(--spacing-xl) 0; text-align: center; color: var(--text-mute); }
.month.svelte-14nbl1c { background: var(--background-card); color: var(--text-mute); font-weight: 600; font-size: var(--font-tag-size); line-height: var(--font-tag-line-height); letter-spacing: var(--font-tag-letter-spacing); text-transform: uppercase; padding: var(--spacing-m) var(--spacing-s) var(--spacing-s-half); top: calc(56px + var(--spacing-xl-half)); z-index: 2; min-width: 100%; margin: 0 calc(var(--spacing-s) * -1); flex: 1 1 0%; position: sticky; }
.wide.svelte-14nbl1c .item:where(.svelte-14nbl1c) { flex: 1 1 0%; min-width: 100%; }
.tile.svelte-14nbl1c .item:where(.svelte-14nbl1c) { max-width: calc(33.33% - var(--spacing-xs)); width: 100%; }
.tile.svelte-14nbl1c .item.empty:where(.svelte-14nbl1c) { max-width: none; }
.tabs.svelte-iorjlc { padding: var(--spacing-common-s) var(--spacing-common-l); }
.search.svelte-iorjlc { border-bottom: 1px solid var(--divider-secondary); padding: 0 var(--spacing-common-l) var(--spacing-common-s); }
.item.svelte-1cuikjh { border-radius: var(--border-radius-common-l); width: 100%; }
.item.svelte-1cuikjh:hover, .item.svelte-1cuikjh:focus { background: var(--states-button-ghost-hover); }
.item.svelte-1cuikjh:active { background: var(--states-button-ghost-pressed); }
.empty.svelte-1cuikjh { color: var(--text-tertiary); padding: var(--spacing-m); }
.tabs.svelte-1scac22 { border-bottom: 1px solid var(--divider-secondary); padding: var(--spacing-common-s) var(--spacing-common-l); }
.tabs.svelte-1gco242 { padding: var(--spacing-common-s) var(--spacing-common-l); }
.tabs.svelte-1mwpcb8 { border-bottom: 1px solid var(--divider-secondary); padding: var(--spacing-common-s) var(--spacing-common-l); }
.tabs.svelte-1axksk0 { padding: var(--spacing-common-s) var(--spacing-common-l); }
.description--wrapper.svelte-11074rd { position: relative; }
.description.svelte-11074rd { --lh: var(--font-body-line-height); font: 400 var(--font-body-size) / var(--lh) var(--font); letter-spacing: var(--font-detail-letter-spacing); white-space: pre-line; color: var(--text-primary); overflow: hidden; }
.description.clamped.svelte-11074rd { -webkit-line-clamp: 3; mask-image: linear-gradient(rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%), linear-gradient(270deg, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); mask-position: 100% 100%, 100% 100%; mask-size: 100% 100%, 50px var(--lh); mask-composite: xor; mask-repeat: no-repeat; -webkit-box-orient: vertical; display: -webkit-box; }
@media (max-width: 925.9px) {
  .description.clamped.svelte-11074rd { -webkit-line-clamp: 5; }
}
.more.svelte-11074rd { color: var(--text-themed); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; position: absolute; bottom: 0px; right: 0px; }
.wrapper.svelte-177pqrz { gap: var(--spacing-xl-half); flex-direction: column; flex: 1 1 0%; width: 100%; max-width: 640px; display: flex; }
.header.svelte-177pqrz { align-items: center; gap: var(--spacing-m); text-align: center; flex-direction: column; display: flex; }
.titleWrapper.svelte-177pqrz { max-width: 100%; overflow: hidden; }
.title.svelte-177pqrz { font: 500 var(--font-subheader-size) / var(--font-subheader-line-height) var(--font); letter-spacing: var(--font-subheader-letter-spacing); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--spacing-xs); }
.subtitle.svelte-177pqrz { font: 400 var(--font-description-size) / var(--font-description-line-height) var(--font); color: var(--text-tertiary); letter-spacing: var(--font-description-letter-spacing); }
.subtitle.bot.svelte-177pqrz { margin-bottom: var(--spacing-2xs); }
.botButton.svelte-177pqrz { cursor: pointer; color: var(--text-primary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; padding: 0px; transition: opacity 0.2s; }
.avatarButton.svelte-177pqrz { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
.descriptionLineClamp.svelte-177pqrz { overflow-wrap: break-word; white-space: pre-line; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.notice.svelte-177pqrz { align-items: center; gap: var(--size-20); display: flex; }
.warning-icon-container.svelte-177pqrz { align-items: center; line-height: 1; display: flex; }
.search.svelte-wnt5y7 { padding: var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-m-half); }
.actions.svelte-wnt5y7 { padding: 0 var(--spacing-common-s); }
.search.svelte-fbgkby { padding: var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-m-half); }
.permissions.svelte-xjf27z { width: 100%; padding: 0 var(--spacing-l); gap: var(--spacing-l); flex-direction: column; display: flex; }
.header.svelte-xjf27z { align-items: center; gap: var(--spacing-m); flex-direction: column; display: flex; }
.contactInfo.svelte-xjf27z { gap: var(--spacing-xs); margin-bottom: var(--spacing-xs); flex-direction: column; display: flex; }
.buttons.svelte-xjf27z { margin-top: var(--spacing-l); gap: var(--spacing-l); width: 100%; display: flex; }
.search.svelte-qop6q7 { padding: var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-m-half); }
.wrapper.svelte-1f6gw0j { gap: var(--spacing-l); flex-direction: column; width: 100%; display: flex; }
.emptyPlaceholderWrapper.svelte-6nigrh { margin: auto 0px; }
.search.svelte-6nigrh { padding: var(--spacing-common-l) var(--spacing-common-l) var(--spacing-common-s); border-bottom: 1px solid var(--divider-secondary); }
.actions.svelte-6nigrh { gap: var(--spacing-s); display: flex; }
.action.svelte-6nigrh { border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; }
.action--positive.svelte-6nigrh { color: var(--icon-positive); background: var(--button-positive-fade); }
.action--negative.svelte-6nigrh { color: var(--icon-negative); background: var(--button-negative-fade); }
.emptyPlaceholderWrapper.svelte-nac7es { margin: auto 0px; }
.search.svelte-nac7es { padding: var(--size-16) var(--size-16) var(--size-10); }
.spacer.svelte-nac7es { padding: var(--size-4) 0; }
.cellWrapper.svelte-nac7es .actions:where(.svelte-nac7es) { opacity: 0; transition: opacity 0.15s; }
.cellWrapper.svelte-nac7es:hover .actions:where(.svelte-nac7es) { opacity: 1; }
.header.svelte-pdjsyq { align-items: center; gap: var(--spacing-m); text-align: center; flex-direction: column; display: flex; }
.title.svelte-pdjsyq { font: 500 var(--font-subheader-size) / var(--font-subheader-line-height) var(--font); letter-spacing: var(--font-subheader-letter-spacing); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--spacing-xs); }
.wrapper.svelte-1b05lyo { padding: var(--size-12) var(--size-16); align-items: center; gap: var(--size-24); flex-direction: column; height: 100%; display: flex; overflow-y: auto; }
.titleSection.svelte-1b05lyo { align-items: center; gap: var(--size-12); flex-direction: column; display: flex; }
.avatarWrapper.svelte-1b05lyo { align-self: center; }
.form.svelte-1b05lyo { gap: var(--size-16); flex-direction: column; width: 100%; max-width: 480px; display: flex; }
.field.svelte-1b05lyo { flex-direction: column; width: 100%; display: flex; }
.buttons.svelte-1b05lyo { gap: var(--size-8); padding: var(--size-8) var(--size-20) var(--size-20); width: 100%; max-width: 640px; margin: 0px auto; display: flex; }
@media (max-width: 925.9px) {
  .buttons.svelte-1b05lyo { padding-bottom: max(var(--ui-safe-area-bottom), var(--size-20)); }
}
.wrapper.svelte-r3x4ck { gap: var(--spacing-xl); padding: var(--spacing-m) var(--spacing-l); flex-direction: column; width: 100%; max-width: 640px; margin: 0px auto; display: flex; }
.success.svelte-r3x4ck { text-align: center; align-items: center; gap: var(--spacing-s); flex-direction: column; display: flex; }
.animoji.svelte-r3x4ck { justify-content: center; align-items: center; display: flex; }
.successTitle.svelte-r3x4ck { font-size: var(--font-header-size); line-height: var(--font-header-line-height); font-weight: var(--font-header-weight); letter-spacing: var(--font-header-letter-spacing); margin: 0px; }
.successSubtitle.svelte-r3x4ck { color: var(--text-secondary); font-size: var(--font-body-size); line-height: var(--font-body-line-height); font-weight: var(--font-body-weight); letter-spacing: var(--font-body-letter-spacing); margin: var(--spacing-s) 0 0; }
.buttons.svelte-r3x4ck { gap: var(--spacing-s); padding: var(--spacing-s) var(--spacing-xl-half) var(--spacing-xl-half); width: 100%; max-width: 640px; margin: 0px auto; display: flex; }
.spinner.svelte-r3x4ck { justify-content: center; align-items: center; height: 100%; display: flex; }
.preview.svelte-gl41bh { width: 100%; padding: var(--size-12); user-select: none; flex-direction: column; display: flex; position: relative; }
.background.svelte-gl41bh { position: absolute; inset: 0px; }
.content.svelte-gl41bh { gap: var(--size-8); flex-direction: column; display: flex; }
.messageWrapper.svelte-gl41bh { --bubbles-background-reaction: var(--bubbles-background-reaction-outside-others); --bubbles-background-reaction-my: var(--bubbles-background-reaction-outside-my); --bubbles-text-reaction: var(--bubbles-text-reaction-outside-others); --bubbles-text-reaction-my: var(--bubbles-text-reaction-outside-my); width: 100%; display: flex; }
.messageWrapper--out.svelte-gl41bh { --bubbles-background-reaction: var(--bubbles-background-reaction-inside-others); --bubbles-background-reaction-my: var(--bubbles-background-reaction-inside-my); --bubbles-text-reaction: var(--bubbles-text-reaction-inside-others); --bubbles-text-reaction-my: var(--bubbles-text-reaction-inside-my); justify-content: flex-end; }
.message.svelte-gl41bh { width: 100%; min-width: 72px; max-width: 291px; padding: var(--size-8) var(--size-10); color: var(--bubbles-text-body); overflow-wrap: break-word; white-space: pre-line; word-break: break-word; font: 400 var(--font-markdown-message-base-size) / var(--font-markdown-message-base-line-height) var(--font); letter-spacing: var(--font-markdown-message-base-letter-spacing); background: linear-gradient(239deg, var(--bubbles-background-bubble-gradient-step-1) 0%, var(--bubbles-background-bubble-gradient-step-2) 50%, var(--bubbles-background-bubble-gradient-step-3) 100%); border-radius: var(--border-radius-local-bubble-regular); position: relative; }
.reactions.svelte-gl41bh { gap: var(--spacing-common-xs); padding-top: var(--size-8); display: flex; }
.reaction.svelte-gl41bh { justify-content: center; align-items: center; gap: var(--spacing-xs); cursor: pointer; border-radius: var(--border-radius-common-xl); padding: var(--spacing-xs) var(--spacing-common-m-half); background-color: var(--bubbles-background-reaction); font: 500 var(--font-action-xsmall-line-height) / var(--font-action-xsmall-size) var(--font); letter-spacing: var(--font-action-xsmall-letter-spacing); color: var(--bubbles-text-reaction); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; display: inline-flex; }
.meta.svelte-gl41bh { align-items: center; gap: var(--spacing-2xs); float: right; bottom: var(--size-4); right: var(--size-10); font: 400 var(--font-bubble-tag-size) / var(--font-bubble-tag-line-height) var(--font); letter-spacing: var(--font-bubble-tag-letter-spacing); color: var(--bubbles-text-time); display: flex; position: absolute; }
.indicators.svelte-gl41bh { justify-content: center; align-items: center; width: 14px; height: 14px; display: flex; }
.list.svelte-oisdhj { gap: var(--size-12); display: flex; }
.item.svelte-oisdhj { justify-content: flex-start; align-items: center; gap: var(--size-8); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; max-width: min-content; margin: 0px; padding: 0px; display: flex; position: relative; }
.card.svelte-oisdhj { --border-radius: var(--size-10); --border-active-gap: var(--size-4); width: 112px; height: 80px; position: relative; }
.background.svelte-oisdhj { border-radius: var(--border-radius); width: 100%; height: 100%; transition: 0.25s ease-in-out; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: translate(-50%, -50%); }
.item--selected.svelte-oisdhj .background:where(.svelte-oisdhj) { width: calc(100% - var(--border-active-gap) * 2); height: calc(100% - var(--border-active-gap) * 2); border-radius: calc(var(--border-radius) - var(--border-active-gap)); }
.card.svelte-oisdhj::after { content: ""; border: 1px solid var(--divider-primary); border-radius: var(--border-radius); width: 100%; height: 100%; transition: 0.25s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.item--selected.svelte-oisdhj .card:where(.svelte-oisdhj)::after { width: calc(100% + var(--border-active-gap)); height: calc(100% + var(--border-active-gap)); border: 2px solid var(--stroke-themed); border-radius: var(--border-radius); }
.bubble.svelte-oisdhj { border-radius: var(--size-10); background: linear-gradient(239deg, var(--bubbles-background-bubble-gradient-step-1) 0%, var(--bubbles-background-bubble-gradient-step-2) 50%, var(--bubbles-background-bubble-gradient-step-3) 100%); width: 72px; height: 24px; transition: 0.25s ease-in-out; position: absolute; }
.bubble--in.svelte-oisdhj { top: var(--size-14); left: var(--size-12); }
.bubble--out.svelte-oisdhj { bottom: var(--size-14); right: var(--size-12); }
.section.svelte-1xa7w22 { gap: var(--size-8); flex-direction: column; display: flex; position: relative; }
.panel.svelte-1xa7w22 { background: var(--background-card); border-radius: var(--size-16); overflow: hidden; }
.themePreview.svelte-1xa7w22 { position: relative; }
.themePreview.svelte-1xa7w22::after { content: ""; border-radius: var(--size-16) var(--size-16) 0 0; border: 1px solid var(--divider-secondary); position: absolute; inset: 0px; }
.themeSelector.svelte-1xa7w22 { padding: var(--size-24); overflow: auto; }
.fontScale.svelte-1xa7w22 { align-items: center; gap: var(--size-20); width: 100%; display: flex; }
.fontScaleSlider.svelte-1xa7w22 { flex: 1 1 0%; min-width: 0px; }
.fontScalePreview.svelte-1xa7w22 { line-height: 1; }
.changeBtn.svelte-1xa7w22 { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
.panel.svelte-tpvmeu { background: var(--background-card); border-radius: var(--border-radius-common-xl); justify-content: center; align-items: center; gap: var(--spacing-m); padding: 0 var(--size-48); flex-direction: column; display: flex; overflow: hidden; }
.wrapper.svelte-tpvmeu { width: 100%; max-width: 430px; padding: var(--size-60) 0; justify-content: center; align-items: center; gap: var(--spacing-xl); flex-direction: column; display: flex; }
.header.svelte-1ppzhqt { justify-content: center; gap: var(--spacing-m); flex-direction: column; display: flex; }
.desc.svelte-1ppzhqt { gap: var(--spacing-xl-half); flex-direction: column; display: flex; }
.placeholder.svelte-1ppzhqt { place-items: center; width: 300px; height: 240px; padding: 45px; display: grid; position: relative; }
.icon.svelte-1ppzhqt { z-index: 2; position: relative; }
.animation.svelte-1ppzhqt { --size: 120px; --min-scale: 1.9; --blur-factor: 6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.text.svelte-1ppzhqt { z-index: 2; text-align: center; gap: var(--spacing-m); flex-direction: column; display: flex; position: relative; }
.iconPlaceholder.svelte-1ppzhqt { width: 96px; height: 96px; color: var(--icon-mute); background: var(--background-tertiary); margin-bottom: var(--spacing-m); border-radius: 50%; justify-content: center; align-self: center; align-items: center; display: flex; }
.form.svelte-1ppzhqt { justify-content: center; gap: var(--size-44); flex-direction: column; width: 100%; display: flex; }
.title.svelte-1ppzhqt { justify-content: center; display: flex; }
.fields.svelte-1ppzhqt { gap: var(--spacing-s); flex-direction: column; display: flex; }
.footer.svelte-1ppzhqt { align-items: center; gap: var(--spacing-s-half); --button-ghost-text-color: var(--text-themed); flex-direction: column; display: flex; }
.button.svelte-1ppzhqt { margin-top: var(--size-32); }
.buttons.svelte-1ppzhqt { gap: var(--spacing-s); --button-ghost-text-color: var(--text-themed); flex-direction: column; display: flex; }
.placeholder.svelte-1cjyord { padding: 45px; display: flex; position: relative; }
.animation.svelte-1cjyord { --size: 120px; --min-scale: 1.9; --blur-factor: 6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.text.svelte-1cjyord { z-index: 2; text-align: center; gap: var(--spacing-m); flex-direction: column; display: flex; position: relative; }
.button.svelte-1cjyord { margin-top: var(--size-44); }
.icon.svelte-1cjyord { z-index: 2; position: relative; }
.section.svelte-1gs5umf { flex-direction: column; display: flex; }
.iconPrivacy.svelte-1gs5umf { color: var(--icon-tertiary); display: inline-flex; }
.emptyBlacklist.svelte-1gs5umf { padding: var(--size-80) 0; text-align: center; color: var(--text-tertiary); font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); }
.settingDescription.svelte-1gs5umf { padding: var(--spacing-common-s) var(--spacing-common-m); }
.safeMode.svelte-1gs5umf { padding: var(--spacing-m) 0; }
.text.svelte-1gs5umf { justify-content: center; display: flex; }
canvas.svelte-1fvmvnk { width: 100%; height: 64px; display: block; }
.collapsedCall.svelte-16mq0yu { cursor: pointer; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; }
.bg.svelte-16mq0yu { width: 100%; position: absolute; top: 0px; left: 0px; }
.content.svelte-16mq0yu { z-index: 1; color: var(--text-primary); gap: var(--size-8); opacity: 0; align-items: center; max-width: 100%; transition: opacity 0.15s; display: flex; position: absolute; }
.icon.svelte-16mq0yu { width: 16px; height: 16px; display: flex; }
.collapsed.svelte-16mq0yu .content:where(.svelte-16mq0yu) { opacity: 1; }
.startRestore.svelte-16mq0yu .content:where(.svelte-16mq0yu) { display: none; }
.rightButton.svelte-16mq0yu, .leftButton.svelte-16mq0yu { top: var(--size-12); z-index: 2; width: 40px; height: 40px; position: absolute; }
.leftButton.svelte-16mq0yu { left: var(--size-24); }
.rightButton.svelte-16mq0yu { right: var(--size-24); }
.restoreButton.svelte-16mq0yu { z-index: 2; opacity: 0; background-color: rgba(0, 0, 0, 0); border: 0px; padding: 0px; position: absolute; inset: 0px; }
.p2pHoldName.svelte-16mq0yu { display: inline; }
.p2pHoldStatus.svelte-16mq0yu { text-transform: lowercase; }
@media (max-width: 925.9px) {
  .p2pHoldName.svelte-16mq0yu { display: none; }
  .p2pHoldStatus.svelte-16mq0yu { text-transform: none; }
}
.screen.svelte-1jru3do { width: 100%; height: 100%; min-height: 0px; position: relative; }
.content.svelte-1jru3do { width: 100%; max-width: 740px; padding: var(--size-24) 0 var(--size-72); gap: var(--size-24); flex-direction: column; margin: 0px auto; display: flex; }
.state.svelte-1jru3do { justify-content: center; align-items: center; gap: var(--size-16); flex-direction: column; flex: 1 1 0%; width: 100%; min-height: 480px; display: flex; }
.errorState.svelte-1jru3do { align-items: stretch; }
.hero.svelte-1jru3do { align-items: center; gap: var(--size-8); flex-direction: column; display: flex; }
.linkCell.svelte-1jru3do, .callChat.svelte-1jru3do { border-radius: var(--border-radius-common-l); background: var(--background-primary); overflow: hidden; }
.chats.svelte-1jru3do { position: relative; }
.sectionTitle.svelte-1jru3do { padding: 0 var(--size-12) var(--size-8); }
.stickyHeader.svelte-1jru3do { top: var(--size-24); z-index: 2; background: var(--background-surface); position: sticky; }
.stickyHeader.svelte-1jru3do::before { content: ""; height: var(--size-24); background: var(--background-surface); position: absolute; bottom: 100%; left: 0px; right: 0px; }
.searchSurface.svelte-1jru3do { padding: var(--size-16) var(--size-24); gap: var(--size-12); border-radius: var(--border-radius-common-l) var(--border-radius-common-l) 0 0; background: var(--background-primary); flex-direction: column; display: flex; }
.chatList.svelte-1jru3do { min-height: 380px; padding: 0 var(--size-24) var(--size-16); border-radius: 0 0 var(--border-radius-common-l) var(--border-radius-common-l); background: var(--background-primary); }
.emptyList.svelte-1jru3do { display: grid; }
.searchLoading.svelte-1jru3do { place-items: center; display: grid; }
.chat.svelte-1jru3do { border-radius: var(--border-radius-common-l); }
.loader.svelte-1jru3do { place-items: center; min-height: 64px; display: grid; }
.footer.svelte-1jru3do { z-index: 3; width: 100%; max-width: 740px; margin: 0px auto; position: absolute; bottom: 0px; left: 0px; right: 0px; }
@media (max-width: 925.9px) {
  .content.svelte-1jru3do { padding-top: 0px; }
  .searchSurface.svelte-1jru3do, .chatList.svelte-1jru3do { padding-right: var(--size-12); padding-left: var(--size-12); }
}
@media (max-width: 925.9px) and (hover: none) {
  .chatList.svelte-1jru3do { padding-left: 0px; padding-right: 0px; }
}
.content.svelte-51j36w { gap: var(--spacing-l); flex-direction: column; width: 100%; max-width: 740px; display: flex; }
.hyphens.svelte-51j36w { word-break: break-word; overflow-wrap: anywhere; }
.placeholder.svelte-51j36w { padding: 0 var(--spacing-l) var(--size-4); align-items: center; gap: var(--spacing-s); flex-direction: column; display: flex; }
.loading-indicator.svelte-51j36w { justify-content: center; align-items: center; height: 16px; display: flex; }
.link.svelte-51j36w { width: 100%; display: grid; }
.content.svelte-1jznvdf { gap: var(--spacing-l); flex-direction: column; width: 100%; max-width: 740px; display: flex; }
.field.svelte-1jznvdf { gap: var(--size-4); flex-direction: column; display: flex; }
.error.svelte-1jznvdf { padding: 0 var(--size-12); display: flex; }
.buttons.svelte-1jznvdf { gap: var(--size-16); padding: var(--size-16); flex: 0 0 auto; width: 100%; max-width: 740px; display: flex; }
.settings-loading.svelte-1jznvdf { flex: 1 1 0%; justify-content: center; align-items: center; display: flex; }
.header.svelte-dyfrw6 { align-items: center; gap: var(--size-4); padding: var(--size-20); white-space: pre-line; flex-direction: column; display: flex; }
.folderIcon.svelte-dyfrw6 { margin-bottom: var(--size-8); }
.squircleInner.svelte-dyfrw6 { width: 72px; height: 72px; color: var(--icon-tertiary); background: var(--background-surface); justify-content: center; align-items: center; display: flex; }
.currentSession.svelte-dyfrw6 { font: 400 var(--font-detail-size) / var(--font-detail-line-height) var(--font); color: var(--text-positive); }
.currentSession.svelte-dyfrw6::before { content: ""; background: var(--button-positive); width: 6px; height: 6px; margin-right: var(--spacing-xs); margin-bottom: var(--spacing-2xs-half); border-radius: 50%; display: inline-block; }
.section.svelte-1r5x83z { gap: var(--size-8); flex-direction: column; display: flex; position: relative; }
.banner.svelte-u7qjck { background: linear-gradient(254deg, var(--capsule-gradient-primary-step-1) 0%, var(--capsule-gradient-primary-step-2) 100%); border-radius: var(--size-24); width: 100%; max-width: 360px; padding: var(--size-24) var(--size-16); flex-direction: column; align-items: center; transition: opacity 0.3s; display: flex; position: relative; }
.close.svelte-u7qjck { z-index: 1; justify-content: center; align-items: center; display: flex; }
.header.svelte-u7qjck { width: 100%; padding: 0 var(--size-8); justify-content: space-between; align-items: flex-start; display: flex; position: absolute; top: 8px; }
.ad.svelte-u7qjck { padding: var(--size-8); justify-content: center; align-items: center; gap: var(--size-2); cursor: default; color: var(--text-secondary-inverse-static); display: flex; }
.content.svelte-u7qjck { align-items: center; gap: var(--size-16); color: var(--text-primary-inverse-static); flex-direction: column; display: flex; }
.banner.svelte-u7qjck:focus-within, .banner.svelte-u7qjck:hover { opacity: 0.9; }
.text.svelte-u7qjck { text-align: center; position: relative; }
.title.svelte-u7qjck { white-space: pre-line; }
.icon.svelte-u7qjck { height: 48px; display: none; }
[data-color-scheme="light"] .icon--light.svelte-u7qjck, [data-color-scheme="dark"] .icon--dark.svelte-u7qjck { display: flex; }
.arrow.svelte-u7qjck { vertical-align: middle; bottom: 3px; right: calc(-1 * var(--size-16)); width: var(--size-16); height: var(--size-16); transition: transform 0.3s; display: inline-flex; position: absolute; }
.content.svelte-u7qjck:hover .arrow:where(.svelte-u7qjck) { transform: translateX(var(--size-4)); }
.infobar.svelte-nie0z1 { background-color: var(--background-primary); border-bottom: 1px solid var(--divider-secondary); width: 100%; padding: 0 var(--size-16); align-items: center; display: flex; }
.title.svelte-nie0z1 { align-items: center; gap: var(--size-8); flex: 1 1 0%; height: 38px; display: flex; overflow: hidden; }
.titleArrow.svelte-nie0z1 { margin-left: -6px; transition: transform 0.3s; display: inline-flex; position: relative; top: 1px; }
.titleIcon.svelte-nie0z1 { justify-content: center; align-items: center; width: 40px; height: 30px; display: none; }
[data-color-scheme="light"] .titleIcon--light.svelte-nie0z1, [data-color-scheme="dark"] .titleIcon--dark.svelte-nie0z1 { display: inline-flex; }
.titleContent.svelte-nie0z1 { transition: color 0.3s; }
.title.svelte-nie0z1:hover .titleContent:where(.svelte-nie0z1) { color: var(--text-secondary); }
.title.svelte-nie0z1:hover .titleArrow:where(.svelte-nie0z1) { transform: translate(5px); }
.footer.svelte-nie0z1 { align-items: center; gap: var(--spacing-common-2xs); color: var(--text-mute); margin-left: auto; display: flex; }
.close.svelte-nie0z1 { appearance: none; cursor: pointer; width: 26px; height: 26px; color: var(--icon-tertiary); margin-left: var(--size-6); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; transition: background-color 0.3s, color 0.3s; display: flex; }
.close.svelte-nie0z1:hover, .close.svelte-nie0z1:focus { background-color: var(--background-surface); }
.close.svelte-nie0z1:active { background-color: var(--background-surface); color: var(--states-icon-tertiary-pressed); }
.container.svelte-19p5yeo { display: flex; }
.right.svelte-19p5yeo { flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex; }
.emojiButton.svelte-19p5yeo { margin-bottom: auto; }
.emojisMenu.svelte-19p5yeo { background-color: var(--background-primary); border-radius: var(--border-radius-common-l); width: 380px; height: 484px; box-shadow: 0px 4px 16px 0px var(--shadow-elevation-3-primary), 0px 0px 2px 0px var(--shadow-elevation-3-secondary); display: flex; position: relative; overflow: hidden; }
.container.svelte-1jn8z7x { isolation: isolate; background: 0px 0px; border: 0px; outline: none; width: 100%; max-width: 100%; height: 100%; max-height: 100%; display: none; }
.container[open].svelte-1jn8z7x { flex-direction: column; justify-content: center; align-items: center; display: flex; }
.container.svelte-1jn8z7x::backdrop { cursor: pointer; background: rgba(0, 0, 0, 0.5); }
.container.svelte-1jn8z7x { animation: 0.2s ease-out 0s 1 normal none running fade-out; }
.container.svelte-1jn8z7x::backdrop { animation: 0.2s ease-out 0s 1 normal none running fade-out; }
.container[open].svelte-1jn8z7x { animation: 0.2s ease-out 0s 1 normal none running fade-in; }
.container[open].svelte-1jn8z7x::backdrop { animation: 0.2s ease-out 0s 1 normal none running fade-in; }
.content.svelte-1jn8z7x { z-index: 1; border-radius: var(--border-radius-common-l); max-width: 80%; max-height: 80%; display: flex; }
.coverPreview.svelte-5s4bsj { border-radius: 4px; width: 40px; height: 40px; position: relative; overflow: hidden; }
.coverProgress.svelte-5s4bsj { place-items: center; display: grid; position: absolute; inset: 0px; }
.wrapper.svelte-1mdn29o { gap: var(--spacing-xl-half); flex-direction: column; width: 100%; max-width: 640px; display: flex; }
.label.svelte-1mdn29o { padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m); flex: 1 0 0px; min-height: 24px; }
.footnote.svelte-1mdn29o { padding: var(--spacing-s) var(--spacing-m); }
.buttons.svelte-1mdn29o { width: 100%; max-width: calc(640px + (var(--spacing-xl) * 2)); padding: 0 var(--spacing-xl) var(--spacing-xl-half); }
.answerList.svelte-1mdn29o { background: var(--background-card); border-radius: var(--border-radius-common-l); }
.answersDndZone.svelte-1mdn29o, .answerItem.svelte-1mdn29o { flex-direction: column; display: flex; }
.divider.svelte-1mdn29o { margin-left: var(--spacing-m); background: var(--divider-secondary); border: 0px; height: 1px; }
.buttonWrapper.svelte-1mdn29o { padding: var(--spacing-xs); }
.wrapper.svelte-wujwz6 { gap: var(--spacing-2xl); flex-direction: column; width: 100%; max-width: 640px; display: flex; }
.winnerAnswer.svelte-wujwz6 { justify-content: center; align-items: center; gap: var(--spacing-xs); background: var(--icon-themed); padding: var(--spacing-2xs) var(--spacing-s-half); border-radius: var(--border-radius-common-s-half); display: inline-flex; }
.buttons.svelte-wujwz6 { gap: var(--spacing-s); width: 100%; max-width: calc(640px + (var(--spacing-xl) * 2)); padding: 0 var(--spacing-xl) var(--spacing-xl-half); margin: 0px auto; display: flex; }
.answer-title.svelte-wujwz6 { -webkit-line-clamp: 1; text-overflow: ellipsis; word-break: break-word; font-size: var(--font-label-size); line-height: var(--font-label-line-height); letter-spacing: var(--font-label-letter-spacing); color: var(--text-tertiary); text-transform: uppercase; font-weight: var(--font-weight-semibold); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.tabbar.svelte-1wa3uxr { box-sizing: content-box; height: 56px; padding: var(--size-10) var(--size-12) var(--ui-safe-area-bottom); gap: var(--size-8); background: var(--float-primary-flat); box-shadow: var(--shadow-tabbar-offset-x) var(--shadow-tabbar-offset-y) var(--shadow-tabbar-blur) var(--shadow-tabbar-color); user-select: none; touch-action: none; display: flex; }
.item.svelte-1wa3uxr { flex: 1 1 0%; position: relative; }
.counter.svelte-1wa3uxr { right: calc(-1 * var(--size-12)); top: calc(-1 * var(--size-6)); border-radius: var(--border-radius-common-m-half); border: 2px solid var(--float-primary-flat); pointer-events: none; position: absolute; }
.dot.svelte-1wa3uxr { right: 0px; top: calc(-1 * var(--size-6)); pointer-events: none; position: absolute; }
.history.svelte-1bklwv1 { flex-direction: column; justify-content: flex-end; height: 100%; display: flex; position: relative; overflow: hidden; }
.loader.svelte-1bklwv1 { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.spacer.svelte-1bklwv1 { width: 100%; padding: var(--spacing-s) 0; }
.history--withBottomMargin.svelte-1bklwv1 .spacer--bottom:where(.svelte-1bklwv1) { margin-bottom: var(--history-bottom-inset,0); }
.dateSeparator.svelte-1bklwv1 { text-align: center; margin: var(--spacing-common-xs) 0; justify-content: center; align-items: center; display: flex; }
.dateSeparator--first.svelte-1bklwv1 { margin-top: var(--spacing-common-s); }
.date.svelte-1bklwv1 { background: var(--capsule-outside); border-radius: var(--border-radius-common-m-half); padding: var(--size-1) var(--size-6); font: 400 var(--font-bubble-description-size) / var(--font-bubble-description-line-height) var(--font); letter-spacing: var(--font-bubble-description-letter-spacing); color: var(--text-primary-inverse-static); backdrop-filter: blur(25px); }
.scrollButtonContainer.svelte-1bklwv1 { bottom: calc(var(--history-bottom-inset,0) + 15px); flex-direction: column; gap: 10px; display: flex; position: absolute; right: 15px; }
.scrollButton.svelte-1bklwv1 { cursor: pointer; background: var(--float-primary-flat); border: 1px solid var(--divider-secondary); width: 40px; height: 40px; color: var(--icon-tertiary); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: relative; }
.emptyHistory.svelte-1bklwv1 { flex: 1 1 0%; justify-content: center; align-items: center; display: flex; }
.composerBarContainer.svelte-1bklwv1 { z-index: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.composerBarContainer.svelte-1bklwv1::before { content: ""; background: linear-gradient(53deg, var(--float-scroll-edge-bottom-step-1) 21.29%, var(--float-scroll-edge-bottom-step-2) 78.31%); width: 100%; height: 56px; position: absolute; bottom: 0px; left: 0px; mask-image: linear-gradient(rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.78) 77.57%, rgba(255, 0, 0, 0.96) 100%); }
.composer.svelte-1bklwv1 { width: 100%; max-width: 740px; padding: 0 var(--size-16) var(--size-16) var(--size-16); margin: 0px auto; position: relative; }
.actions.svelte-1bklwv1 { width: 100%; max-width: 740px; padding: 0 var(--size-16) var(--size-16) var(--size-16); margin: 0px auto; }
@media (max-width: 925.9px) {
  .composer.svelte-1bklwv1, .actions.svelte-1bklwv1 { padding-bottom: max(var(--ui-safe-area-bottom), var(--size-16)); }
}
.delayedChat.svelte-1vkqco6 { grid-auto-rows: auto 1fr; width: 100%; display: grid; }
.placeholder.svelte-1vkqco6 { place-items: center; width: 100%; height: 100%; display: grid; }
.history.svelte-1vkqco6 { flex-direction: column; display: flex; position: relative; overflow: hidden; }
.header.svelte-1vkqco6 { background: var(--background-primary); padding: var(--spacing-m) var(--spacing-l); border-bottom: 1px solid var(--stroke-separator-secondary); grid-template-columns: max-content 1fr; align-items: center; display: grid; }
.headerTitle.svelte-1vkqco6 { margin-left: -40px; }
.app.svelte-fqw3x2 { --collapsedCallHeight: 64px; grid-template: "infobar infobar infobar" "navigation aside collapsedCall" minmax(min-content, auto) "navigation aside player" minmax(min-content, auto) "navigation aside main" minmax(0px, 1fr) / 77px min-content 1fr; width: 100%; height: 100%; display: grid; position: relative; }
.collapsedCall.svelte-fqw3x2 { height: var(--collapsedCallHeight); z-index: 2; background-color: var(--background-primary); grid-area: collapsedCall; }
.collapsedCall--withoutBackground.svelte-fqw3x2 { background: 0px 0px; }
.emptyState.svelte-fqw3x2 { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.infobar.svelte-fqw3x2 { z-index: 1; grid-area: infobar; width: 100%; }
.infobar.svelte-fqw3x2:empty { display: none; }
.navigation.svelte-fqw3x2 { background: var(--background-primary); z-index: 1; border-right: 1px solid var(--divider-secondary); grid-area: navigation; width: 77px; min-width: 77px; }
.aside.svelte-fqw3x2 { background: var(--background-primary); z-index: 1; border-right: 1px solid var(--divider-secondary); grid-area: aside; position: relative; }
.player.svelte-fqw3x2 { background: var(--background-primary); grid-area: player; position: relative; }
.main.svelte-fqw3x2 { flex: 1 1 0%; grid-area: main; position: relative; }
.content.svelte-fqw3x2 { width: 100%; height: 100%; display: flex; position: relative; }
.background.svelte-fqw3x2 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.settings.svelte-fqw3x2 { background: var(--background-surface); z-index: 1; grid-auto-rows: auto 1fr; width: 100%; display: grid; }
.tabbar.svelte-fqw3x2 { background: var(--background-primary); z-index: 1; grid-area: tabbar; }
@media (max-width: 925.9px) {
  .aside.svelte-fqw3x2 { max-width: 100%; overflow: hidden; }
  .main.svelte-fqw3x2 { display: none; }
  .main--active.svelte-fqw3x2 { display: block; }
  .navigation.svelte-fqw3x2 { display: none; }
  .app.svelte-fqw3x2 { grid-template: "infobar infobar" "collapsedCall collapsedCall" minmax(min-content, auto) "player player" minmax(min-content, auto) "aside aside" minmax(0px, 1fr) "tabbar tabbar" / 1fr 0px; }
  .app--mainActive.svelte-fqw3x2 { grid-template-areas: "infobar infobar" "collapsedCall collapsedCall" "player player" "main main" "tabbar tabbar"; }
  .app--mainActive.svelte-fqw3x2 .aside:where(.svelte-fqw3x2) { display: none; }
  .collapsedCall.svelte-fqw3x2 { background-color: var(--background-primary); }
}
#boot-loader { position: fixed; inset: 0px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); }
@media (prefers-color-scheme: dark) {
  #boot-loader { background: rgb(23, 24, 28); }
}