.media-preview-transport{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#172033;display:grid;gap:10px;grid-template-columns:36px minmax(80px,1fr) auto;min-width:0;padding:8px}.media-preview-transport--has-actions{grid-template-columns:36px minmax(80px,1fr) auto 36px 36px}.media-preview-transport--overlay{background:linear-gradient(180deg,transparent,rgba(17,24,39,.9));border:0;border-radius:0;bottom:0;color:#fff;left:0;min-height:68px;padding:26px 12px 8px;position:absolute;right:0;z-index:3}.media-preview-transport button{background:transparent;border:0;border-radius:9px;color:inherit;cursor:pointer;display:grid;height:36px;padding:0;place-items:center;width:36px}.media-preview-transport:not(.media-preview-transport--overlay)>button:first-child{background:#111827;color:#fff}.media-preview-transport button:hover:not(:disabled){background:#ea55551f}.media-preview-transport:not(.media-preview-transport--overlay)>button:first-child:hover:not(:disabled){background:#1f2937}.media-preview-transport--overlay button:hover:not(:disabled){background:#ffffff1f}.media-preview-transport button:disabled{cursor:not-allowed;opacity:.42}.media-preview-transport button svg{height:23px;width:23px}.media-preview-transport input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--danger-color) 0 var(--preview-progress),#d8dee8 var(--preview-progress) 100%) 50%/100% 4px no-repeat;border-radius:999px;cursor:pointer;height:18px;margin:0;outline:0;width:100%}.media-preview-transport--overlay input{background:linear-gradient(to right,var(--danger-color) 0 var(--preview-progress),hsla(0,0%,100%,.28) var(--preview-progress) 100%) 50%/100% 4px no-repeat}.media-preview-transport input:disabled{cursor:not-allowed;opacity:.48}.media-preview-transport input::-webkit-slider-runnable-track{background:transparent;border-radius:999px;height:4px}.media-preview-transport input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--danger-color);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000059;height:14px;margin-top:-5px;width:14px}.media-preview-transport input::-moz-range-track{background:transparent;border-radius:999px;height:4px}.media-preview-transport input::-moz-range-progress{background:var(--danger-color);border-radius:999px;height:4px}.media-preview-transport input::-moz-range-thumb{background:var(--danger-color);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000059;height:11px;width:11px}.media-preview-transport input:focus-visible{box-shadow:0 0 0 3px #ea55557a}.media-preview-transport__time{font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;min-width:84px;text-align:center;white-space:nowrap}@media(max-width:640px){.media-preview-transport{gap:6px;grid-template-columns:34px minmax(0,1fr)}.media-preview-transport--has-actions{grid-template-columns:34px minmax(0,1fr) 34px 34px}.media-preview-transport button{height:34px;width:34px}.media-preview-transport__time{grid-column:2;grid-row:2;justify-self:start;min-width:0}}