.coCBfW_player{z-index:40;border-bottom:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);animation:coCBfW_enter .3s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info close""center center";gap:16px;margin:16px 8px 8px;padding:12px;display:grid;position:sticky;bottom:8px;box-shadow:0 1px 2px #1018280f,0 12px 28px #10182829}@keyframes coCBfW_enter{0%{opacity:0;translate:0 24px}}.coCBfW_info{grid-area:info;align-items:center;gap:8px;min-width:0;display:flex}.coCBfW_thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);flex:none;width:97px;position:relative;overflow:hidden}.coCBfW_thumbImg{object-fit:cover}.coCBfW_text{flex-direction:column;gap:4px;min-width:0;display:flex}.coCBfW_meta{font:var(--type-body-12);color:var(--color-text-secondary)}.coCBfW_title{font:var(--type-subheading-14-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.coCBfW_text a:hover{text-decoration:underline}.coCBfW_center{flex-direction:column;grid-area:center;align-items:center;gap:8px;min-width:0;display:flex}.coCBfW_controls{justify-content:center;align-items:center;gap:24px;display:flex}.coCBfW_control{width:24px;height:24px;color:var(--color-icon);place-items:center;display:grid}.coCBfW_control:hover{color:var(--color-brand)}.coCBfW_rate{width:32px;font:var(--type-label-14);font-variant-numeric:tabular-nums;margin-inline:-4px;font-weight:600}.coCBfW_play{background:color-mix(in srgb, var(--color-border-strong) 50%, transparent);width:48px;height:48px;color:var(--color-text);border-radius:50%;place-items:center;display:grid}.coCBfW_play:hover{background:var(--color-border-strong)}.coCBfW_bar{align-items:center;gap:8px;width:100%;display:flex}.coCBfW_time{min-width:32px;font:var(--type-body-12);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);flex:none}.coCBfW_time:last-child{text-align:right}.coCBfW_range{appearance:none;background:linear-gradient(to right, var(--color-brand) var(--p,0%), color-mix(in srgb, var(--color-text) 25%, transparent) var(--p,0%));cursor:pointer;border-radius:100px;flex:1;min-width:0;height:4px;margin:0}.coCBfW_range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-brand);opacity:0;width:12px;height:12px;transition:opacity var(--duration-fast) var(--ease-out);border-radius:50%}.coCBfW_range::-moz-range-thumb{background:var(--color-brand);opacity:0;border:0;border-radius:50%;width:12px;height:12px}.coCBfW_range:is(:hover,:focus-visible)::-webkit-slider-thumb{opacity:1}.coCBfW_range:is(:hover,:focus-visible)::-moz-range-thumb{opacity:1}.coCBfW_close{border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-icon);grid-area:close;align-self:center;place-items:center;display:grid}.coCBfW_close:hover{background:var(--color-surface)}@media (min-width:1024px){.coCBfW_player{grid-template-columns:minmax(0,1fr) minmax(0,540px) minmax(0,1fr);grid-template-areas:"info center close";align-items:center;margin:16px;padding:24px 16px;bottom:16px}.coCBfW_thumb{width:107px}.coCBfW_close{justify-self:end}}