section[data-astro-cid-of64zef6]{flex:1;display:grid;grid-template-columns:1fr 371px;grid-template-rows:auto 1fr;grid-template-areas:"player info" "viewer-count info";height:100%;width:100%;overflow:hidden;& video[data-astro-cid-of64zef6]{grid-area:player;max-width:100%;max-height:calc(100vh - 230px);margin:0 auto;aspect-ratio:16 / 9;border-radius:30px;overflow:hidden;border:2px solid #4e546a}.info[data-astro-cid-of64zef6]{grid-area:info;padding:40px 20px;display:flex;flex-direction:column;gap:10px;.title[data-astro-cid-of64zef6]{font-size:22px;line-height:1.2;font-weight:700;color:#ffae00;text-transform:uppercase}.channel[data-astro-cid-of64zef6],.clipper[data-astro-cid-of64zef6]{font-size:14px;line-height:1.2;color:#ffae00}}.viewer-count[data-astro-cid-of64zef6]{margin-left:auto;width:200px;grid-area:viewer-count;position:relative;z-index:120;display:flex;align-items:start;justify-content:flex-end;color:#e02945;font-size:23px;text-align:center;padding:20px;.inner[data-astro-cid-of64zef6]{display:flex;align-items:center;gap:10px;&:before{display:block;content:"";width:20px;height:20px;border-radius:50%;background-color:#e02945}}}}@media (width <= 1024px){section[data-astro-cid-of64zef6]{flex:1;padding-top:30px;height:calc(100% - 40px);grid-template-areas:"player" "viewer-count" "info";grid-template-columns:1fr;grid-template-rows:auto auto 1fr;& video[data-astro-cid-of64zef6]{width:calc(100% - 4px);max-height:unset;border-radius:20px}.viewer-count[data-astro-cid-of64zef6]{justify-content:center}.info[data-astro-cid-of64zef6]{padding:20px}}}section[data-astro-cid-lo6qecyb]{flex:1;display:grid;grid-template-columns:1fr 371px;height:100%;width:100%;overflow:hidden;& video[data-astro-cid-lo6qecyb]{height:100%;max-height:900px;aspect-ratio:16/9}.info[data-astro-cid-lo6qecyb]{padding:40px 20px;display:flex;flex-direction:column;gap:10px;.title[data-astro-cid-lo6qecyb]{font-size:22px;line-height:1.2;font-weight:700;color:#ffae00;text-transform:uppercase}.channel[data-astro-cid-lo6qecyb],.clipper[data-astro-cid-lo6qecyb]{font-size:14px;line-height:1.2;color:#ffae00}}.viewer-count[data-astro-cid-lo6qecyb]{position:fixed;bottom:68px;right:450px;z-index:120;color:#e02945;font-size:23px;text-align:center;display:flex;align-items:center;gap:10px;&:before{display:block;content:"";width:20px;height:20px;border-radius:50%;background-color:#e02945}}}section[data-astro-cid-acj2vcdz]{flex:1;display:grid;grid-template-areas:"player chat" "viewer-count chat-input";grid-template-rows:auto 108px;grid-template-columns:1fr 371px;height:calc(100% - 10px);width:100%;overflow:hidden;.player[data-astro-cid-acj2vcdz]{grid-area:player;width:100%;max-height:calc(100vh - 230px);margin:0 auto;aspect-ratio:16 / 9;border-radius:30px;overflow:hidden;border:2px solid #4e546a}.chat[data-astro-cid-acj2vcdz]{grid-area:chat;height:calc(100% - 35px);width:100%;padding:20px;& iframe[data-astro-cid-acj2vcdz]{border:none}}.viewer-count[data-astro-cid-acj2vcdz]{margin-left:auto;width:200px;grid-area:viewer-count;position:relative;z-index:120;display:flex;align-items:start;justify-content:flex-end;color:#e02945;font-size:23px;text-align:center;padding:20px;.inner[data-astro-cid-acj2vcdz]{display:flex;align-items:center;gap:10px;&:before{display:block;content:"";width:20px;height:20px;border-radius:50%;background-color:#e02945}}}.chat-input[data-astro-cid-acj2vcdz]{grid-area:chat-input;position:relative;z-index:120;box-sizing:border-box;margin-left:auto;width:calc(100% - 25px);height:107px;border-radius:30px;background:#20222f;padding:20px 20px 45px 45px;&:focus-within{outline:2px solid #4e546a;outline-offset:-2px}&:has(:disabled){cursor:not-allowed;opacity:.5;[data-astro-cid-acj2vcdz]{cursor:not-allowed}}&.error{outline:2px solid #e02945;outline-offset:-2px}&.loading{cursor:wait;outline:2px solid #2844aa;outline-offset:-2px;animation:pulsate 1s ease-in-out infinite;[data-astro-cid-acj2vcdz]{cursor:wait}}& svg[data-astro-cid-acj2vcdz]{position:absolute;top:20px;left:15px;width:20px;height:20px}& textarea[data-astro-cid-acj2vcdz]{outline:none;width:100%;height:100%;border:none;background:transparent;font-size:14px;resize:none;color:#fff}& button[data-astro-cid-acj2vcdz]{position:absolute;bottom:15px;right:15px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer}&.disabled{cursor:not-allowed;[data-astro-cid-acj2vcdz]{cursor:not-allowed}}}}@keyframes pulsate{0%{outline-offset:-2px}50%{outline-offset:-5px}to{outline-offset:-2px}}@media (width <= 1024px){section[data-astro-cid-acj2vcdz]{flex:1;padding-top:30px;height:calc(100% - 100px);grid-template-areas:"player" "viewer-count" "chat" "chat-input";grid-template-columns:1fr;grid-template-rows:auto 35px 1fr 152px;.player[data-astro-cid-acj2vcdz]{width:calc(100% - 4px);border-radius:20px}.chat[data-astro-cid-acj2vcdz]{height:100%;width:100%;padding:0}.viewer-count[data-astro-cid-acj2vcdz]{justify-content:center;padding:0;width:calc(100% - 4px)}.chat-input[data-astro-cid-acj2vcdz]{position:relative;inset:0;width:calc(100% - 4px)}}}main[data-astro-cid-gc7hkcb2]{flex:1;padding:30px 16px 0;margin-bottom:-95px}