@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body,#root{height:100%;margin:0;padding:0}.main-screen-vc{width:100%;height:100%;overflow:hidden}.main-screen-container{width:100%;display:flex;justify-content:center;align-items:center}.navbar-container{z-index:0}.main-screen{width:100%;height:100%;justify-content:center;align-items:center;overflow:hidden}.main-screen-one{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.main-screen-home{width:90%;display:flex;justify-content:space-between;margin-top:40px;overflow:hidden;gap:40px;z-index:4}.container{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;width:100%;height:100%;justify-content:center;align-items:center;gap:20px}.gradient-box{width:100%;height:100%;background:#001212;box-shadow:#64646f33 0 7px 29px;overflow:hidden;display:flex;align-items:center;justify-content:center}.dark-box{width:100%;min-height:500px;background:#001212;border-radius:16px;box-shadow:0 4px 20px #00000040;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.dark-content{display:flex;flex-direction:column;height:100%;margin-bottom:40px}.switch-wrapper{display:flex;justify-content:center;margin-bottom:24px}.action-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center}.start-btn{padding:12px 32px;background-color:#001b1b;color:#fff;font-size:1.125rem;font-weight:600;border:none;border-radius:8px;box-shadow:0 4px 6px #0003;cursor:pointer;width:100%;max-width:300px;transition:all .3s ease}.start-btn:hover{background-color:#002c2c;transform:scale(1.05)}.video-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#2d2d2d;border-radius:16px;box-shadow:0 10px 15px #00000040;overflow:hidden;position:relative}.remote-section{height:100%}.local-section{width:100%;height:100%}.local-video-user{width:100%}.chat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;justify-content:flex-end}.chat-messages{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:70%;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-row{display:flex;align-items:flex-start;gap:.5rem}.chat-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid #fff;align-self:flex-start}.chat-bubble{padding:.75rem;border-radius:.5rem;max-width:75%;box-shadow:0 2px 6px #00000040;margin-left:.5rem;font-size:.875rem;line-height:1.3}.bubble-you{background:#0012126f;color:#fff}.bubble-other{background:#4b5563bf;color:#f3f4f6}.chat-input-container{padding:1rem}.chat-form{display:flex;align-items:center;gap:.5rem}.input-wrapper{position:relative;flex:1}.chat-input{width:50%;background:#001212;border:1px solid #fff;padding:.5rem 3rem .5rem 1rem;outline:none;color:#f3f4f6;transition:all .2s ease;-ms-overflow-style:none}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.chat-input:focus{border-color:#d8d8d8;box-shadow:0 0 0 2px #fff}.send-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#fff;background:#001212;border:none;border-radius:50%;padding:.5rem;cursor:pointer;transition:background .2s ease;box-shadow:0 2px 6px #00000040}.send-button:hover{background:#2563eb}html,body{width:100%;height:100%}.custom-call{width:100%;display:flex;flex-direction:column;background-color:#1f2937;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.centered-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#001b1b}.tv-screen{width:100%;height:100%;background:#111;border-radius:10px;box-shadow:0 0 30px #000c,inset 0 0 50px #00000080;overflow:hidden;position:relative;animation:screen-flicker .3s infinite alternate}.tv-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 4px;pointer-events:none}@keyframes screen-flicker{0%{filter:brightness(.9) contrast(1.1);transform:translate(0)}25%{filter:brightness(1) contrast(1);transform:translate(-1px,1px)}50%{filter:brightness(1) contrast(1.2);transform:translate(1px,-1px)}75%{filter:brightness(.95) contrast(1);transform:translateY(1px)}to{filter:brightness(1) contrast(1.1);transform:translate(-1px)}}*{padding:0;margin:0;font-family:Poppins,sans-serif}html,body{width:100%;height:100%;background-color:#001b1b;color:#fff}.navbar-container{width:auto;height:auto;background-color:#001212;display:flex;justify-content:center;align-items:center;color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:#64646f33 0 7px 29px;z-index:8;position:relative}.navbar{width:90%;height:auto;display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;flex-direction:row;align-items:center}.navbar-left a{font-size:1.8rem;font-weight:800;margin-left:10px;text-decoration:none;color:#fff}.navbar-left a img{margin-top:20px}.bubbly-logo{max-width:70px;height:auto}.navbar-right ul{display:flex;list-style:none}.navbar-right ul li{margin-left:30px;font-size:1.1rem;font-weight:500}.navbar-right ul li a{text-decoration:none;color:#cecece}.navbar-right ul li a:hover{color:#00b1b1}.main-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:300px}.main{width:90%;margin-top:60px;height:100%;display:flex;justify-content:space-between;align-items:center}.main-left img{max-width:500px}.main-right{margin-left:40px}.main-right h1{font-size:3rem;line-height:1.1}.main-right p{margin-top:10px;color:#dcdcdc;margin-bottom:20px}.login-with-google-btn{cursor:pointer;transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.login-with-google-btn:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.login-with-google-btn:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;cursor:not-allowed}.main-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);background:linear-gradient(135deg,#0080400f,#00000008);mix-blend-mode:soft-light;z-index:1}.main-container>*:not(.emoji-field){position:relative;z-index:2}.emoji-field{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden}.emoji{position:absolute;top:-10%;font-size:28px;opacity:.95;transform:translateY(-20vh) rotate(0);will-change:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes drop{0%{transform:translateY(-10vh) translate(0) rotate(0) scale(1);opacity:0;filter:blur(0px)}10%{opacity:1}50%{transform:translateY(40vh) translate(var(--x-drift)) rotate(var(--rot-mid)) scale(var(--scale-mid));filter:blur(.4px)}to{transform:translateY(110vh) translate(calc(var(--x-drift) * 1.5)) rotate(var(--rot-end)) scale(var(--scale-end));opacity:0;filter:blur(1px)}}.emoji:nth-child(1){left:6%;--x-drift: -6px;--rot-mid: 10deg;--rot-end: 45deg;--scale-mid: 1;--scale-end: .9;animation:drop 10s linear infinite;animation-delay:0s;font-size:30px}.emoji:nth-child(2){left:18%;--x-drift: 10px;--rot-mid: -8deg;--rot-end: -60deg;--scale-mid: 1.05;--scale-end: .9;animation:drop 13s linear infinite;animation-delay:1.5s;font-size:26px}.emoji:nth-child(3){left:30%;--x-drift: -14px;--rot-mid: 6deg;--rot-end: 30deg;--scale-mid: .95;--scale-end: .85;animation:drop 11s linear infinite;animation-delay:.6s;font-size:32px}.emoji:nth-child(4){left:42%;--x-drift: 8px;--rot-mid: -12deg;--rot-end: -90deg;--scale-mid: 1.1;--scale-end: .95;animation:drop 9s linear infinite;animation-delay:2.2s;font-size:28px}.emoji:nth-child(5){left:54%;--x-drift: -10px;--rot-mid: 8deg;--rot-end: 45deg;--scale-mid: 1;--scale-end: .9;animation:drop 14s linear infinite;animation-delay:.9s;font-size:22px}.emoji:nth-child(6){left:66%;--x-drift: 12px;--rot-mid: -15deg;--rot-end: -70deg;--scale-mid: 1.05;--scale-end: .85;animation:drop 12s linear infinite;animation-delay:.2s;font-size:34px}.emoji:nth-child(7){left:76%;--x-drift: -20px;--rot-mid: 18deg;--rot-end: 80deg;--scale-mid: .95;--scale-end: .9;animation:drop 10.5s linear infinite;animation-delay:1.1s;font-size:24px}.emoji:nth-child(8){left:86%;--x-drift: 6px;--rot-mid: -6deg;--rot-end: -40deg;--scale-mid: 1;--scale-end: .8;animation:drop 15s linear infinite;animation-delay:3s;font-size:29px}.emoji:nth-child(9){left:12%;--x-drift: -18px;--rot-mid: 12deg;--rot-end: 60deg;--scale-mid: 1.02;--scale-end: .9;animation:drop 8.6s linear infinite;animation-delay:.7s;font-size:27px}.emoji:nth-child(10){left:24%;--x-drift: 20px;--rot-mid: -10deg;--rot-end: -50deg;--scale-mid: 1;--scale-end: .85;animation:drop 13.5s linear infinite;animation-delay:2.6s;font-size:31px}.emoji:nth-child(11){left:48%;--x-drift: -8px;--rot-mid: 6deg;--rot-end: 25deg;--scale-mid: .98;--scale-end: .8;animation:drop 9.8s linear infinite;animation-delay:1.8s;font-size:25px}.emoji:nth-child(12){left:70%;--x-drift: 14px;--rot-mid: -14deg;--rot-end: -55deg;--scale-mid: 1.06;--scale-end: .92;animation:drop 11.7s linear infinite;animation-delay:.3s;font-size:33px}@media (max-width: 600px){.emoji{font-size:20px}.main-container:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.navbar-profile{position:relative}.navbar-profile button{border:none;color:#fff}.navbar-profile-user{display:flex;justify-content:center;align-items:center;background-color:#001b1b;padding:10px 20px;border-radius:30px}.navbar-profile-user img{width:40px;height:40px;border:2px solid rgb(0,177,177);border-radius:100%;margin-right:10px}.custom-nav{position:absolute;right:0;margin-top:.5rem;width:14rem;background-color:#001b1b;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding-top:.5rem;padding-bottom:.5rem;z-index:10;color:#fff}.menu-item{display:flex;align-items:center;padding:.5rem 1rem;transition:background-color .2s;color:#aeaeae;text-decoration:none}.menu-item:hover{background-color:#001212}.blue-text{margin-right:.75rem;color:#00b1b1}.small-medium{font-size:.875rem;line-height:1.25rem;font-weight:500}html,body{width:100%;height:100vh}.main-username-big{width:100%;height:100%}.main-username-container{width:100%;height:80vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.main-username{width:auto;padding:40px;background-color:#001212;border-radius:30px}.input-user{width:100%;display:flex;margin-top:20px}.input-username{width:100%;background-color:#001b1b;border:none;color:#fff;font-size:1rem;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.input-button{min-width:40px;background-color:#001b1b;color:#fff;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;border:none;margin-left:5px}.input-button:hover{filter:brightness(2)}