/* Timeline below video; comment previews expand upwards over the picture. */
html body [data-post-card] .iw-post-player.iw-timeline-player{padding-bottom:0;container-type:inline-size}
html body [data-post-card] .iw-timeline-player>.iw-video-controls{position:relative;inset:auto;display:grid;grid-template-columns:30px max-content minmax(50px,1fr) 140px 30px 30px;align-items:start;height:auto;min-height:44px;gap:8px;padding:5px 10px}
html body [data-post-card] .iw-timeline-player>.iw-video-controls>[data-video-time]{display:flex;align-items:center;height:32px;margin:0}
html body [data-post-card] .iw-timeline-player>.iw-video-poster{height:var(--iw-timeline-picture-height,0px)}
.iw-timeline-player .iw-waveform-panel{position:relative;inset:auto;width:100%;min-width:0;box-sizing:border-box;padding:0;background:transparent;border:0}
.iw-waveform-track{position:relative;height:32px}
.iw-waveform-track canvas{display:block;width:100%;height:32px;pointer-events:none}
html body .iw-waveform-track input[data-video-seek]{position:absolute;inset:0;display:block;appearance:none;-webkit-appearance:none;width:100%;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;touch-action:pan-y}
.iw-waveform-track input::-webkit-slider-runnable-track{height:32px;border:0;background:transparent}
.iw-waveform-track input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:32px;border:0;border-radius:3px;background:#ffffff12}
.iw-waveform-track input::-moz-range-track{height:32px;border:0;background:transparent}
.iw-waveform-track input::-moz-range-progress{background:transparent}
.iw-waveform-track input::-moz-range-thumb{width:8px;height:30px;border:0;border-radius:3px;background:#ffffff12}
.iw-waveform-track input:focus-visible{outline:2px solid #e8c363;outline-offset:1px}
.iw-waveform-markers{position:relative;height:30px;margin-top:2px}
.iw-waveform-markers:empty{height:0;margin:0}
html body [data-post-card] .iw-waveform-markers>.iw-timeline-comment{position:absolute;top:1px;transform:translateX(-50%);display:block;width:26px;height:26px;min-height:0;margin:0;padding:0;border:1px solid #b3a176;border-radius:50%;background:#182535;color:#fff;box-shadow:none;cursor:pointer}
html body [data-post-card] .iw-timeline-comment>img{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0;padding:0}
.iw-timeline-comment>b{position:absolute;right:-5px;top:-5px;min-width:12px;padding:1px 2px;border-radius:7px;background:#e8c363;color:#101720;font:700 9px/12px system-ui}
.iw-timeline-comment:hover,.iw-timeline-comment:focus-visible{outline:2px solid #e8c363;outline-offset:2px;z-index:2}
.iw-timeline-bubble{position:fixed;z-index:11000;box-sizing:border-box;padding:0;overflow:auto;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;font:500 13px/1.45 system-ui;scrollbar-width:thin}
html body .iw-timeline-bubble>button{display:flex;gap:8px;align-items:center;width:100%;margin:0;padding:3px 2px;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;text-align:left;cursor:pointer;font:inherit;text-shadow:0 1px 3px #000,0 0 6px #000}
html body .iw-timeline-bubble>button>img{display:block;flex:none;width:28px;height:28px;min-height:0;margin:0;border-radius:50%;object-fit:cover;filter:drop-shadow(0 1px 2px #0009)}
.iw-timeline-bubble>button>span{min-width:0;overflow-wrap:anywhere}
html body .iw-timeline-bubble>button:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}
html body .iw-timeline-bubble>button:focus-visible{outline:2px solid #e8c363;outline-offset:-2px;background:transparent}
.iw-timeline-bubble span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.iw-comment-time{display:inline-block;justify-self:start;margin:3px 0;padding:3px 6px;border:1px solid #ffffff25;border-radius:4px;background:#122130;color:#e8c363;font:11px/1.4 system-ui;cursor:pointer}
html body [data-post-card] .iw-timeline-player .iw-video-volume{height:32px;min-width:0}
@container(max-width:540px){
 html body [data-post-card] .iw-timeline-player>.iw-video-controls{grid-template-columns:26px max-content minmax(45px,1fr) 26px 26px;height:auto;min-height:76px;gap:5px;padding:5px}
 .iw-timeline-player .iw-video-controls>[data-video-play]{grid-column:1;grid-row:1}
 .iw-timeline-player .iw-video-controls>[data-video-time]{grid-column:2;grid-row:1;font-size:10px}
 .iw-timeline-player .iw-waveform-panel{grid-column:3;grid-row:1}
 .iw-timeline-player .iw-video-controls>[data-video-menu]{grid-column:4;grid-row:1}
 .iw-timeline-player .iw-video-controls>[data-video-full]{grid-column:5;grid-row:1}
 .iw-timeline-player .iw-video-volume{grid-column:1/-1;grid-row:2;order:0;width:100%}
 .iw-timeline-player .iw-video-volume input{min-width:120px;width:auto}.iw-timeline-player .iw-video-settings{bottom:82px}
}
#iwVideoLitePlayer .iw-waveform-panel{display:none!important}
html body [data-post-card] .iw-timeline-player:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0}
html body [data-post-card] .iw-timeline-player:fullscreen video{flex:1;min-height:0;height:0!important;max-height:none!important;object-fit:contain!important}
html body [data-post-card] .iw-timeline-player:fullscreen>.iw-waveform-panel,html body [data-post-card] .iw-timeline-player:fullscreen>.iw-video-controls{flex-shrink:0}


.iw-timeline-player .iw-waveform-markers{position:absolute;inset:0;height:32px;margin:0;pointer-events:none;z-index:4}
/* Keep the marker still while its profile picture and comment open above it. */
html body [data-post-card] .iw-waveform-markers>.iw-timeline-comment{top:8px;width:16px;height:16px;pointer-events:auto}
.iw-timeline-comment>b{font-size:8px;line-height:10px;min-width:10px;right:-6px;top:-4px;padding:0 2px}
html body [data-post-card] .iw-timeline-player>.iw-video-controls{overflow:visible;z-index:5}
@media(prefers-reduced-motion:reduce){html body [data-post-card] .iw-waveform-markers>.iw-timeline-comment{transition:none}}