/* These overrides belong only to Audio Trimmer, Audio Cutter and Playback Speed. */
.sme-editor .sme-preview { padding: 24px; }
.sme-editor .sme-preview.is-video .am-visualizer { display: none; }
.sme-editor .sme-preview video { max-width: 100%; max-height: 100%; }
.sme-editor .am-sidebar-scroll { margin-top: 20px; }
.sme-editor.is-loading .am-status { color: #888; }
.sme-editor:not([data-mode=trim]) .sme-card { margin: 0 0 20px; }
.sme-editor[data-mode=cut] .sme-card, .sme-editor .sme-cut { opacity: .3; }
.sme-editor[data-mode=cut] .sme-card.is-active, .sme-editor .sme-cut.is-active { opacity: 1; }
.sme-editor:not([data-mode=trim]) .sme-card.is-active { box-shadow: inset 0 0 0 1px #3e3e3e55; }
.sme-editor[data-mode=cut] .trimmer-editor__time-field input { color: #fb61a0; }
.sme-editor:not([data-mode=trim]) .trimmer-editor__time-field:focus-within { border-color: #3e3e3e; }
.sme-editor:not([data-mode=trim]) .trimmer-editor__time-steppers { flex-basis: 20px; }
.sme-editor[data-mode=cut] .trimmer-editor__time-steppers { flex-basis: 30px; }
.sme-editor:not([data-mode=trim]) .trimmer-editor__time-steppers button { width: 100%; }
.sme-editor .sme-delete { display: grid; place-items: center; width: 40px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: #343434; color: #b8b8bf; cursor: pointer; }
.sme-editor .sme-delete svg { width: 13px; height: 13px; }
.sme-editor .sme-delete:hover { color: #fff; }
.sme-editor .sme-empty { display: grid; place-items: center; min-height: 160px; height: 100%; }
.sme-editor .sme-empty button { display: grid; place-items: center; width: 48px; height: 48px; padding: 12px; border: 0; border-radius: 12px; color: #777; background: #242424; cursor: pointer; }
.sme-editor .sme-empty svg { width: 24px; height: 24px; }
.sme-editor .trimmer-editor__controls .sme-add-cut { display: flex; align-items: center; gap: 6px; width: auto; padding: 5px 15px 5px 10px; margin-left: 5px; border-radius: 8px; background: #282828; color: #fff; font: inherit; font-size: 10px; white-space: nowrap; }
.sme-editor .sme-add-cut svg { width: 14px; height: 14px; fill: none; }
.sme-editor .trimmer-editor__history svg { fill: none; }
.sme-editor[data-mode=cut] .trimmer-editor__controls button { height: 32px; }
.sme-editor[data-mode=cut] .trimmer-editor__controls .sme-add-cut { justify-content: center; }
.sme-editor[data-mode=cut] .sme-add-cut svg { flex-shrink: 0; }
.sme-editor[data-mode=cut] .trimmer-editor__history svg,
.sme-editor[data-mode=cut] .trimmer-editor__zoom svg { stroke-width: 2; }
.sme-editor[data-mode=cut] .trimmer-editor__selection-heading { padding: 0 2px; }
#smePlay svg { width: 20px; height: 20px; }
#smePlay.is-playing .trimmer-editor__play-icon { display: none; }
#smePlay.is-playing .trimmer-editor__pause-icon { display: block; }
#smeViewport:not(.sme-overflow)::-webkit-scrollbar-track, #smeViewport:not(.sme-overflow)::-webkit-scrollbar-thumb { background: transparent; }
@supports not selector(::-webkit-scrollbar) { #smeViewport:not(.sme-overflow) { scrollbar-color: transparent transparent; } }
.sme-editor .sme-source { position: absolute; top: 2px; height: 46px; background: #242424; overflow: hidden; }
.sme-editor .sme-source canvas { position: absolute; top: 0; height: 46px; pointer-events: none; }
.sme-editor .sme-excluded { position: absolute; top: 0; height: 50px; background: #151515b8; pointer-events: none; }
.sme-editor .sme-clip { --trimmer-clip-color: #ffdc49; position: absolute; top: 0; height: 50px; min-width: 2px; border: 2px solid #ffdc49; border-radius: 5px; cursor: crosshair; touch-action: none; }
.sme-editor[data-mode=trim] .sme-clip { border-left: 0; border-right: 0; border-radius: 0; }
.sme-editor .sme-clip .trimmer-editor__filename { font-size: 10px; padding: 3px 6px; }
.sme-editor[data-mode=cut] .trimmer-editor__track-row { height: 60px; margin: 8px 0 0; }
.sme-editor .sme-cuts-row { position: relative; height: 52px; margin: 8px 0 0; }
.sme-editor .sme-cut { position: absolute; top: 0; height: 38px; min-width: 2px; border: 2px solid #FA5595; border-radius: 8px; background: repeating-linear-gradient(45deg,#ff9bb21c 0 7px,transparent 7px 14px),#d72f693b; color: #F8A3C7; cursor: grab; touch-action: none; }
.sme-editor .sme-cut.is-active { border-color: #FF3988; background-color: #ed0b685c; z-index: 2; }
.sme-editor .sme-cut-handle { position: absolute; top: 0; bottom: 0; width: 12px; padding: 0; border: 0; background: #00000045; cursor: ew-resize; touch-action: none; }
.sme-editor .sme-cut-handle[data-edge=start] { left: 0; border-radius: 6px 0 0 6px; }
.sme-editor .sme-cut-handle[data-edge=end] { right: 0; border-radius: 0 6px 6px 0; }
.sme-editor .sme-cut-handle::after { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 15px; transform: translate(-50%,-50%); background: radial-gradient(circle,#ffb9d5 1px,transparent 1.5px) center / 3px 5px repeat-y; }
.sme-editor .sme-cut.is-small .sme-cut-handle { background: transparent; width: 50%; }
.sme-editor .sme-cut.is-small .sme-cut-handle::after { display: none; }
.sme-editor .sme-speed-card { margin-top: 0; }
.sme-editor .sme-speed-card output { color: #c8c9d1; }
.sme-editor .sme-speed-range { --sme-speed-progress: 33.333%; display: block; width: 100%; height: 20px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; border: 0; background: transparent; cursor: pointer; }
.sme-editor .sme-speed-range::-webkit-slider-runnable-track { height: 2px; background: linear-gradient(to right,#fff 0 var(--sme-speed-progress),#555 var(--sme-speed-progress) 100%); }
.sme-editor .sme-speed-range::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin-top: -7px; border: 0; border-radius: 50%; background: #fff; }
.sme-editor .sme-speed-range::-moz-range-track { height: 2px; background: #555; }
.sme-editor .sme-speed-range::-moz-range-progress { height: 2px; background: #fff; }
.sme-editor .sme-speed-range::-moz-range-thumb { width: 16px; height: 16px; border: 0; border-radius: 50%; background: #fff; }
.sme-editor .sme-speed-marks { display: flex; justify-content: space-between; margin-top: 10px; color: #888; font-size: 9px; font-variant-numeric: tabular-nums; }
.sme-editor.is-busy .sme-panel { pointer-events: none; opacity: .6; }
@media(max-width:700px) { .sme-editor .sme-preview { padding: 12px; } .sme-editor .am-sidebar-scroll { margin-top: 20px; } .sme-editor .sme-empty { min-height: 80px; } }
@media(max-width:560px) {
  .sme-editor[data-mode=cut] .sme-add-cut span { display: none; }
  .sme-editor[data-mode=cut] .trimmer-editor__controls .sme-add-cut { width: 34px; padding: 5px; }
}