.split{--sh:24rem;--p:.42;margin-top:1.5rem}.split-view{height:var(--sh);border:1px solid var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:col-resize;position:relative;overflow:hidden}.split-before,.split-after{position:absolute;inset:0}.split-before{background-color:var(--wa-paper);color:var(--wa-ink);font-family:var(--font-chat);filter:saturate(.6) brightness(calc(1 - var(--night) * .3))}[lang=ar] .split-before{font-family:var(--font-chat-arabic)}.split-after{background:var(--dark-surface);color:var(--on-band);clip-path:polygon(calc(var(--p) * 100% + var(--sh) / 2) 0, 100% 0, 100% 100%, calc(var(--p) * 100% - var(--sh) / 2) 100%)}[dir=rtl] .split-after{clip-path:polygon(calc(100% - var(--p) * 100% - var(--sh) / 2) 0, 0 0, 0 100%, calc(100% - var(--p) * 100% + var(--sh) / 2) 100%)}.split-fold{top:50%;width:2px;height:calc(var(--sh) * 1.4143);background:var(--volt);pointer-events:none;transform:translate(calc(var(--dir) * -50%), -50%) rotate(calc(var(--dir) * 45deg));position:absolute;inset-inline-start:calc(var(--p) * 100%)}.split-handle{top:50%;z-index:1;width:2.75rem;height:2.75rem;translate:calc(var(--dir) * -50%) -50%;background:var(--volt);color:var(--on-volt);cursor:grab;clip-path:polygon(0 0,calc(100% - .625rem) 0,100% .625rem,100% 100%,0 100%);place-items:center;display:grid;position:absolute;inset-inline-start:clamp(1.375rem, calc(var(--p) * 100%), calc(100% - 1.375rem));box-shadow:0 6px 16px -6px #00000073}[dir=rtl] .split-handle{clip-path:polygon(.625rem 0,100% 0,100% 100%,0 100%,0 .625rem)}.split-handle:active{cursor:grabbing}.split-handle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:1.25rem;height:1.25rem}.split-handle:focus-visible{outline:2px solid var(--text);outline-offset:3px;clip-path:none}.split-go{z-index:1;min-height:2.75rem;font:inherit;cursor:pointer;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease);border:1px solid;border-radius:2px;padding:0 1rem;font-size:.875rem;font-weight:600;position:absolute;bottom:.625rem}.split-go-before{background:var(--wa-chip);color:var(--wa-ink);border-color:var(--wa-rule);inset-inline-start:.625rem}.split-go-after{background:var(--band);color:var(--on-band);border-color:var(--dark-line);inset-inline-end:.625rem}.split-go[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--volt);border-color:currentColor}:root:not(.al-js) .split-handle,:root:not(.al-js) .split-go{display:none}.dc-top,.do-top{align-items:center;gap:.625rem;height:3rem;padding-inline:1rem;display:flex}.dc-top{background:var(--wa-head);border-bottom:1px solid var(--wa-head-line)}.dc-top b,.do-top b{font-size:1rem;font-weight:600}.dc-unread{background:var(--wa-green);min-height:1.5rem;color:var(--wa-on-green);font-variant-numeric:tabular-nums;border-radius:.75rem;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.dc-row,.do-row{align-items:center;column-gap:.75rem;height:3.5rem;padding-inline:1rem;display:grid}.dc-row{border-bottom:1px solid var(--wa-rule);grid-template-columns:2.25rem minmax(0,1fr) auto}.dc-av{background:var(--wa-avatar);width:2.25rem;height:2.25rem;color:var(--wa-avatar-ink);border-radius:50%;place-items:center;font-size:.875rem;font-weight:600;display:grid}.dc-main,.do-main{min-width:0;line-height:1.3;display:grid}.dc-main b,.do-main b{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.dc-prev{min-width:0;color:var(--wa-soft);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.dc-prev>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dc-prev svg{width:.9375rem;height:.9375rem;color:var(--wa-green);flex:none}.dc-side{justify-items:end;gap:.25rem;display:grid}.dc-at{color:var(--wa-green);white-space:nowrap;font-size:.6875rem}.dc-n{background:var(--wa-green);min-width:1.25rem;height:1.25rem;color:var(--wa-on-green);font-variant-numeric:tabular-nums;border-radius:.625rem;place-items:center;padding-inline:.3125rem;font-size:.6875rem;font-weight:600;display:grid}.do-top{border-bottom:1px solid var(--dark-line);justify-content:flex-end}.do-top .mark-sample{border-color:var(--band-rule);color:var(--on-band-quiet);margin-inline-start:0}.do-count{border:1px solid var(--dark-line);min-width:1.5rem;height:1.5rem;font-family:var(--mono);color:var(--concrete);place-items:center;font-size:.75rem;display:grid}.do-row{border-bottom:1px solid var(--dark-line);grid-template-columns:4.75rem minmax(0,1fr) 6.5rem 9.5rem}.do-ref{font-family:var(--mono);color:var(--concrete);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}[lang=ar] .do-ref{font-family:var(--arabic);font-size:.8125rem}.do-main>span{text-overflow:ellipsis;white-space:nowrap;color:var(--concrete);font-size:.8125rem;overflow:hidden}.do-by{min-width:0;color:var(--on-band-soft);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.do-by>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.do-by i{background:var(--dark-subtle);width:1.5rem;height:1.5rem;color:var(--on-band);border-radius:2px;flex:none;place-items:center;font-size:.6875rem;font-style:normal;font-weight:600;display:grid}.do-st{text-align:end;border-radius:2px;justify-self:end;align-items:center;gap:.375rem;max-width:100%;min-height:1.5rem;padding:0 .5rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.do-st.is-ok{color:var(--on-band-soft);box-shadow:inset 0 0 0 1px var(--dark-line)}.do-st.is-now{background:var(--volt);color:var(--on-volt)}.do-st.is-wait{color:var(--concrete)}.do-st.is-wait:before{content:"";border:1.5px solid var(--band-mark);border-radius:50%;flex:none;width:.4375rem;height:.4375rem}@media (min-width:48rem){.do-top,.do-row{padding-inline-start:46%}}@media (max-width:61.99rem){.do-row{grid-template-columns:4rem minmax(0,1fr) auto}.do-by{display:none}}@media (max-width:53rem){.split{--sh:24.5rem}}@media (max-width:47.99rem){.split-handle{display:none}}@media (max-width:30rem){.dc-row,.do-row{column-gap:.5rem;padding-inline:.75rem}.do-row{grid-template-columns:minmax(0,1fr) auto}.do-ref{display:none}.do-st{max-width:8.5rem}}@media (prefers-reduced-motion:no-preference){.split[data-glide] .split-after{transition:clip-path calc(var(--play-3) + var(--play-1)) var(--ease)}.split[data-glide] .split-fold,.split[data-glide] .split-handle{transition:inset-inline-start calc(var(--play-3) + var(--play-1)) var(--ease)}.al-js .biz-panel.is-on .dc-row,.al-js .biz-panel.is-on .do-row{animation:hp-rise var(--play-3) var(--ease) both}.al-js .biz-panel.is-on .dc-row:first-child{animation-delay:calc(2 * var(--play-stagger))}.al-js .biz-panel.is-on .dc-row:nth-child(2){animation-delay:0s}.al-js .biz-panel.is-on .dc-row:nth-child(3){animation-delay:calc(3 * var(--play-stagger))}.al-js .biz-panel.is-on .dc-row:nth-child(4){animation-delay:var(--play-stagger)}.al-js .biz-panel.is-on .dc-row:nth-child(5){animation-delay:calc(4 * var(--play-stagger))}.al-js .biz-panel.is-on .do-row{animation-delay:calc((5 + var(--r,0)) * var(--play-stagger))}.do-row:nth-child(2){--r:1}.do-row:nth-child(3){--r:2}.do-row:nth-child(4){--r:3}.do-row:nth-child(5){--r:4}}