.popupMenu .canvas{position:fixed;top:50px;left:50px;font:var(--p2-medium);color:var(--white);background-color:var(--basalt);padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.popupMenu .backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(179.46deg,#00000040 45.72%,#ff000440 125.24%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.popupMenu .groupName{font:var(--s1-medium);color:var(--text-light-theme-primary);opacity:.5;margin:14px 1rem 4px;display:none}.popupMenu .item{background-color:transparent;border:none;cursor:pointer;display:block;font:inherit;padding:10px;border-radius:5px;margin-bottom:4px;text-align:left;width:100%}.popupMenu .item:hover{background-color:#fff3}.popupMenu .item svg{color:var(--black);width:20px;vertical-align:middle;margin-right:.5rem;margin-top:-2px}.popupMenu .item img{color:var(--black);width:12px;vertical-align:middle;margin-right:8px}.popupMenu .socialShare{border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.popupMenu .socialShare .groupName,.popupMenu .socialShare .label{display:none}.popupMenu .socialShare .items{display:flex}.popupMenu .socialShare .items svg{width:32px;height:32px}.popupMenu .socialShare .item{padding:0}.popupMenu .socialShare .item:hover{background:transparent}.popupMenu .socialShare .item:last-child svg{margin-right:0}.phone .popupMenu .backdrop{background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%}.phone .popupMenu .grip{width:32px;height:4px;border-radius:2px;background-color:#d8dfecb3;margin:4px auto 16px}.phone .popupMenu .canvas{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;padding:8px;position:fixed;top:unset;width:100%}.phone .popupMenu .canvas .groupName{font:var(--p1-medium);opacity:1;margin:20px 1rem 8px}.phone .popupMenu .canvas .items{align-items:center;display:flex;flex-flow:row wrap;gap:8px;justify-content:space-between}.phone .popupMenu .canvas .item{width:auto;flex-grow:1;min-width:100px;white-space:nowrap;background-color:#d8dfec4d;border-radius:12px;height:60px;line-height:60px;text-align:center}.phone .popupMenu .canvas .item img{width:28px}.shareGifMenu{z-index:7}.shareGifMenu svg.link,.shareGifMenu svg.embed{color:var(--brand-pink)}.phone .item.reddit svg,.phone .item.twitter svg,.phone .item.discord svg{display:block;margin:10px auto -14px}.userInfo{position:relative;z-index:3}.userInfo .userName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font:var(--p1-medium)}.userInfo .userAvatar{color:inherit;text-decoration:none;display:flex;align-items:center;font:var(--p2-medium)}.userInfo .userAvatar span{margin-left:8px}.userInfo .userAvatar img,.userInfo .userAvatar .avatarDefault{background-color:var(--graphite);border-radius:50%;overflow:hidden;object-position:center;object-fit:cover;width:40px;height:40px}.sidebar{position:relative;z-index:6;display:flex;flex-direction:column;gap:16px}.sidebar button{all:unset}.sidebar svg{width:32px;height:32px;cursor:pointer;display:block;filter:drop-shadow(1px 0 5px black)}.embeddedPlayer{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;font:var(--s1-medium)}.embeddedPlayer .backdropWrap{position:absolute;z-index:1;overflow:hidden;height:100%;width:100%}.embeddedPlayer .backdropWrap img{top:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(18px);opacity:.5}.embeddedPlayer a{text-decoration:none;color:inherit}.embeddedPlayer a.logo{line-height:0;display:block;position:absolute;top:1rem;left:1rem;z-index:3}.embeddedPlayer a.logo svg{width:126px;height:23px}.embeddedPlayer video{width:100%;height:100%;object-fit:contain;object-position:center;position:absolute;z-index:2}.embeddedPlayer .videoLink{cursor:inherit}.embeddedPlayer .playIcon{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);cursor:pointer;opacity:.5;width:56px;height:56px;z-index:3}.embeddedPlayer .playIcon:hover{opacity:1}.embeddedPlayer .shareGifMenu{position:relative;z-index:6}.embeddedPlayer .shareGifMenu .canvas{left:inherit;top:inherit;bottom:53px;right:66px}.embeddedPlayer .progressBar{width:100%;display:flex;align-items:center;gap:16px;height:24px;position:relative;z-index:3}.embeddedPlayer .progressBar .seek-slider{width:100%}.embeddedPlayer .progressBar .countdown{display:inline-block}.embeddedPlayer .playerBottom{position:absolute;bottom:0;display:flex;gap:16px;max-width:100vw;width:100%;padding:0 16px 6px}.embeddedPlayer .playerInfoAndProgress{flex:1;display:flex;flex-direction:column;justify-content:end}.embedPage p.message{text-align:center;height:100vh;line-height:100vh}.embedPage p.message.error{color:#f44}
