.thumb-preview-overlay{z-index:2;background:var(--color-surface-deepest);border-radius:inherit;animation:.3s ease-out thumbPreviewFadeIn;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@keyframes thumbPreviewFadeIn{0%{opacity:0}to{opacity:1}}.thumb-preview-iframe{pointer-events:none;border:none;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.thumb-preview-mute-badge{z-index:3;background:var(--color-black-overlay-70);width:26px;height:26px;color:var(--color-text-white);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.thumb-preview-progress{z-index:4;cursor:pointer;align-items:flex-end;height:28px;display:flex;position:absolute;bottom:6px;left:0;right:0}.thumb-preview-progress-track{background:#ffffff4d;width:100%;height:4px;transition:height .15s;position:relative}.thumb-preview-progress:hover .thumb-preview-progress-track{height:6px}.thumb-preview-progress-fill{pointer-events:none;background:red;height:100%}.thumb-preview-progress-handle{opacity:0;pointer-events:none;background:red;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.thumb-preview-progress:hover .thumb-preview-progress-handle{opacity:1}@media (max-width:599px){.thumb-preview-mute-badge{width:30px;height:30px}}