a:where(.astro-soxsnotx):hover:not(disabled){color:var(--sl-color-accent-high)}button:where(.astro-soxsnotx){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-4);color:var(--text-primary);cursor:pointer;letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin:0;padding:10px 16px;font-size:15px;font-weight:600;transition-property:background,border-color,color,opacity,transform;transition-duration:.15s;transition-timing-function:ease-in-out;display:flex}button:where(.astro-soxsnotx):hover:not(:disabled){background:var(--sl-color-accent);border-color:var(--sl-color-gray-3);color:#fff}button:where(.astro-soxsnotx):active:not(:disabled){opacity:.8}button:where(.astro-soxsnotx):disabled{cursor:default}button:where(.astro-soxsnotx):disabled>:where(.astro-soxsnotx){opacity:.35}button:where(.astro-soxsnotx) svg:where(.astro-soxsnotx){width:32px;height:32px}.container:where(.astro-soxsnotx){width:100%;max-width:1280px}.video-player:where(.astro-soxsnotx){flex-direction:column;display:flex;overflow:hidden}.video-container:where(.astro-soxsnotx){aspect-ratio:16/9;justify-content:center;align-self:center;align-items:center;width:100%;max-height:720px;display:flex;position:relative}#video-canvas:where(.astro-soxsnotx){zoom:2;width:100%;height:100%;display:block}.video-overlay:where(.astro-soxsnotx){text-align:center;pointer-events:none;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay:where(.astro-soxsnotx) svg:where(.astro-soxsnotx){opacity:.5;width:80px;height:80px;display:inline-block}.video-overlay:where(.astro-soxsnotx) p:where(.astro-soxsnotx){letter-spacing:.01em;font-size:15px;font-weight:500}.controls:where(.astro-soxsnotx){backdrop-filter:blur(10px);padding:24px 24px 6px}.video-selector:where(.astro-soxsnotx){border-bottom:1px solid var(--sl-color-gray-5);margin-bottom:20px;padding-bottom:20px}.video-selector-label:where(.astro-soxsnotx){text-transform:uppercase;letter-spacing:.12em;font-weight:600}.video-selector-buttons:where(.astro-soxsnotx){flex-direction:row;align-items:end;gap:14px;display:flex}.video-selector-buttons:where(.astro-soxsnotx) button:where(.astro-soxsnotx){flex:1;width:100%}.progress-container:where(.astro-soxsnotx){flex:1;min-width:200px}.time-display:where(.astro-soxsnotx){font-variant-numeric:tabular-nums;letter-spacing:.05em;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.progress-bar:where(.astro-soxsnotx){background:var(--sl-color-gray-5);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill:where(.astro-soxsnotx){background:var(--sl-color-accent-high);border-radius:3px;width:0%;height:100%;transition:width .1s linear}.control-buttons:where(.astro-soxsnotx){align-items:center;gap:18px;display:flex}.toggle-btn-wrapper:where(.astro-soxsnotx){flex-shrink:0}.toggle-btn-wrapper:where(.astro-soxsnotx) button:where(.astro-soxsnotx){letter-spacing:.03em;background:0 0;min-width:100px;padding:12px 20px;font-weight:700}.toggle-btn-wrapper:where(.astro-soxsnotx) button:where(.astro-soxsnotx) svg:where(.astro-soxsnotx){width:20px;height:20px}.btn-primary:where(.astro-soxsnotx):hover:not(:disabled){background:var(--sl-color-accent)}.btn-stop:where(.astro-soxsnotx):hover:not(:disabled){background:var(--sl-color-red);border-color:var(--sl-color-red)}.btn-primary:where(.astro-soxsnotx) .toggle-state-stop:where(.astro-soxsnotx),.btn-stop:where(.astro-soxsnotx) .toggle-state-play:where(.astro-soxsnotx){display:none}.volume-control:where(.astro-soxsnotx){flex-shrink:0;align-items:center;gap:8px;display:flex}.volume-control:where(.astro-soxsnotx) svg:where(.astro-soxsnotx){width:20px;height:20px}input:where(.astro-soxsnotx)[type=range]{cursor:pointer;border-radius:3px;outline:none;width:100px;height:6px}input:where(.astro-soxsnotx)[type=range]::-moz-range-thumb{background:var(--sl-color-accent);border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s}input:where(.astro-soxsnotx)[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}input:where(.astro-soxsnotx)[type=range]::-moz-range-thumb:active{transform:scale(1.1)}input:where(.astro-soxsnotx)[type=range]:disabled::-moz-range-thumb{background:var(--sl-color-gray-5)}input:where(.astro-soxsnotx)[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sl-color-accent);border-radius:50%;width:14px;height:14px;transition:transform .15s}input:where(.astro-soxsnotx)[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input:where(.astro-soxsnotx)[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input:where(.astro-soxsnotx)[type=range]:disabled::-webkit-slider-thumb{background:var(--sl-color-gray-5)}input:where(.astro-soxsnotx)[type=range]:disabled{opacity:.3;pointer-events:none}.status-indicator:where(.astro-soxsnotx){border-top:1px solid var(--sl-color-gray-5);text-align:center;letter-spacing:.02em;margin-top:16px;padding-top:16px;font-size:14px;font-weight:500}.status-indicator:where(.astro-soxsnotx).active{color:var(--sl-color-accent-high)}input:where(.astro-soxsnotx)[type=file]{display:none}.modal:where(.astro-soxsnotx){background:0 0;border:none;width:100%;max-width:none;height:100%;max-height:none;margin:0}.modal:where(.astro-soxsnotx)[open]{justify-content:center;align-items:center;display:flex}.modal:where(.astro-soxsnotx)::backdrop{backdrop-filter:blur(4px);background:#1a151299}.modal-content:where(.astro-soxsnotx){background:var(--sl-color-gray-7);border:1px solid var(--sl-color-gray-4);max-width:400px;max-height:80vh;padding:28px;overflow-y:auto}.modal-header:where(.astro-soxsnotx){justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header:where(.astro-soxsnotx) h2:where(.astro-soxsnotx){letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:22px;font-weight:700}.modal-close:where(.astro-soxsnotx){cursor:pointer;color:var(--sl-color-gray-1);background:0 0;padding:4px;transition:all .15s}.modal-close:where(.astro-soxsnotx):hover{color:var(--sl-color-accent);background:0 0;transform:none}.modal-close:where(.astro-soxsnotx):active{opacity:.7}.modal-info:where(.astro-soxsnotx){padding-bottom:16px;font-size:15px;font-weight:400}.video-list:where(.astro-soxsnotx){flex-direction:column;gap:10px;display:flex}.video-list-item:where(.astro-soxsnotx){background:var(--sl-color-gray-5);border:1px solid var(--sl-color-gray-4);cursor:pointer;text-align:left;border-radius:8px;padding:16px 18px;transition:all .15s}.video-list-item:where(.astro-soxsnotx):hover{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.video-list-item:where(.astro-soxsnotx):active{opacity:.8}.video-list-item:where(.astro-soxsnotx) .video-title:where(.astro-soxsnotx){letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:600}.video-list-item:where(.astro-soxsnotx) .video-origin:where(.astro-soxsnotx){color:var(--text-secondary);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.video-list-item:where(.astro-soxsnotx):hover .video-origin:where(.astro-soxsnotx){color:#fffc}@media (width<=640px){.control-buttons:where(.astro-soxsnotx){flex-wrap:wrap}.modal:where(.astro-soxsnotx){padding:0}.modal:where(.astro-soxsnotx)[open]{display:block}.modal-content:where(.astro-soxsnotx){max-width:none;max-height:none}.toggle-btn-wrapper:where(.astro-soxsnotx){order:1;width:100%}.toggle-btn-wrapper:where(.astro-soxsnotx) button:where(.astro-soxsnotx){width:100%}.progress-container:where(.astro-soxsnotx){order:2;width:100%;margin-top:16px}.video-player:where(.astro-soxsnotx){margin-inline:calc(-1 * var(--_breakout-margin))}.video-container:where(.astro-soxsnotx){aspect-ratio:4/3}.video-overlay:where(.astro-soxsnotx){width:100%}.video-overlay:where(.astro-soxsnotx) svg:where(.astro-soxsnotx){width:60px;height:60px;display:inline-block}.volume-control:where(.astro-soxsnotx){order:3;justify-content:center;width:100%;margin-top:16px}.volume-control:where(.astro-soxsnotx) input:where(.astro-soxsnotx)[type=range]{flex:1;max-width:200px}.video-selector-buttons:where(.astro-soxsnotx){flex-direction:column}}