@layer wertigo.features{.media-preview-transport{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface);min-width:0;color:var(--ds-ink);grid-template-columns:36px minmax(80px,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.media-preview-transport--has-actions{grid-template-columns:36px minmax(80px,1fr) auto 36px 36px}.media-preview-transport--overlay{z-index:3;min-height:68px;color:var(--ds-on-brand);background:linear-gradient(#0000,#111827e6);border:0;border-radius:0;padding:26px 12px 8px;position:absolute;bottom:0;left:0;right:0}.media-preview-transport button{border-radius:var(--ds-radius-md);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.media-preview-transport:not(.media-preview-transport--overlay)>button:first-child{background:var(--ds-ink);color:var(--ds-on-brand)}.media-preview-transport button:hover:not(:disabled){background:#ea55551f}.media-preview-transport:not(.media-preview-transport--overlay)>button:first-child:hover:not(:disabled){background:var(--ds-ink)}.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{width:23px;height:23px}.media-preview-transport input{appearance:none;border-radius:var(--ds-radius-pill);background:linear-gradient(to right,var(--ds-brand) 0 var(--preview-progress),var(--ds-line-strong) var(--preview-progress) 100%) 50%/100% 4px no-repeat;cursor:pointer;outline:0;width:100%;height:18px;margin:0}.media-preview-transport--overlay input{background:linear-gradient(to right,var(--ds-brand) 0 var(--preview-progress),#ffffff47 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{border-radius:var(--ds-radius-pill);background:0 0;height:4px}.media-preview-transport input::-webkit-slider-thumb{appearance:none;border:2px solid var(--ds-surface);background:var(--ds-brand);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000059}.media-preview-transport input::-moz-range-track{border-radius:var(--ds-radius-pill);background:0 0;height:4px}.media-preview-transport input::-moz-range-progress{border-radius:var(--ds-radius-pill);background:var(--ds-brand);height:4px}.media-preview-transport input::-moz-range-thumb{border:2px solid var(--ds-surface);background:var(--ds-brand);border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #00000059}.media-preview-transport input:focus-visible{box-shadow:0 0 0 3px #ea55557a}.media-preview-transport__time{min-width:84px;font-size:var(--ds-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--ds-weight-bold);text-align:center;white-space:nowrap}@media (max-width:640px){.media-preview-transport{grid-template-columns:34px minmax(0,1fr);gap:6px}.media-preview-transport--has-actions{grid-template-columns:34px minmax(0,1fr) 34px 34px}.media-preview-transport button{width:34px;height:34px}.media-preview-transport__time{grid-area:2/2;justify-self:start;min-width:0}}}