/* WA Creator Statuses — segmented rings, cards, story viewer */
body.wa-modal-open { overflow: hidden; }
/* .status-area-wrapper { padding: 0px 16px; } */
/* .status-baar-area { position: relative; background: var(--linear-bg-color); padding: 20px 0px; border-radius: 4px; } */
/* .status-baar-area .news-top-head.bottom-area { display: none; } */
.status-area-wrapper .channel-card {
    display: block;
}
.status-area-wrapper .slider-wrapper .owl-nav button i , .status-area-wrapper .slider-wrapper .owl-nav button i {
    visibility: hidden;
    opacity: 0;
}
.status-area-wrapper .slider-wrapper .owl-nav button:hover i , .status-area-wrapper .slider-wrapper .owl-nav button:hover i {
    visibility: visible;
    opacity: 1;
}

.status-area-wrapper .slider-wrapper .owl-next:after, .status-area-wrapper .slider-wrapper .owl-prev:after {
    height: calc(100% + 20px);
}
.status-area-wrapper .slider-wrapper .owl-next:after { background: linear-gradient(90deg, var(--linear-carousel-start) 15%, var(--linear-carousel-end) 100%); }
.status-area-wrapper .slider-wrapper .owl-prev:after { background: linear-gradient(-90deg, var(--linear-carousel-start) 15%, var(--linear-carousel-end) 100%); }

/* Creator statuses strip — home is Owl slider; grid only on /creators */
.wa-creator-statuses { /* margin-bottom: 28px; padding-bottom: 8px; */ }
.wa-creators-circles { /* margin-bottom: 20px; overflow-x: hidden;*/  }
/* Home strip: block layout so Owl can take over (do not use grid here). */
.status-baar-area:not(.creators-page) .wa-creators-slider {
    display: block;
    padding: 0 20px;
    width: 100%;
    overflow: hidden;
}
.status-baar-area:not(.creators-page) .wa-creators-slider.owl-carousel {
    display: block;
}
.status-baar-area:not(.creators-page) .wa-creators-slider .wa-creator-circle {
    width: 100%;
    min-width: 0;
    max-width: none;
}
.has-overflow .wa-creator-circle { max-width: 103px; }
.wa-creator-circle { min-width: 92px; max-width: 103px; cursor: pointer; width: 100%; }
.wa-creator-circle .channel-card-details { padding: 0px 10px; }

/* .status-baar-area .news-top-head .default-btn { background: #E4FBF8; color: #0B463E; } */
.wa-creator-circle .avatar-img.wa-status-ring { position: relative; width: 100%; height: 100%; aspect-ratio: 1/1; margin: 0 auto; padding: 0; padding-top: 0; border-radius: 50%; background: none; overflow: visible; }
.wa-status-ring-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; aspect-ratio: 1/1; pointer-events: none; z-index: 1; overflow: visible; }
.wa-creator-circle .wa-status-ring > img { position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; outline: 2px solid var(--white); outline-offset: -2px; z-index: 0; }
.wa-status-ring-svg .wa-ring-seg { fill: none; stroke-width: 3; stroke-linecap: round; }
.wa-creator-circle.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-unviewed { stroke: #097E89; }
.wa-creator-circle.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-seen, .wa-creator-circle.is-viewed .wa-status-ring-svg .wa-ring-seg { stroke: #AEAEAE; }
.wa-creator-circle .headline-desc { font-size: 14px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; color: #00484E; text-align: center; }

/* Status cards carousel */
.wa-status-cards-block .news-top-head { margin-bottom: 12px; }
.wa-status-cards-block .head-title { display: flex; align-items: center; gap: 8px; color: #C01048; }
.wa-status-cards-block .head-title h2 { margin: 0; font-family: var(--primary-family); font-weight: 500; font-size: 20px; color: #C01048; }
.wa-status-card { cursor: pointer; }
.wa-status-card-inner { background: #FFF5F6; border-radius: 8px; overflow: hidden; margin: 0 8px; transition: transform 0.2s ease; }
.wa-status-card:hover .wa-status-card-inner { transform: translateY(-2px); }
.wa-status-card-media { position: relative; aspect-ratio: 1 / 1; background: #F2F4F7; }
.wa-status-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wa-status-card-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--white); background: rgba(0, 0, 0, 0.25); font-size: 22px; }
.wa-status-card-meta { padding: 10px 12px 14px; text-align: center; }
.wa-status-card-title { font-family: var(--secondary-family); font-weight: 600; font-size: 14px; line-height: 120%; color: var(--primary-dark); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
.wa-status-card-creator { margin-top: 4px; font-size: 12px; color: var(--primary-gray); }

/* Status story viewer */
.wa-status-viewer[hidden] { display: none !important; }
.wa-status-viewer { position: fixed; inset: 0; z-index: 10060; display: flex; align-items: center; justify-content: center; flex-direction: column; direction: ltr; --wa-creator-slide-ms: 360ms; --wa-status-slide-ms: 280ms; --wa-open-ms: 200ms; --wa-slide-ease: cubic-bezier(0.22, 1, 0.36, 1); }
.wa-status-viewer-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.85); opacity: 0; transition: opacity var(--wa-open-ms) ease; }
.wa-status-viewer.is-open .wa-status-viewer-backdrop { opacity: 1; }
.wa-status-viewer-inner { display: flex; flex-direction: column; flex: 1; width: 100%; position: relative; opacity: 0; transform: scale(0.96); transition: opacity var(--wa-open-ms) ease, transform var(--wa-open-ms) var(--wa-slide-ease); }
.wa-status-viewer.is-open .wa-status-viewer-inner { opacity: 1; transform: scale(1); }
.status-viewer-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 6px; direction: ltr; }
.status-title { display: flex; align-items: center; gap: 3px; font-family: 'Google Sans'; font-weight: 500; font-size: 14px; line-height: 92%; letter-spacing: -3%; vertical-align: middle; color: var(--white); direction: rtl; }
.status-title i { font-size: 18px; color: var(--aquagreen); }
.wa-status-viewer-close { position: relative; z-index: 5; width: 24px; height: 24px; border: initial; background: initial; color: var(--white); font-size: 24px; line-height: 32px; text-align: center; cursor: pointer; }
.wa-status-viewer-nav { position: relative; z-index: 3; width: 40px; height: 40px; border-radius: 50%; background: initial; color: var(--white); outline: initial; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 2px solid var(--white); flex-shrink: 0; }
.wa-status-viewer-nav.is-disabled,
.wa-status-viewer-nav:disabled { opacity: 0.35; cursor: default; pointer-events: none; }
.wa-status-tap.is-disabled,
.wa-status-tap:disabled { pointer-events: none; cursor: default; }
.wa-status-viewer-stage { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 24px; flex: 1; direction: ltr; overflow: visible; }
.wa-status-viewer-track { display: flex; align-items: center; justify-content: center; gap: 24px; direction: ltr !important; flex-direction: row !important; unicode-bidi: isolate; overflow: visible; }
.wa-status-viewer-outer { display: flex; align-items: center; gap: 30px; flex-shrink: 0; direction: ltr !important; flex-direction: row !important; position: relative; overflow: visible; }
.wa-status-viewer-outer:has(.wa-tag-editor-note) {
    margin-bottom: 70px;
}
.wa-status-viewer-sides { display: flex; align-items: center; gap: 30px; flex-shrink: 0; direction: ltr !important; flex-direction: row !important; position: absolute; top: 50%; z-index: 1; }
.wa-status-viewer-sides-prev { left: 0; right: auto; transform: translate(calc(-100% - 24px), -50%); justify-content: flex-end; }
.wa-status-viewer-sides-next { right: 0; left: auto; transform: translate(calc(100% + 24px), -50%); justify-content: flex-start; }
.wa-status-viewer-card { position: relative; width: min(500px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); height: auto; aspect-ratio: 9 / 16; max-height: calc(100dvh - 48px); border-radius: 14px; overflow: hidden; background: #111; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35); flex-shrink: 0; will-change: transform; touch-action: pan-y; }
.wa-status-viewer-card img { -webkit-user-drag: none; user-select: none; }
.wa-status-viewer-side { width: 156px; max-width: 156px; aspect-ratio: 9 / 16; max-height: calc(100dvh - 180px); border-radius: 10px; overflow: hidden; cursor: pointer; flex-shrink: 0; background: rgba(0, 0, 0, 0.5); }
.wa-status-viewer-side.is-empty { visibility: hidden; pointer-events: none; }
.wa-status-side-inner { width: 100%; height: 100%; position: relative; }
.wa-status-side-bg { width: 100%; height: 100%; object-fit: contain; display: block; background: var(--black); filter: blur(1px) brightness(0.9); -webkit-user-drag: none; user-select: none; }
.wa-status-side-meta { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 12px 10px; background: rgba(0, 0, 0, 0.50); }
.wa-status-side-ring {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
    background: none;
    overflow: visible;
}
.wa-status-side-ring .wa-status-ring-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    z-index: 1;
    overflow: visible;
}
.wa-status-side-ring .wa-status-ring-svg .wa-ring-seg {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
}
.wa-status-side-ring.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-unviewed {
    stroke: #fff;
}
.wa-status-side-ring.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-seen,
.wa-status-side-ring.is-viewed .wa-status-ring-svg .wa-ring-seg {
    stroke: #AEAEAE;
}
.wa-status-side-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 6px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
    border: none;
    z-index: 0;
    -webkit-user-drag: none;
    user-select: none;
}
.wa-status-side-name { color: var(--white); font-family: var(--primary-family); font-weight: 500; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%; font-size: 14px; line-height: 92%; letter-spacing: -3%; }
.wa-status-side-text { display: flex; flex-direction: column; align-items: center; gap: 4px; max-width: 100%; }
.wa-status-side-time { color: var(--white); font-family: var(--primary-family); font-weight: 500; text-align: center; font-size: 12px; line-height: 1; max-width: 100%; }
.wa-status-progress { position: absolute; top: 25px; left: 25px; right: 25px; z-index: 4; display: flex; gap: 4px; direction: ltr; }
.wa-status-progress-seg { flex: 1; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.35); overflow: hidden; }
.wa-status-progress-fill { height: 100%; width: 100%; background: var(--white); transform: scaleX(0); transform-origin: left center; }
.wa-status-progress-seg.is-done .wa-status-progress-fill { transform: scaleX(1); }
.wa-status-viewer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}
.wa-tag-status-viewer .wa-status-viewer-header {
    flex-direction: column;
    justify-content: center;
    gap: initial;
}
.wa-status-viewer-header { position: absolute; top: 36px; left: 25px; right: 25px; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; direction: ltr; }
.wa-status-viewer-header .wa-status-viewer-user,
.wa-status-viewer-header .wa-status-viewer-close,
.wa-status-viewer-header .wa-status-viewer-actions { pointer-events: auto; }
.wa-status-viewer-user { display: flex; align-items: center; gap: 6px; color: var(--white); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); }
.wa-status-viewer-avatar { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.5); }
.wa-status-viewer-user-meta { display: flex; flex-direction: column; }
.wa-status-viewer-time { font-family: var(--primary-family); font-weight: 500; font-size: 12px; color: var(--primary-lightgray); line-height: 1; }
.wa-status-viewer-name { font-family: var(--primary-family); font-weight: 500; font-size: 12px; }
.wa-status-viewer-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.wa-status-viewer-volume-wrap {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    align-items: flex-end;
}

.wa-status-viewer-volume {
    position: relative;
    width: 70px;
    z-index: 20;
    opacity: 0;
    transform: translateX(-6px);
    pointer-events: none;
    height: 28px;
    overflow: visible;
    transition: opacity 0.18s ease, transform 0.18s ease, height 0.18s ease;
    display: flex;
    align-items: center;
    direction: ltr;
}

.wa-status-viewer-volume-wrap:hover .wa-status-viewer-volume,
.wa-status-viewer-volume-wrap:focus-within .wa-status-viewer-volume {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.wa-status-viewer-btn {
    position: absolute;
    height: 5px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 5px;
    background: rgba(217, 217, 217, 0.50);
}
.wa-status-viewer-btn::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--value);
    background: #D9D9D9;
    border-radius: 5px;
    pointer-events: none;
}
.wa-status-viewer-btn::before {
    content: '';
    position: absolute;
    left: var(--value);
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    width: 13px;
    aspect-ratio: 1/1;
    pointer-events: none;
}
.wa-status-viewer-volume .custom-range {
    direction: ltr;
    position: absolute;
    left: 0;
    top: -11.5px;
    z-index: 2;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
}
.wa-status-viewer-volume .custom-range::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    height: 0;
}
.wa-status-viewer-volume .custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.wa-status-viewer-volume .custom-range::-moz-range-thumb {
    width: 0;
    height: 0;
    background: transparent;
    border: 0;
}
.wa-status-viewer-volume .custom-range::-moz-range-track {
    background: transparent;
    border: 0;
    height: 0;
}
/* .wa-status-viewer-volume input[type="range"] {
    width: 100%;
    accent-color: var(--white);
    cursor: pointer;
    direction: ltr;
}

.wa-status-viewer-volume input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
}

.wa-status-viewer-volume input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: var(--white);
    border-radius: 50%;
    margin-top: -4px;
} */

.wa-status-viewer-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--white);
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.wa-status-viewer-action i { font-size: 24px; line-height: 1; }

.wa-status-viewer-menu-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.wa-status-viewer-menu-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 30;
    min-width: 102px;
    border-radius: 7px;
    background: var(--white);
    direction: ltr;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.wa-status-viewer-menu-panel[hidden] { display: none !important; }
.wa-status-viewer-menu-panel::before {
    content: '';
    position: absolute;
    top: -5px;
    right: 9px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    transform: rotate(45deg);
}
.wa-status-viewer-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    color: #1a1a1a;
    font-family: var(--number-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
    cursor: pointer;
    position: relative;
}
.wa-status-viewer-menu-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    height: 1px;
    background: #D9D9D9;
    z-index: -1;
}
.wa-status-viewer-menu-item:last-child { border-bottom: 0; }
.wa-status-viewer-menu-item:hover { background: rgba(0, 0, 0, 0.04); }
.wa-status-viewer-menu-item.is-report,
.wa-status-viewer-menu-item.is-report .wa-status-viewer-menu-ico {
    color: #F93446;
}
.wa-status-viewer-menu-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #1a1a1a;
}
.wa-status-viewer-menu-ico i {
    font-size: 18px;
    font-weight: 700;
}
.wa-status-viewer-menu-ico svg { display: block; }

.wa-status-report {
    position: absolute;
    inset: 0;
    z-index: 10080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.wa-status-report[hidden] { display: none !important; }
.wa-status-report-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}
.wa-status-report-dialog {
    position: relative;
    z-index: 1;
    width: min(575px, calc(100vw - 48px));
}
.wa-status-report-close {
    position: absolute;
    top: -36px;
    right: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--white);
    font-size: 22px;
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.wa-status-report-panel {
    padding: 25px;
    /* direction: ltr; */
    border-radius: 25px;
    border: 2px solid #1570EF;
    background: var(--white);
}
.wa-status-report-title {
    margin: 0 0 48px;
    color: #0E121B;
    font-family: var(--primary-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    text-align: right;
}
.wa-status-report-reasons {
    position: relative;
    display: flex;
    gap: 4px;
    margin-bottom: 48px;
    border-radius: 10px;
    background: #F7F7F7;
    padding: 4px;
}
.wa-status-report-reason {
    flex: 1;
    min-width: 0;
    padding: 4px;
    border: 1px solid transparent;
    /* border-radius: 6px; */
    color: #A3A3A3;
    font-family: var(--primary-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    direction: rtl;
    transition: box-shadow 0.15s ease;
    white-space: nowrap;
    background: initial;
    z-index: 2;
}
.wa-status-report-reason.is-selected {
    /* background: var(--white); */
    color: #171717;
    /* box-shadow: 0 6px 10px 0 rgba(14, 18, 27, 0.06), 0 2px 4px 0 rgba(14, 18, 27, 0.03); */
}
.tabs-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(33.33% - 4px);
    height: calc(100% - 8px);
    background: var(--white);
    color: #171717;
    box-shadow: 0 6px 10px 0 rgba(14, 18, 27, 0.06), 0 2px 4px 0 rgba(14, 18, 27, 0.03);
    z-index: 1;
    border-radius: 6px;
    transition: all .3s ease;
}
.step-1.is-selected ~ .tabs-slider {
    transform: translateX(calc(0%));
}
.step-2.is-selected ~ .tabs-slider {
    left: 6px;
    transform: translateX(calc(100%));
}
.step-3.is-selected ~ .tabs-slider {
    left: 8px;
    transform: translateX(calc(200%));
}
.wa-status-report-form {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.wa-status-report-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wa-status-report-field[hidden] { display: none !important; }
.field-area {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.wa-status-report-label {
    color: #A3A3A3;
    font-family: var(--primary-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: right;
}
.wa-status-report-input {
    background: initial;
    border-radius: initial;
    width: 100%;
    border: initial;
    border-bottom: 1px solid var(--primary-white);
    padding-bottom: 14px;
    margin-bottom: 28px;
    color: var(--black);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.5%;
    text-align: right;
    outline: initial;
    font-family: var(--primary-family);
}
.wa-status-report-input::placeholder {
    color: var(--primary-lightgray);
}
.wa-status-report-submit {
    padding: 10px;
    color: var(--white);
    cursor: pointer;
    border-radius: 4px;
    background: var(
    --blue-700);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.084px;
    max-width: 260px;
    margin-left: auto;
    font-family: var(--primary-family);
    outline: none;
    border: initial;
    width: 100%;
}
.wa-status-report-submit:disabled {
    opacity: 0.7;
    cursor: wait;
}
.wa-status-report-feedback {
    margin: 0;
    color: #171717;
    font-family: var(--primary-family);
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
}
.wa-status-report-feedback[hidden] { display: none !important; }
.wa-status-report-feedback.is-error { color: #d92d20; }
.wa-status-report-feedback.is-success { color: #067647; }
.wa-status-viewer-media { position: absolute; inset: 0; background: var(--black); overflow: hidden; }
.wa-status-viewer-card.is-media-loading .wa-status-viewer-media:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.28);
    border-top-color: #fff;
    z-index: 4;
    pointer-events: none;
    animation: wa-status-spin 0.8s linear infinite;
}
@keyframes wa-status-spin { to { transform: rotate(360deg); } }
.wa-status-viewer-media:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 9.62%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.75) 100%); z-index: 3; pointer-events: none; }
.wa-status-media-track { position: absolute; inset: 0; }
.wa-status-media-slide { position: absolute; inset: 0; background: var(--black); will-change: transform; }
.wa-status-media-slide.is-active { z-index: 1; transform: translateX(0); }
.wa-status-media-slide.is-outgoing,
.wa-status-media-slide.is-incoming { z-index: 2; transition: transform var(--wa-status-slide-ms) var(--wa-slide-ease); }
.wa-status-media-slide.is-from-next { transform: translateX(100%); }
.wa-status-media-slide.is-from-prev { transform: translateX(-100%); }
.wa-status-media-slide.is-to-next { transform: translateX(-100%); }
.wa-status-media-slide.is-to-prev { transform: translateX(100%); }
.wa-status-viewer-media img, .wa-status-viewer-media video,
.wa-status-media-slide img, .wa-status-media-slide video { width: 100%; height: 100%; object-fit: contain; display: block; background: var(--black); }
.wa-status-text-slide { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 32px 20px; text-align: center; color: var(--white); font-family: var(--secondary-family); font-size: 22px; line-height: 140%; background: linear-gradient(160deg, #1570EF, #7A5AF8); word-break: break-word; }
.wa-status-text-slide { position: relative; z-index: 4; pointer-events: auto; }
.wa-status-text-slide a {
    color: inherit;
    text-decoration: underline;
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    z-index: 5;
}
.wa-status-viewer-card.is-text-status .wa-status-tap-zones { pointer-events: none; }
.wa-status-viewer-caption { position: absolute; width: 100%; right: 0; bottom: 0; z-index: 6; display: block; color: var(--white); pointer-events: auto; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 131%; letter-spacing: 0%; padding: 20px 25px; direction: rtl; }
.wa-status-viewer-caption:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: auto;
    background: linear-gradient(to top, rgb(0 0 0 / 90%) 0%, rgb(0 0 0 / 80%) 50%, rgb(0 0 0 / 65%) 75%, rgb(0 0 0 / 32%) 100%);
}
.wa-status-viewer-caption:empty, .wa-status-viewer-caption.is-empty, .wa-status-viewer-caption[hidden] { display: none !important; }
.wa-status-caption-flow { max-height: 2.62em; overflow: hidden; }
.wa-status-caption-flow::before { content: ""; float: right; width: 0; height: var(--wa-caption-push, 0px); }
.wa-status-viewer-caption.is-expanded { display: block; max-height: 45%; overflow: visible; }
.wa-status-viewer-caption.is-expanded .wa-status-caption-flow { max-height: none; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.wa-status-caption-text { display: block; word-break: break-word; }
.wa-status-caption-text strong { display: inline; }
.wa-status-caption-text.english-text { text-align: left; direction: ltr; }
.wa-status-viewer-caption a { color: inherit; text-decoration: underline; cursor: pointer; pointer-events: auto; }
.wa-status-caption-more-space { float: right; clear: right; visibility: hidden; pointer-events: none; margin-inline-end: 8px; box-sizing: border-box; padding: 4px 10px; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.wa-status-caption-more-space[hidden] { display: none !important; }
.wa-status-caption-more { position: absolute; right: 25px; bottom: 20px; z-index: 2; float: none; margin: 0; display: inline-grid; grid-template-columns: 1fr; justify-items: center; align-items: center; box-sizing: border-box; padding: 4px 10px; border: 0; border-radius: 999px; background: #2F6FED; color: #fff; text-shadow: none; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.3; cursor: pointer; white-space: nowrap; }
.wa-status-caption-more-label,
.wa-status-caption-more-sizer { grid-area: 1 / 1; }
.wa-status-caption-more-sizer { visibility: hidden; }
.wa-status-caption-more[hidden] { display: none !important; }
.wa-status-tap-zones { position: absolute; inset: 0; z-index: 3; display: flex; direction: ltr; }
.wa-status-tap { flex: 1; border: 0; background: transparent; cursor: pointer; padding: 0; touch-action: pan-y; }

.wa-status-carousel-layer {
    position: fixed;
    inset: 0;
    z-index: 10070;
    pointer-events: none;
    overflow: visible;
}
.wa-status-carousel-layer:empty { display: none; }
.wa-status-viewer-card.is-carousel-hidden,
.wa-status-viewer-side.is-carousel-hidden {
    visibility: hidden !important;
}
.wa-status-viewer.is-creator-sliding .wa-status-viewer-card,
.wa-status-viewer.is-creator-sliding .wa-status-viewer-side {
    pointer-events: none;
}
.wa-status-slot-clone {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
    background: #111;
    will-change: transform;
}
.wa-status-slot-clone .wa-status-side-inner,
.wa-status-slot-clone .wa-status-viewer-media,
.wa-status-slot-clone .wa-status-media-track,
.wa-status-slot-clone .wa-status-media-slide {
    width: 100%;
    height: 100%;
}
.wa-status-slot-clone.is-center-clone { border-radius: 14px; z-index: 10071; }
.wa-status-slot-clone.is-becoming-center { z-index: 10073; }
.wa-status-slot-clone.is-becoming-peek { z-index: 10072; }
.wa-status-slot-clone .wa-status-side-bg {
    transition: filter var(--wa-creator-slide-ms) var(--wa-slide-ease);
}
.wa-status-slot-clone .wa-status-side-meta {
    transition: opacity var(--wa-creator-slide-ms) var(--wa-slide-ease);
}
.wa-status-slot-clone.is-becoming-center .wa-status-side-bg {
    filter: blur(0) brightness(1);
}
.wa-status-slot-clone.is-becoming-center .wa-status-side-meta { opacity: 0; }
.wa-status-slot-clone.is-becoming-peek .wa-status-viewer-header,
.wa-status-slot-clone.is-becoming-peek .wa-status-progress,
.wa-status-slot-clone.is-becoming-peek .wa-status-viewer-caption,
.wa-status-slot-clone.is-becoming-peek .wa-status-viewer-actions {
    opacity: 0;
    transition: opacity var(--wa-creator-slide-ms) ease;
}
.wa-status-slot-clone.is-becoming-peek::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: background var(--wa-creator-slide-ms) ease;
    pointer-events: none;
    z-index: 8;
}
.wa-status-slot-clone.is-becoming-peek.is-dimmed::after { background: rgba(0, 0, 0, 0.5); }
.wa-status-slot-dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
    z-index: 8;
}
.wa-status-viewer.is-creator-dragging .wa-status-slot-clone,
.wa-status-viewer.is-creator-dragging .wa-status-slot-clone .wa-status-side-bg,
.wa-status-viewer.is-creator-dragging .wa-status-slot-clone .wa-status-side-meta,
.wa-status-viewer.is-creator-dragging .wa-status-viewer-card {
    transition: none !important;
}

.wa-status-viewer-stage.is-sliding-mobile .wa-status-viewer-card {
    transition: transform var(--wa-creator-slide-ms) var(--wa-slide-ease);
}
.wa-status-slot-clone.wa-status-mobile-outgoing { z-index: 10072; }
.wa-status-slot-clone.wa-status-mobile-incoming { z-index: 10071; }
.wa-status-viewer.is-creator-dragging .wa-status-slot-clone.wa-status-mobile-outgoing,
.wa-status-viewer.is-creator-dragging .wa-status-slot-clone.wa-status-mobile-incoming {
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .wa-status-viewer,
    .wa-status-viewer-backdrop,
    .wa-status-viewer-inner,
    .wa-status-viewer-card,
    .wa-status-viewer-side,
    .wa-status-media-slide,
    .wa-status-side-bg,
    .wa-status-side-meta,
    .wa-status-side-name {
        transition: none !important;
    }
    .wa-status-viewer-inner { opacity: 1; transform: none; }
    .wa-status-viewer-backdrop { opacity: 1; }
    .wa-status-slot-clone,
    .wa-status-slot-clone .wa-status-side-bg,
    .wa-status-slot-clone .wa-status-side-meta,
    .wa-status-viewer-stage.is-sliding-mobile .wa-status-viewer-card {
        transition: none !important;
    }
}

/* Dedicated /creators page: always show full wrapping grid (no owl) */
.creators-page-wrapper,
.tags-statuses-page-wrapper {
    width: 100%;
    flex: 1 1 100%;
    min-width: 0;
    margin: 20px 0 40px;
}
.tab-menu-podcast .creators-page-wrapper,
.tab-menu-podcast .tags-statuses-page-wrapper,
.tab-menu-news .tags-statuses-page-wrapper {
    margin: 0;
    padding: 16px 0 24px;
    border-radius: 0;
}
.tab-menu-podcast .creators-page-body.popular-group-layout,
.tab-menu-podcast .tags-statuses-page-body.popular-group-layout,
.tab-menu-news .tags-statuses-page-body.popular-group-layout {
    background: transparent;
}
.wa-creators-sidebar .wa-creator-sidebar-item,
.wa-tag-statuses-sidebar .wa-tag-sidebar-item {
    cursor: pointer;
}
.wa-creators-sidebar.news-side-baar .small-content-card {
    align-items: center;
}
.wa-creators-sidebar.news-side-baar .small-content-card .card-img {
    max-width: 70px;
}
.wa-creators-sidebar .wa-creator-sidebar-item .card-img img {
    border-radius: 50%;
}
.wa-tag-statuses-sidebar .wa-tag-sidebar-item .card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: #BAD4F5;
}
.wa-tag-statuses-sidebar .wa-tag-sidebar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #16352a;
    font-size: 18px;
}
.wa-tag-statuses-sidebar .wa-tag-sidebar-icon img,
.wa-tag-statuses-sidebar .wa-tag-sidebar-icon svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.wa-creators-sidebar .info-details-area .wa-msg-caption {
    width: max-content;
}
.wa-creators-sidebar .wa-creator-sidebar-item:hover .info-details-area,
.wa-tag-statuses-sidebar .wa-tag-sidebar-item:hover .info-details-area {
    opacity: 0.75;
}
.column-block-wrapper .creators-page.is-expanded .wa-creators-slider {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.column-block-wrapper .tags-statuses-page.is-expanded .wa-tag-statuses-slider {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1440px) {
    .column-block-wrapper .creators-page.is-expanded .wa-creators-slider {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}
@media (max-width: 1280px) {
    .column-block-wrapper .creators-page.is-expanded .wa-creators-slider {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media (max-width: 1024px) {
    .column-block-wrapper .creators-page.is-expanded .wa-creators-slider {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.creators-page.is-expanded .wa-creators-circles,
.tags-statuses-page.is-expanded .wa-tag-circles {
    overflow: visible;
}
/* Beat home pre-Owl flex strip rules (.channels-strip-wrapper:not(.view-channel)...) */
.creators-page.is-expanded .channels-strip-wrapper .wa-creators-slider.channel_slider.slider-wrapper,
.creators-page.is-expanded .wa-creators-slider,
.tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
.tags-statuses-page.is-expanded .wa-tag-statuses-slider {
    display: grid !important;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 36px 16px;
    padding: 20px 0px !important;
    width: 100%;
    overflow: visible !important;
    flex-wrap: unset;
    flex-direction: unset;
    align-items: unset;
}
.tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
.tags-statuses-page.is-expanded .wa-tag-statuses-slider {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.creators-page.is-expanded .channels-strip-wrapper .wa-creators-slider > .channel-card,
.creators-page.is-expanded .wa-creators-slider > .wa-creator-circle,
.tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider > .channel-card,
.tags-statuses-page.is-expanded .wa-tag-statuses-slider > .wa-tag-circle {
    display: block !important;
    flex: none !important;
    flex-basis: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin: 0;
}
.creators-page .more-links,
.tags-statuses-page .more-links { display: none !important; }
.wa-creators-empty,
.wa-tag-statuses-empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--primary-gray, #667085);
    font-family: var(--primary-family);
    font-size: 16px;
}

.status-area-wrapper .shimmer-content {
    padding: 0px 20px;
}
.status-area-wrapper .shimmer-content .slider-item {
    display: initial;
}


/* Tag status strip — light green bar, one ring segment per story */
/* .tag-status-strip.popular-group-layout { background: #E7F6E4; } 
.tag-status-strip .news-top-head .head-title { color: #16352a; }
.tag-status-strip .news-top-head .head-title h2,
.tag-status-strip .news-top-head .head-title h2 span { color: #16352a; }*/
/* .tag-status-strip .wa-tag-more-btn { background: #fff; color: #16352a; cursor: default; } */
/* .wa-tag-circle { min-width: 92px; max-width: 110px; width: 100%; cursor: pointer; } */
.wa-tag-circle { 
    width: 100%;
    min-width: 0;
    max-width: none;
 }
.wa-tag-circle.is-empty { cursor: default; }
.wa-tag-circle .channel-card-details { padding: 0 8px; }
.wa-tag-circle .avatar-img.wa-status-ring { position: relative; width: 100%; height: 100%; aspect-ratio: 1/1; margin: 0 auto; padding: 0; padding-top: 0; border-radius: 50%; background: none; overflow: visible; }
.wa-tag-circle.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-unviewed { stroke: var(--svg-primary); }
.wa-tag-circle.has-unviewed .wa-status-ring-svg .wa-ring-seg.is-seen,
.wa-tag-circle.is-viewed .wa-status-ring-svg .wa-ring-seg { stroke: #AEAEAE; }
.wa-tag-icon {
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--svg-secondary);
    z-index: 0;
    color: #16352a;
    font-size: 26px;
}
.wa-tag-circle .wa-tag-icon img,
.wa-tag-circle .wa-tag-icon svg {
    position: static;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 50%;
    outline: none;
}
.wa-tag-circle .headline-desc {
    margin-top: 6px;
    font-size: 13px;
    text-align: center;
    color: var(--text-color);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tag-status-strip .status-baar-area:not(.creators-page) .wa-tag-statuses-slider {
    display: block;
    padding: 0 20px;
    width: 100%;
    overflow: hidden;
}
.wa-tag-status-viewer .status-title .wa-tag-viewer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.wa-tag-status-viewer .status-title .wa-tag-viewer-icon img { width: 18px; height: 18px; object-fit: cover; border-radius: 50%; }
.wa-tag-status-viewer .wa-status-viewer-card { max-height: calc(100dvh - 200px); }
/* .wa-tag-status-viewer .wa-status-viewer-header { justify-content: space-between; } */
.wa-tag-card-category {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 42%;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    pointer-events: none;
}
.wa-tag-card-category-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    color: #16352a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    font-size: 12px;
}
.wa-tag-card-category-icon img,
.wa-tag-card-category-icon svg {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
}
.wa-tag-card-category-name {
    font-family: var(--primary-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
}
.wa-tag-status-viewer .wa-status-viewer-user {
    /* max-width: 46%; */
    background: rgba(17, 17, 17, 0.72);
    border-radius: 999px;
    padding: 8px 13px 8px 10px;
    gap: 8px;
    text-shadow: none;
}
.wa-tag-status-viewer .wa-status-viewer-avatar {
    width: 35px;
    height: 35px;
    border: 0;
}
.wa-tag-status-viewer .wa-status-viewer-user.is-link { cursor: pointer; }
.wa-tag-status-viewer .wa-status-viewer-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.wa-tag-video-time {
    display: none;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    font-variant-numeric: tabular-nums;
}
.wa-tag-status-viewer .wa-status-viewer-card.is-video .wa-tag-video-time { display: inline; }
.wa-status-viewer-card.is-video .wa-status-viewer-caption {
    bottom: 40px;
}
.wa-status-viewer-card.is-video .wa-status-viewer-caption:before {
    bottom: -40px;
    height: calc(100% + 40px);
}
.wa-tag-status-viewer .wa-status-side-avatar {
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    padding: 0;
    background: #BAD4F5;
}
.wa-tag-status-viewer .wa-status-side-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #16352a;
    font-size: 22px;
}
.wa-tag-status-viewer .wa-status-side-icon img,
.wa-tag-status-viewer .wa-status-side-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wa-tag-status-viewer .wa-status-side-name, .wa-tag-status-viewer .wa-status-side-time {
    color: var(--white);
}
.wa-tag-wrapper {
    display: none;
    position: absolute;
    left: 25px;
    bottom: 12px;
    z-index: 8;
    width: calc(100% - 50px);
    height: 28px;
    background: transparent;
    touch-action: none;
    cursor: pointer;
}
.wa-status-viewer-card.is-video .wa-tag-wrapper { display: block; }
.wa-tag-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 3px;
    transform: translateY(-50%);
    background: rgba(217, 217, 217, 0.5);
    border-radius: 100px;
    pointer-events: none;
}
.wa-tag-video-seek-fill {
    position: absolute;
    left: 0;
    top: 50%;
    height: 3px;
    width: 0;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 100px;
    pointer-events: none;
}
.wa-tag-video-seek-fill:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    width: 13px;
    aspect-ratio: 1 / 1;
    pointer-events: none;
}
.wa-tag-video-seek {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}


.wa-tag-editor-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    left: 50%;
    bottom: -56px;
    transform: translateX(-50%);
    width: calc(100% - 140px);
    margin: 0;
    padding: 10px;
    border-radius: 5px;
    background: #CC5B5B;
    color: #fff;
    direction: rtl;
    z-index: 12;
    pointer-events: auto;
}
.wa-tag-editor-note[hidden] { display: none !important; }
.wa-tag-editor-note-text {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--primary-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}
.wa-tag-editor-note-label { font-weight: 700; margin-left: 6px; font-size: 16px; }
.wa-tag-editor-note-toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: -4px 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.wa-tag-editor-note-toggle[hidden] { display: none !important; }
.wa-tag-editor-note-toggle i {
    font-size: 16px;
    line-height: 1;
    pointer-events: none;
    transition: transform 0.15s ease;
}
.wa-tag-editor-note.is-expanded { align-items: flex-start; }
.wa-tag-editor-note.is-expanded .wa-tag-editor-note-text {
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
    max-height: min(40vh, 220px);
}
.wa-tag-editor-note.is-expanded .wa-tag-editor-note-toggle i { transform: rotate(90deg); }

@media (max-width: 1700px) {
    .tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
    .tags-statuses-page.is-expanded .wa-tag-statuses-slider,
    .column-block-wrapper .tags-statuses-page.is-expanded .wa-tag-statuses-slider {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 1680px) {
    .wa-status-viewer-card { width: min(560px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); }
    .wa-status-report-dialog { width: min(560px, calc(100vw - 48px)); }
    .wa-status-viewer-side { width: 205px; max-width: 205px; }
    .wa-status-side-ring { width: 83px; height: 83px; }
}

@media (max-width: 1440px) {
    .creators-page.is-expanded .wa-creators-slider { grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .wa-status-viewer-stage { padding: 0 50px; }
    .wa-status-viewer-track { gap: 32px; }
    .wa-status-viewer-side[data-wa-side-offset="2"] { display: none; }
    .wa-status-viewer-card { width: min(575px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); }
    .wa-status-viewer-sides-prev { transform: translate(calc(-100% - 32px), -50%); }
    .wa-status-viewer-sides-next { transform: translate(calc(100% + 32px), -50%); }
    .wa-status-side-ring { width: 64px; height: 64px; }
    .skelton-wrapper.status-area-wrapper .shimmer-content .slider-item:nth-last-child(-n + 2) { display: none; }
}
@media (max-width: 1300px) {
    .wa-status-viewer-card { width: min(500px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); }
}

@media (max-width: 1280px) {
    .wa-status-viewer-card { width: min(400px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); }
    .wa-status-viewer-side { width: 165px; max-width: 165px; }
    .creators-page.is-expanded .wa-creators-slider { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
    .tags-statuses-page.is-expanded .wa-tag-statuses-slider,
    .column-block-wrapper .tags-statuses-page.is-expanded .wa-tag-statuses-slider {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .wa-status-viewer-card { width: min(375px, calc(100vw - 48px), calc((100dvh - 70px) * 9 / 16)); }
    .skelton-wrapper.status-area-wrapper .shimmer-content .slider-item:nth-last-child(-n + 4) { display: none; }
    .creators-page.is-expanded .wa-creators-slider { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
    .status-baar-area:not(.creators-page) .wa-creators-slider, .tag-status-strip .status-baar-area:not(.creators-page) .wa-tag-statuses-slider { padding: initial !important; }
    .wa-status-viewer-sides,
    .wa-status-viewer-side { display: none; }
    .wa-status-viewer-stage { padding: initial; }
    .wa-status-viewer-nav { display: none; }
    .wa-status-viewer-card { width: min(100vw - 24px, 420px, calc((100dvh - 70px) * 9 / 16)); }
    .wa-status-card-inner { margin: 0 6px; }
    .wa-creator-circle { min-width: initial; max-width: initial; }
    .skelton-wrapper.status-area-wrapper .shimmer-content .slider-item:nth-last-child(-n + 6) { display: none; }
    .creators-page.is-expanded .wa-creators-slider {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding: 0px 20px !important;
        gap: 14px;
    }
    .tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
    .tags-statuses-page.is-expanded .wa-tag-statuses-slider,
    .column-block-wrapper .tags-statuses-page.is-expanded .wa-tag-statuses-slider {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 0px 20px !important;
        gap: 14px;
    }
    .wa-tag-editor-note {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .creators-page.is-expanded .wa-creators-slider {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .tags-statuses-page.is-expanded .channels-strip-wrapper .wa-tag-statuses-slider.channel_slider.slider-wrapper,
    .tags-statuses-page.is-expanded .wa-tag-statuses-slider,
    .column-block-wrapper .tags-statuses-page.is-expanded .wa-tag-statuses-slider {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .status-viewer-head { padding: initial; }
    .status-viewer-head .status-title, .wa-tag-status-viewer .status-viewer-head .status-title { display: none; }
    .wa-status-progress { top: 20px; left: 19px; right: 19px; }
    .wa-status-viewer-header { top: 31px; left: 19px; right: 19px; }
    .wa-status-viewer-caption { padding: 20px 19px; }
    .wa-status-caption-more { right: 19px; }
    .wa-status-viewer-actions { gap: 10px; padding-right: 34px; }
    .wa-status-viewer-close { position: absolute; top: 33px; right: 19px; font-size: 18px; display: flex; align-items: center; justify-content: center; }
    .wa-status-viewer-card, .wa-tag-status-viewer .wa-status-viewer-card { width: 100dvw; height: 100dvh; max-width: none; max-height: 100dvh; aspect-ratio: auto; border-radius: initial; }
    .wa-status-report-dialog { width: 100dvw; max-width: none; aspect-ratio: auto; border-radius: initial; }
    .wa-status-report-panel { padding: 12px; border-radius: 12px; }
    .wa-status-report-title, .wa-status-report-reasons { margin-bottom: 16px; }
    .wa-status-report-form { gap: 16px; }
    .wa-creator-circle .channel-card-details, .wa-tag-circle .channel-card-details { padding: initial; }
    .skelton-wrapper.status-area-wrapper .shimmer-content .slider-item:nth-last-child(-n + 7) { display: none; }
    .wa-tag-editor-note {
        bottom: -70px;
        width: 100%;
        border-radius: initial;
    }
    .wa-status-viewer-outer:has(.wa-tag-editor-note) {
        /* margin-bottom: initial; */
    }
    .wa-status-viewer-outer:has(.wa-tag-editor-note) .wa-status-viewer-card {
        max-height: calc(100dvh - 70px);
    }

}

@media (max-width: 991px) {
    /* .wa-tag-status-viewer .status-viewer-head .status-title { display: flex; } */
}

@media (max-width: 575px) {
    .wa-status-viewer-actions { gap: 2px; padding-right: 28px; }
    .wa-status-viewer-volume-wrap { gap: 8px; }
    .wa-status-viewer-close { top: 36px; font-size: 16px; width: 22px; height: 22px; }
    /* .wa-status-viewer-volume { width: 75px; } */
    .wa-status-viewer-action i { font-size: 22px; }
    .wa-status-viewer-action { width: 25px; height: 25px; }
    .wa-status-report { padding: 16px; }
    .wa-status-report-reason { font-size: 10px; padding: 9px 4px; }
    .has-overflow .wa-creator-circle { max-width: 24%; }
    .skelton-wrapper.status-area-wrapper .shimmer-content .slider-item:nth-last-child(-n + 9) { display: none; }

}