.feed-section{--feed-rail:368px;--feed-side-head:var(--feed-head);overflow:clip;container-type:size}.feed-box{width:100%;left:0;top:var(--feed-head);position:absolute}@supports (width:1cqw){.feed-box{width:100cqw;top:clamp(var(--feed-head), calc((100cqh - 56.25cqw) * .42), calc(100cqh - 56.25cqw - var(--feed-rail) - 48px))}}.feed-rail{z-index:20}.feed-seek{height:44px;bottom:-32px}.feed-track{background:#a0a0a073;height:2px;bottom:30px;left:0;right:0;box-shadow:0 0 0 1px #00000040,0 1px 3px #00000059}.feed-fill{transform-origin:0;transform:scaleX(0);box-shadow:0 0 2px #00000080}@media (hover:hover){.feed-seek:hover .feed-track{height:5px}}.feed-seek[data-dragging] .feed-track{height:5px}.feed-seek:focus-visible .feed-track{outline-offset:3px;outline:2px solid #fff;height:5px}@container (max-width:639px) and (orientation:portrait) and ((max-height:770px) or (min-aspect-ratio:100/179)) and (not ((min-aspect-ratio:5/6) and (max-height:500px))){.feed-box,.feed-rail,.feed-caption{--feed-under:230px;--feed-w:min(100cqw, calc((100cqh - var(--feed-head) - var(--feed-under) + 16px) * 16 / 9));--feed-top:max(var(--feed-head), calc(var(--feed-head) + (100cqh - var(--feed-head) - var(--feed-w) * 9 / 16 - var(--feed-under)) * .4));--feed-row:calc(var(--feed-top) + var(--feed-w) * 9 / 16 + 36px)}.feed-box{top:var(--feed-top);left:calc((100cqw - var(--feed-w)) / 2);width:var(--feed-w)}.feed-rail{top:var(--feed-row);flex-direction:row;align-items:flex-start;gap:0;width:auto;bottom:auto;left:8px;right:8px}.feed-rail>*{flex:1 1 0;width:auto;min-width:0}.feed-caption{top:calc(var(--feed-row) + 84px);bottom:auto;right:16px}}@container (min-width:640px){.feed-box,.feed-caption,.feed-rail{--feed-w:min(calc(100cqw - 200px), calc((100cqh - var(--feed-head) - 120px) * 16 / 9));--feed-h:calc(var(--feed-w) * 9 / 16);--feed-top:calc(var(--feed-head) + (100cqh - var(--feed-head) - 120px - var(--feed-h)) / 2);--feed-left:calc((100cqw - var(--feed-w)) / 2)}.feed-box{left:var(--feed-left);top:var(--feed-top);width:var(--feed-w)}.feed-caption{left:var(--feed-left);right:auto;top:calc(var(--feed-top) + var(--feed-h) + 22px);width:var(--feed-w);bottom:auto}.feed-rail{left:calc(var(--feed-left) + var(--feed-w) + 14px);right:auto;bottom:min(calc(100cqh - var(--feed-top) - var(--feed-h)), calc(100cqh - var(--feed-head) - var(--feed-rail) - 16px));width:72px}.feed-round{border-radius:10px}.feed-seek{bottom:-14px}.feed-track{height:3px;bottom:24px;left:12px;right:12px}}@container (min-width:640px) and (orientation:portrait){.feed-box,.feed-caption,.feed-rail{--feed-under:210px;--feed-w:min(calc(100cqw - 48px), calc((100cqh - var(--feed-head) - var(--feed-under)) * 16 / 9));--feed-h:calc(var(--feed-w) * 9 / 16);--feed-top:calc(var(--feed-head) + (100cqh - var(--feed-head) - var(--feed-h) - var(--feed-under)) * .4);--feed-row:calc(var(--feed-top) + var(--feed-h) + 24px)}.feed-rail{left:var(--feed-left);top:var(--feed-row);width:var(--feed-w);flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;bottom:auto}.feed-rail>*{flex:0 0 72px;width:72px}.feed-caption{top:calc(var(--feed-row) + 90px)}}@container (min-width:640px) or ((orientation:landscape) and ((max-height:500px) or (max-width:639px))) or ((max-width:639px) and (orientation:portrait) and ((max-height:770px) or (min-aspect-ratio:100/179))){.feed-sound-slot{height:auto}.feed-sound-off{color:#fff;background:0 0;border-radius:12px;flex-direction:column-reverse;align-self:center;gap:2px;height:auto;margin-right:0;padding:0}.feed-sound-off .feed-sound-icon{color:#000;background:#fff;border-radius:9999px}.feed-sound-off .feed-sound-text{white-space:normal;text-align:center;max-width:72px;font-size:11px;line-height:12px}}@container ((orientation:landscape) and ((max-height:500px) or (max-width:639px))) or ((min-aspect-ratio:5/6) and (max-height:500px)){.feed-box,.feed-rail{--feed-w:min(calc((100cqh - var(--feed-side-head)) * 16 / 9), calc(100cqw - 64px));--feed-left:max(0px, min(calc((100cqw - var(--feed-w)) / 2), calc(100cqw - var(--feed-w) - 64px)))}.feed-box{left:var(--feed-left);top:calc(var(--feed-side-head) + (100cqh - var(--feed-side-head) - var(--feed-w) * 9 / 16) / 2);width:var(--feed-w)}.feed-caption{display:none}.feed-rail{left:auto;right:max(2px, calc((100cqw - var(--feed-left) - var(--feed-w) - 52px) / 2));top:calc(50% + var(--feed-side-head) / 2);gap:6px;width:52px;bottom:auto;transform:translateY(-50%)}.feed-label{display:none}.feed-sound-slot{justify-content:flex-start;height:68px}.feed-round{border-radius:0}.feed-seek{height:36px;bottom:0}.feed-track{height:3px;bottom:0;left:0;right:0}.feed-sound-off .feed-sound-text{max-width:60px;font-size:10px;line-height:11px}}@container (orientation:landscape) and (min-height:501px) and (max-width:639px){.feed-box{top:max(var(--feed-head), calc((100cqh - var(--feed-w) * 9 / 16) / 2))}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:380px){.feed-rail[data-clear]{gap:2px}.feed-rail[data-clear] .feed-sound-slot{height:44px}.feed-rail[data-clear] .feed-sound-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:330px){.feed-rail,.feed-rail[data-clear]{gap:0}.feed-sound-slot,.feed-rail[data-clear] .feed-sound-slot{height:44px}.feed-sound-off .feed-sound-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:310px){.feed-sound-slot,.feed-rail[data-clear] .feed-sound-slot{height:38px}.feed-icon,.feed-sound-off .feed-sound-icon{width:38px;height:38px}}}@media not all and (orientation:landscape) and (max-height:500px) and (pointer:coarse){@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:437px){[data-count] .feed-rail{gap:0}[data-count] .feed-sound-slot{height:44px}[data-count] .feed-sound-off .feed-sound-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:389px){.feed-rail{gap:0}.feed-sound-slot{height:44px}.feed-sound-off .feed-sound-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:383px){[data-count] .feed-sound-slot{height:38px}[data-count] .feed-icon,[data-count] .feed-sound-off .feed-sound-icon{width:38px;height:38px}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:347px){[data-count] .feed-sound-slot{height:32px}[data-count] .feed-icon,[data-count] .feed-sound-off .feed-sound-icon{width:32px;height:32px}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:335px){.feed-sound-slot{height:38px}.feed-icon,.feed-sound-off .feed-sound-icon{width:38px;height:38px}}@container ((orientation:landscape) or (min-aspect-ratio:5/6)) and (max-height:299px){.feed-sound-slot{height:32px}.feed-icon,.feed-sound-off .feed-sound-icon{width:32px;height:32px}}}@media (max-width:639px){@container (max-width:639px) and (orientation:portrait){[data-sheet] .feed-box{top:var(--feed-head)}}}@keyframes feed-sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:no-preference){.feed-box{transition:top .25s}@media (max-width:639px){.feed-sheet{animation:.25s ease-out feed-sheet-up}}}.feed-clear{display:none}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.feed-header-row:not([data-open]),.feed-count{display:none}.feed-clear{display:flex}.feed-section{--feed-head:0px}.feed-header-row[data-open]{padding-right:72px}}.feed-stage{container-type:size}.feed-stage-box{width:min(100%,177.78vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (width:1cqw){.feed-stage-box{--feed-w:min(100cqw, calc(100cqh * 16 / 9));width:var(--feed-w);left:calc((100cqw - var(--feed-w)) / 2);top:calc((100cqh - var(--feed-w) * 9 / 16) / 2);transform:none}}.feed-stage .feed-round{border-radius:0}.feed-stage-hint{display:none}@media (pointer:coarse){@container (orientation:portrait){.feed-stage-hint{display:flex}}}