/*!
 * Tesla Sentry Mode Viewer - Styles
 * @author Mrkl21full (Krystian)
 * @version 2.0
 * @license GPL-3.0
 * @repository https://github.com/Mrkl21full/SentryModeViewer
 * @description SCSS styles for Tesla Sentry Mode Viewer with grid layout and playback controls
 */@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg-dark: #111111;--color-bg-darker: #000000;--color-bg-grid: #323234;--color-text-light: #ffffff;--color-text-muted: #999999;--color-border: #333333;--color-active: #ffffff;--color-progress: #ffffff;--color-event: #ff3b30;--color-overlay-bg: rgba(0, 0, 0, 0.6);--color-button-bg: rgba(255, 255, 255, 0.1);--color-button-hover: rgba(255, 255, 255, 0.2);--font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;font-family:var(--font-family),serif;background:var(--color-bg-darker);color:var(--color-text-light);overflow:hidden}.sentry-viewer{display:flex;flex-direction:column;width:100%;height:100vh}.sentry-viewer__main{position:relative;flex:1;background:#0d0d0d;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.sentry-viewer__top-overlay{position:absolute;top:20px;left:0;right:0;z-index:10;max-width:1600px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:0}.sentry-viewer__datetime{background:var(--color-overlay-bg);padding:10px 14px;border-radius:0 6px 6px 0;font-size:.9rem;font-weight:400;color:var(--color-text-light);backdrop-filter:blur(10px);display:inline-flex;align-items:center;letter-spacing:.2px;height:40px;border-left:1px solid hsla(0,0%,100%,.08);font-variant-numeric:tabular-nums;min-width:fit-content}.sentry-viewer__menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;background:var(--color-overlay-bg);border:none;border-radius:6px 0 0 6px;cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease;padding:10px}.sentry-viewer__menu-btn:hover{background:rgba(0,0,0,.75)}.sentry-viewer__menu-btn:active{transform:scale(0.95)}.sentry-viewer__menu-line{width:18px;height:2px;background:var(--color-text-light);border-radius:1px;transition:all .2s ease}.sentry-viewer__video-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;background:#0d0d0d;padding:0;max-width:1600px;max-height:900px;margin:auto}.sentry-viewer__video-grid-cell{background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.sentry-viewer__video-grid-cell.hidden{display:none}.sentry-viewer__video-grid-cell.fullscreen{grid-column:1/-1;grid-row:1/-1}.sentry-viewer__video-grid-video{width:100%;height:100%;object-fit:cover;display:block}.sentry-viewer__bottom-controls{position:absolute;bottom:60px;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:0 40px;z-index:10;max-width:1600px;margin:0 auto}.sentry-viewer__jump-btn{position:absolute;left:20px;background:var(--color-event);color:var(--color-text-light);border:none;padding:15px 30px;border-radius:5px;font-weight:bold;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family),serif;display:none}.sentry-viewer__jump-btn:hover{background:rgb(252,13.3913043478,0)}.sentry-viewer__jump-btn:active{transform:scale(0.98)}.sentry-viewer__jump-btn.visible{display:block}.sentry-viewer__playback-panel{display:flex;align-items:center;gap:30px;background:var(--color-overlay-bg);padding:10px 25px;border-radius:30px;backdrop-filter:blur(10px)}.sentry-viewer__playback-btn{position:relative;width:45px;height:45px;border:none;background:rgba(0,0,0,0);color:var(--color-text-light);font-size:1.3rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sentry-viewer__playback-btn:hover{background:var(--color-button-hover)}.sentry-viewer__playback-btn:active{transform:scale(0.95)}.sentry-viewer__playback-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.sentry-viewer__playback-btn--play{width:50px;height:50px;font-size:1.5rem}.sentry-viewer__playback-btn i{pointer-events:none}.sentry-viewer__playback-label{position:absolute;bottom:-2px;right:2px;font-size:.65rem;font-weight:600;pointer-events:none}.sentry-viewer__progress-container{position:absolute;bottom:10px;left:40px;right:40px;height:4px;z-index:10;max-width:1520px;margin:0 auto;display:none;cursor:pointer;transition:height .2s ease,bottom .2s ease}.sentry-viewer__progress-container.visible{display:block}.sentry-viewer__progress-container:hover{height:8px;bottom:8px}.sentry-viewer__progress-bar{position:relative;width:100%;height:100%;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.sentry-viewer__progress-fill{width:70%;height:100%;background:var(--color-progress);border-radius:2px}.sentry-viewer__event-marker{position:absolute;left:85%;top:-4px;width:4px;height:12px;background:var(--color-event);border-radius:2px;display:none}.sentry-viewer__event-marker.visible{display:block}.sentry-viewer__camera-selector{height:140px;display:flex;gap:10px;padding:15px;background:var(--color-bg-grid);overflow-x:auto;overflow-y:hidden;flex-shrink:0;justify-content:center;align-items:center}.sentry-viewer__camera-selector::-webkit-scrollbar{height:6px}.sentry-viewer__camera-selector::-webkit-scrollbar-track{background:var(--color-bg-grid)}.sentry-viewer__camera-selector::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sentry-viewer__camera-selector::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.sentry-viewer__thumb{position:relative;width:140px;height:110px;min-width:140px;background:#2a2a2c;border-radius:8px;border:2px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:all .3s ease;flex-shrink:0}.sentry-viewer__thumb::before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);pointer-events:none;z-index:1}.sentry-viewer__thumb:hover{border-color:hsla(0,0%,100%,.3)}.sentry-viewer__thumb--active{border-color:var(--color-active)}.sentry-viewer__thumb--active::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);pointer-events:none;z-index:1}.sentry-viewer__thumb[data-camera-position=left-pillar],.sentry-viewer__thumb[data-camera-position=right-pillar]{display:none}.sentry-viewer__thumb[data-camera-position=left-pillar].visible,.sentry-viewer__thumb[data-camera-position=right-pillar].visible{display:block}.sentry-viewer__thumb-video{width:100%;height:100%;object-fit:cover;display:block}.sentry-viewer__thumb-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.sentry-viewer__thumb-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:0;background:#000}.sentry-viewer__thumb-grid-cell{background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sentry-viewer__thumb-grid-video{width:100%;height:100%;object-fit:cover;display:block}.sentry-viewer__thumb-label{position:absolute;bottom:12px;left:14px;font-size:.95rem;font-weight:bold;color:var(--color-text-light);pointer-events:none;user-select:none;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2}@media(max-width: 1280px){.sentry-viewer__video-grid{max-width:1200px;max-height:675px}.sentry-viewer__camera-selector{height:130px}.sentry-viewer__thumb{width:140px;height:110px;min-width:140px}.sentry-viewer__thumb-label{font-size:.75rem}}@media(max-width: 768px){.sentry-viewer__video-grid{gap:1px}.sentry-viewer__datetime{font-size:.9rem;padding:8px 16px}.sentry-viewer__bottom-controls{bottom:30px;padding:0 15px}.sentry-viewer__jump-btn{padding:12px 24px;font-size:.9rem}.sentry-viewer__playback-panel{gap:20px;padding:8px 20px}.sentry-viewer__playback-btn{width:40px;height:40px;font-size:1.1rem}.sentry-viewer__playback-btn--play{width:45px;height:45px}.sentry-viewer__camera-selector{height:120px;padding:10px;justify-content:flex-start}.sentry-viewer__thumb{width:140px;height:110px;min-width:140px}.sentry-viewer__thumb-label{font-size:.7rem}}/*# sourceMappingURL=style.css.map */