html{scrollbar-color:#ababab var(--color-background-primary)}html:not(:has(iframe:-webkit-full-screen)){scrollbar-gutter:stable}html:not(:has(iframe:fullscreen)){scrollbar-gutter:stable}body{color:var(--color-foreground-primary);background-color:var(--color-background-primary);font-family:var(--font-family-primary),Arial,sans-serif}::selection{color:#000;background-color:var(--color-accent)}html{--color-foreground-primary:#f1f1f1;--color-foreground-secondary:#aaa;--color-background-primary:#0f0f0f;--color-background-secondary:#272727;--color-background-secondary-hover:#3d3d3d;--color-background-secondary-active:#505050;--color-accent:#ff7f00;--color-destructive:#d22d39;--color-destructive-hover:#b42831;--color-destructive-active:#a4232c;--font-family-primary:"Roboto"}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}#app{isolation:isolate}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}.base-button,.base-button-destructive,.base-button-destructive-outline,.base-button-ghost,.base-button-round{--padding-block:.375rem;--padding-inline:1rem;--color:var(--color-foreground-primary);--background-color:var(--color-background-secondary);--background-color-hover:var(--color-background-secondary-hover);--background-color-active:var(--color-background-secondary-active);padding:var(--padding-block)var(--padding-inline);color:var(--color);background-color:var(--background-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:100vmax;text-decoration:none}.base-button:hover,.base-button-destructive:hover,.base-button-destructive-outline:hover,.base-button-ghost:hover,.base-button-round:hover,.base-button:focus-visible,.base-button-destructive:focus-visible,.base-button-destructive-outline:focus-visible,.base-button-ghost:focus-visible,.base-button-round:focus-visible{--background-color:var(--background-color-hover)}.base-button:active,.base-button-destructive:active,.base-button-destructive-outline:active,.base-button-ghost:active,.base-button-round:active{--background-color:var(--background-color-active)}.base-button-round{--padding-inline:var(--padding-block)}.base-button-ghost{--background-color:transparent}.base-button-destructive,.base-button-destructive-outline{--background-color:var(--color-destructive);--background-color-hover:var(--color-destructive-hover);--background-color-active:var(--color-destructive-active);border-radius:6px}.base-button-destructive-outline:not(:hover,:focus-visible,:active){--background-color:transparent;box-shadow:inset 0 0 0 2px var(--color-destructive)}.dialog-panel-center{place-content:center;display:grid;position:fixed;inset:0}.base-dialog-panel{background-color:#212121;border-radius:12px;padding:1.5rem}.base-input{color:var(--color-foreground-primary);background-color:var(--color-background-secondary);caret-color:var(--color-accent);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;outline:none;padding:.5em .75em}.base-link{color:inherit}.base-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.dialog-backdrop[data-v-ee4c43f7]{background-color:#000000d9;position:fixed;inset:0}.header-menu-dialog-panel .dialog-button-close[data-v-3626256c]{--padding:.25rem;--margin-negative:calc((var(--padding) + .25rem)*-1);margin-top:var(--margin-negative);margin-right:var(--margin-negative);padding:var(--padding);float:right;margin-left:auto}.header-menu-dialog-panel a[data-v-3626256c]{width:fit-content;display:block}.header-menu-dialog-panel a+a[data-v-3626256c]{margin-top:.5rem}.header-menu-button[data-v-58c6a688]{display:block}.copy-button[data-v-b8883274]{-webkit-user-select:none;user-select:none;padding:.375rem 1rem}.copy-button[disabled][data-v-b8883274]{cursor:default;background-color:#0000}.copy-button .button-content-wrapper[data-v-b8883274]{position:relative}.copy-button .button-content-wrapper span[data-v-b8883274]{align-items:center;gap:.5rem;display:flex}.copy-button .button-content-wrapper span.copied[data-v-b8883274]{position:absolute;top:0}.copy-button .button-content-wrapper span.is-hidden[data-v-b8883274]{visibility:hidden}.copy-button svg[data-v-b8883274]{--size:1rem;width:var(--size);height:var(--size);transform:translateY(-1px)}.user-count[data-v-307bab9e]{cursor:default}header[data-v-9d2c4f98]{background-color:var(--color-background-primary);z-index:1;justify-content:center;align-items:center;min-height:3.5rem;padding-inline:1.5rem;display:flex;position:sticky;top:0}header .header-content[data-v-9d2c4f98]{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:baseline;gap:1rem 2rem;max-width:calc(min(80rem,177.778vh - 384px) + 1.5rem + 402px);display:flex}header .header-content .header-content-left[data-v-9d2c4f98]{align-items:baseline;gap:1rem;display:flex}header .header-content .header-content-left .header-menu[data-v-9d2c4f98]{align-self:center;margin-left:-.5rem;transform:translateY(.0625rem)}header .header-content .header-content-left .logo-link[data-v-9d2c4f98]{width:fit-content;color:inherit;-webkit-user-select:none;user-select:none;text-decoration:none;display:block}header .header-content .header-content-left .logo-link h1[data-v-9d2c4f98]{font-size:1.5rem;font-weight:400}header .header-content .header-content-right[data-v-9d2c4f98]{flex-basis:402px;justify-content:space-between;align-items:center;display:flex}main[data-v-24c4046c]{padding:1.5rem 1.5rem 3.5rem}.video-url-input[data-v-9f5f9c51]{width:402px}.video-url-input.is-invalid[data-v-9f5f9c51]{border-color:red}.video-url-input[disabled][data-v-9f5f9c51]{cursor:not-allowed}.video-list-item[data-v-4aba76cf]{isolation:isolate;will-change:transform,opacity}.video-list-item .youtube-video-link[data-v-4aba76cf]{--video-thumbnail-border-left-radius:8px;--video-thumbnail-border-right-radius:8px;--border-width:4px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;text-decoration:none;display:flex;position:relative}.video-list-item .youtube-video-link:hover .interaction-background[data-v-4aba76cf]{background-color:var(--color-background-secondary)}.video-list-item .youtube-video-link:hover .remove-video-button-wrapper .remove-video-button[data-v-4aba76cf]{visibility:visible}.video-list-item .youtube-video-link:active:not(:has(.remove-video-button:hover),.video-list-item .youtube-video-link:active.is-selected) .interaction-background[data-v-4aba76cf]{background-color:var(--color-background-secondary-active)}.video-list-item .youtube-video-link.is-selected .interaction-background[data-v-4aba76cf]{background-color:#ff000040}.video-list-item .youtube-video-link .video-thumbnail-wrapper[data-v-4aba76cf]{--video-thumbnail-width:168px;min-width:var(--video-thumbnail-width);width:var(--video-thumbnail-width);border-radius:var(--video-thumbnail-border-left-radius)var(--video-thumbnail-border-right-radius)var(--video-thumbnail-border-right-radius)var(--video-thumbnail-border-left-radius);height:94px;margin-right:.5rem;position:relative;overflow:hidden}.video-list-item .youtube-video-link .video-thumbnail-wrapper .video-thumbnail[data-v-4aba76cf]{object-fit:cover;pointer-events:none;width:100%;height:100%}.video-list-item .youtube-video-link .video-data[data-v-4aba76cf]{width:100%}.video-list-item .youtube-video-link .video-data .video-title[data-v-4aba76cf]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block-end:.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:-webkit-box;overflow:hidden}.video-list-item .youtube-video-link .video-data .channel-name[data-v-4aba76cf]{color:var(--color-foreground-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.video-list-item .youtube-video-link .remove-video-button-wrapper[data-v-4aba76cf]{align-items:flex-end;display:flex}.video-list-item .youtube-video-link .remove-video-button-wrapper .remove-video-button[data-v-4aba76cf]{--size:1.5rem;width:var(--size);height:var(--size);color:inherit;border-radius:var(--video-thumbnail-border-right-radius);cursor:pointer;visibility:hidden;background-color:#0000;border:none;place-content:center;padding:0;display:grid}.video-list-item .youtube-video-link .remove-video-button-wrapper .remove-video-button[data-v-4aba76cf]:hover{background-color:var(--color-destructive-hover)}.video-list-item .youtube-video-link .remove-video-button-wrapper .remove-video-button[data-v-4aba76cf]:active{background-color:var(--color-destructive-active)}.video-list-item .youtube-video-link .remove-video-button-wrapper .remove-video-button svg[data-v-4aba76cf]{--size:1.25rem;width:var(--size);height:var(--size)}.video-list-item .youtube-video-link .interaction-background[data-v-4aba76cf]{--spacing:.25rem;margin:calc(-1*var(--spacing));border-radius:calc(var(--video-thumbnail-border-right-radius) + var(--spacing));pointer-events:none;z-index:-1;position:absolute;inset:0}aside[data-v-1081f1a6]{gap:1rem;display:grid}aside .video-url[data-v-1081f1a6]{border:1px solid #0000;width:100%}aside .video-url.is-invalid[data-v-1081f1a6]{border-color:red}aside .video-list[data-v-1081f1a6]{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.delete-party-dialog-panel[data-v-da143167]{gap:2rem;display:grid}.delete-party-dialog-panel .dialog-title[data-v-da143167]{text-align:center;text-box:trim-both cap alphabetic;font-size:1.25rem;font-weight:400;line-height:.7}.delete-party-dialog-panel .actions[data-v-da143167]{gap:1.5rem;display:flex}.hotkey-section[data-v-c73399ab]{--margin-block:1.5rem;justify-content:center;gap:var(--margin-block);flex-direction:column;margin-block-start:var(--margin-block);display:flex}.hotkey-section .info-message[data-v-c73399ab]{text-align:center}.hotkey-section .hotkeys[data-v-c73399ab]{grid-template-columns:1fr auto auto 1fr;align-items:center;gap:.5rem 1rem;display:grid}.hotkey-section .hotkeys .hotkey-description[data-v-c73399ab]{color:var(--color-foreground-secondary);font-size:.875rem}.hotkey-section .hotkeys .hotkey-description[data-v-c73399ab]:nth-of-type(odd){text-align:right}.hotkey-section .hotkeys kbd[data-v-c73399ab]{--height:1.5rem;--border-bottom-width:3px;width:2rem;height:var(--height);color:#a6a7ab;border-width:1px 1px var(--border-bottom-width);-webkit-user-select:none;user-select:none;background-color:#26282c;border-style:solid;border-color:#363940;border-radius:.25rem;place-content:center;align-self:end;padding-inline:.3rem;font-size:.75rem;font-weight:700;display:grid}.hotkey-section .hotkeys kbd.is-pressed[data-v-c73399ab]{--press-size:1px;height:calc(var(--height) - var(--press-size));border-bottom-width:calc(var(--border-bottom-width) - var(--press-size));background-color:#ff000040;margin-block-start:var(--press-size)}.hotkey-section .hotkeys kbd svg[data-v-c73399ab]{width:.75rem;display:block}.party .columns[data-v-2f1f17a7]{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.party .columns .column-primary[data-v-2f1f17a7]{flex:640px;max-width:min(80rem,177.778vh - 384px)}.party .columns .column-primary .video-player-wrapper[data-v-2f1f17a7]{--border-radius:12px;aspect-ratio:16/9;position:relative}.party .columns .column-primary .video-player-wrapper[data-v-2f1f17a7] iframe{-webkit-user-select:none;user-select:none;display:block}.party .columns .column-primary .video-player-wrapper[data-v-2f1f17a7] iframe:not(:-webkit-full-screen){border-radius:var(--border-radius)}.party .columns .column-primary .video-player-wrapper[data-v-2f1f17a7] iframe:not(:fullscreen){border-radius:var(--border-radius)}.party .columns .column-primary .video-player-wrapper .video-player-loading-screen[data-v-2f1f17a7]{border-radius:var(--border-radius);z-index:-1;background-color:#000;position:absolute;inset:0}.party .columns .column-primary .info-section[data-v-2f1f17a7],.party .columns .column-primary .actions-section[data-v-2f1f17a7]{margin-block-start:4rem}.party .columns .column-secondary[data-v-2f1f17a7]{flex-shrink:0;width:402px}.overlay-screen[data-v-1790f470]{background-color:var(--color-background-primary);position:fixed;inset:0}.create-party-screen[data-v-467a2d9d]{grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;position:absolute;inset:0}.create-party-screen header[data-v-467a2d9d]{place-content:center;display:grid}.create-party-screen header h2[data-v-467a2d9d]{font-size:1.5rem;font-weight:400}.create-party-screen .create-party[data-v-467a2d9d]{--spacing:1.5rem;width:100%;max-width:2010px;padding-inline:var(--spacing);justify-content:space-evenly;gap:5rem var(--spacing);flex-wrap:wrap;display:flex}.create-party-screen .create-party .column[data-v-467a2d9d]{max-width:402px}.create-party-screen .create-party .column h3[data-v-467a2d9d]{margin-bottom:1rem;font-size:1.5rem;font-weight:400}.create-party-screen .create-party .column p[data-v-467a2d9d]{color:var(--color-foreground-secondary);margin-bottom:2.5rem}.join-party-screen[data-v-98e5a844]{place-content:center;display:grid;position:absolute;inset:0}.join-party-screen .password[data-v-98e5a844]{grid-template-rows:1fr auto 1fr;gap:.5rem;display:grid}.join-party-screen .password .password-label[data-v-98e5a844]{align-self:end;width:fit-content}.join-party-screen .password .password-input[data-v-98e5a844]{width:fit-content}.join-party-screen .password.is-invalid .password-input[data-v-98e5a844]{border-color:red}.join-party-screen .password:not(.is-invalid) .error-message[data-v-98e5a844]{visibility:hidden}.party-ended-view[data-v-1c1a164e]{place-content:center;display:grid;position:absolute;inset:0}.party-ended-view .wrapper[data-v-1c1a164e]{flex-direction:column;align-items:center;gap:1.5rem;display:flex}