.video-player[data-v-f27b8c5a]{background-color:#000;border-radius:8px;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.video-player--inline-fullscreen[data-v-f27b8c5a]{background-color:var(--color-gray-900);z-index:2147483647;border-radius:0;block-size:100dvh;inline-size:100dvw;position:fixed;inset:0}.video-poster[data-v-f27b8c5a]{z-index:1;background:0 0;padding:0;position:absolute;inset:0}.play-button[data-v-f27b8c5a],.video-poster[data-v-f27b8c5a]{cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.play-button[data-v-f27b8c5a]{background-color:#ffffffe6;border-radius:50%;block-size:64px;inline-size:64px;transition:all .2s}.play-button[data-v-f27b8c5a]:hover{background-color:#fff;transform:scale(1.1)}.video-error[data-v-f27b8c5a]{align-items:center;gap:var(--spacing-sm);background-color:#000;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.error-text[data-v-f27b8c5a]{color:#999;margin-block:0;font-size:14px}.video-error__link[data-v-f27b8c5a]{border:1px solid color-mix(in srgb,var(--color-white) 24%,transparent);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md);transition:background-color var(--transition-fast),border-color var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.video-error__link[data-v-f27b8c5a]:focus-visible,.video-error__link[data-v-f27b8c5a]:hover{background-color:color-mix(in srgb,var(--color-white) 12%,transparent);border-color:color-mix(in srgb,var(--color-white) 42%,transparent)}.video-element[data-v-f27b8c5a]{cursor:pointer;-o-object-fit:contain;object-fit:contain;background-color:#000;block-size:100%;inline-size:100%;display:block}.player-controls[data-v-f27b8c5a]{-webkit-backdrop-filter:blur(var(--spacing-xs));backdrop-filter:blur(var(--spacing-xs));background-color:color-mix(in srgb,var(--color-gray-900) 60%,transparent);border-radius:var(--radius-3xl);align-items:center;gap:var(--spacing-sm);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm);transition:background-color var(--transition-base);z-index:10;display:flex;position:absolute;inset-block-end:var(--spacing-lg);inset-inline-end:var(--spacing-lg)}.player-controls[data-v-f27b8c5a]:hover{background-color:color-mix(in srgb,var(--color-gray-900) 80%,transparent)}.control-btn[data-v-f27b8c5a],.volume-controls[data-v-f27b8c5a]{align-items:center;display:flex}.control-btn[data-v-f27b8c5a]{block-size:var(--icon-lg);cursor:pointer;inline-size:var(--icon-lg);background:0 0;border:none;justify-content:center;padding:0}@media (width<=768px){.control-btn--fullscreen[data-v-f27b8c5a]{display:none}}.volume-slider-wrapper[data-v-f27b8c5a]{opacity:0;inline-size:0;transition:inline-size .25s,opacity .25s;overflow:hidden}.volume-slider-wrapper--visible[data-v-f27b8c5a]{opacity:1;inline-size:80px}.volume-slider[data-v-f27b8c5a]{appearance:none;background:color-mix(in srgb,var(--color-white) 30%,transparent);border-radius:var(--radius-sm);cursor:pointer;outline:none;block-size:4px;inline-size:80px;display:block}.volume-slider[data-v-f27b8c5a]::-webkit-slider-thumb{appearance:none;background:var(--color-white);cursor:pointer;border:none;border-radius:50%;block-size:14px;inline-size:14px}.volume-slider[data-v-f27b8c5a]::-moz-range-thumb{background:var(--color-white);cursor:pointer;border:none;border-radius:50%;block-size:14px;inline-size:14px}
