@import"https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@600;700&display=swap";.avatar{height:32px;width:32px;position:relative;transition:all .14s ease-in-out;transform:scale(1);flex-shrink:0;font-size:12px;font-weight:800;background-color:#424446;line-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar,.avatar .pro{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar .pro{background-color:#15181a;height:24px;width:24px;position:absolute;bottom:-3px;right:-3px}.avatar .pro .icon{height:12px;width:12px}.avatar img{height:100%;width:100%;border-radius:50%;transition:border-radius .14s ease-in-out}.avatar svg.guest{height:50%;width:50%;opacity:.64}.avatar.add{cursor:pointer;background-color:#00c56a;color:#fff}.avatar.count{cursor:pointer;background-color:#424446;color:#d3d4d4;font-size:14px}.avatar.button.translucent,.avatar.small,.chat .avatar.user,.menu .option .avatar.label,.menu .option .avatar.shortcut{height:24px;width:24px;line-height:24px;font-size:10px}.avatar.medium{height:36px;width:36px;line-height:36px;font-size:14px}.avatar.large{height:48px;width:48px;font-size:16px;line-height:48px}.avatar.xlarge{height:60px;width:60px;font-size:20px;line-height:60px}button{border:none;-webkit-appearance:none;outline:0;background-color:rgba(0,0,0,0);padding:0}.button{padding:12px 20px;border-radius:4px;color:#f6f6f6;background-color:#515354;box-shadow:none;line-height:24px;font-weight:500;cursor:pointer;transform:translateY(0);transition:color 70ms ease,background-color 70ms ease,transform 70ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;position:relative}.button,.button .loader{display:flex;align-items:center;justify-content:center}.button .loader{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff}.button>.icon{margin-right:8px}.button:hover{color:#fff;background-color:#606263}.button:active{transform:translateY(1px)}.button.primary{background-color:#e87257;color:#f6f6f6}.button.primary:hover{background-color:#d5523e}.button.tertiary{background-color:#15181a;color:#f6f6f6}.button.tertiary:hover{background-color:#111315}.button.success{background-color:#03925b;color:#f6f6f6}.button.success:hover{background-color:#009c60}.button.small,.button.translucent,.chat .button.user,.menu .option .button.label,.menu .option .button.shortcut{font-size:unset;line-height:16px;letter-spacing:0;padding:12px 16px}.button.twitter{background-color:#1da1f2;color:#fff}.button.pro{background-color:#ff5c7e;color:#fff}.button.discord{background-color:#7289da;color:#fff}.button.large{font-size:18px;line-height:18px;letter-spacing:.3px;padding:20px 24px}.button.transparent{color:#d3d4d4}.button.translucent,.button.transparent,.button.transparent:hover{background-color:rgba(0,0,0,0)}.button.translucent{padding:4px 0;color:#cbcbcb}.button.translucent:hover{background-color:rgba(0,0,0,0);color:#f6f6f6}.button.translucent:active{transform:translateY(0)}.button:disabled{background-color:#424446;color:#7d7f80;pointer-events:none;cursor:default}.button.loading{color:rgba(0,0,0,0)!important}.container{display:flex;margin:0 auto;flex-shrink:0;flex-direction:column;width:100%;flex-grow:1;max-width:920px;padding:0 32px}.container.sm{max-width:620px}.container.lg{max-width:1660px}@media(max-width:1199px){.container{padding:0 24px}}.party{display:flex;height:100%;width:100%}@media(max-width:1199px){.party{flex-direction:column}}.party .playlist{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;scrollbar-width:none}.party .playlist .list{padding:0 20px 20px}.party .playlist section{position:relative;background-color:rgba(36,39,41,.98);position:sticky;top:0;padding:20px 20px 12px;z-index:2}.party .list{display:flex;flex-direction:column;flex-grow:1;height:100%}.party .list>.inner{padding:0 20px 24px;height:100%}.party .list .chatbox,.party .list .upsell{position:relative;display:flex;flex-direction:column;margin:auto 20px 20px;flex-shrink:0}.party .list .chatbox:after,.party .list .upsell:after{display:flex;content:" ";pointer-events:none;top:-20px;position:absolute;left:0;right:0;width:100%;height:20px;background:linear-gradient(0deg,#242729,rgba(36,39,41,0));z-index:4}.party .list .chatbox .input{flex-grow:1}.party .chatbox .pointswrapper{position:relative;display:flex;align-items:center;white-space:nowrap}.party .chatbox .pointswrapper .counter{font-weight:700;color:#0ac4a5;margin-left:4px}.party .chatbox .points{cursor:pointer;display:flex;align-items:center;color:#0ac4a5;padding:4px 12px 4px 4px;border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.party .chatbox .points>.icon{display:flex;flex-shrink:0}.party .chatbox .points:hover{background-color:rgba(42,141,128,.2509803922)}.party .chatbox .points:active{background-color:rgba(42,141,128,.3137254902)}.party .videopanel{display:flex;flex-direction:column;flex-grow:1;background-color:#000;width:100%;overflow:hidden;position:relative}.party .videopanel.empty{background-color:#202325;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;border-left:2px solid #242729}.party .videopanel.empty .bgoverlay:after{display:block;bottom:0;left:0;content:" ";position:absolute;width:100%;height:240px;background:linear-gradient(0deg,#202325,rgba(32,35,37,0))}.party .videopanel.empty .description{margin:auto;display:flex;flex-direction:column;align-items:center;max-width:520px;padding:40px;width:100%;text-align:center;position:relative;z-index:2}.party .videopanel.empty .description>*{width:100%}.party .videopanel.empty .description button{display:flex;align-items:center;padding:20px;border-radius:6px;background-color:#333537;color:#f6f6f6;width:100%;font-weight:500;cursor:pointer;transform:scale(1);transition:transform 70ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.party .videopanel.empty .description button:not(.disabled):hover{background-color:#424446;transform:scale(1.02)}.party .videopanel.empty .description button:not(.disabled):active{transform:scale(1)}.party .videopanel.empty .description button svg:first-of-type{margin-right:16px;height:32px;width:32px}.party .videopanel.empty .description button svg:last-of-type{margin-left:auto;color:#8c8e8f}.party .videopanel.empty .description button+button{margin-top:16px}.party .videopanel.empty .description button.disabled{color:#aaabac;opacity:.48;cursor:default}.party .videopanel.empty .description button.disabled svg:last-of-type{display:none}.party .videopanel iframe,.party .videopanel>.react-player{width:100%!important;height:100%!important}.party .videopanel .react-player *{min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important}.party .videopanel .react-player>div{display:flex;justify-content:center;align-items:center}@media(max-width:1199px){.party .videopanel{flex-grow:0;height:30vh;flex-shrink:0}.party .videopanel.empty .description>h4{font-size:18px;line-height:22px}.party .videopanel.empty .description>p,.party .videopanel.empty .policy ol .description>li,.party .videopanel.empty .policy ul .description>li,.policy ol .party .videopanel.empty .description>li,.policy ul .party .videopanel.empty .description>li{display:none}.party .videopanel.empty .description button{padding:8px}.party .videopanel.empty .description button:first-of-type{display:none}}.layout{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:1;height:100%;width:100%;overflow-y:auto}@media(min-width:1200px){.layout{padding-left:72px}}.apppage{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;min-height:100%;width:100%;overflow-y:auto}@media(min-width:1200px){.apppage{padding:64px 20px 64px 72px}}.apppage.md>.container{max-width:920px}.apppage .showmore{position:relative;cursor:pointer;border-bottom:2px solid #333537;transition:border-color .14s ease;margin-top:24px}.apppage .showmore button{position:relative;z-index:2;cursor:pointer;padding:24px;color:#606263;transition:color .14s ease}.apppage .showmore:hover{border-color:#424446}.apppage .showmore:hover button{color:#7d7f80}.apppage>nav.header{position:fixed;top:0;left:0;width:100%;z-index:890;transition:all .14s ease}@media(min-width:1200px){.apppage>nav.header{padding:20px 40px 20px 92px}}.apppage>nav.header.overlay{background-color:rgba(36,39,41,.96)}@media(max-width:1199px){.apppage .page-header{margin-top:4rem}.apppage.discover-page .page-header{margin-top:5.5rem}.apppage>nav.overlay div:first-child{display:none}}.page{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;min-height:100%;width:100%;padding-top:100px}.page>nav{top:0;padding:20px 20px 20px 32px;background-color:rgba(36,39,41,.96);z-index:900}.page>.backto,.page>nav{left:0;position:fixed;width:100%}.page>.backto{bottom:0;padding:20px;pointer-events:none;display:flex;justify-content:flex-end}.page>.backto>*{pointer-events:all}.centerpage{flex-grow:1;flex-shrink:0;height:100%;width:100%}.centerpage,.centerpage>.inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.centerpage>.inner{text-align:center;margin-top:auto;max-width:400px;margin-bottom:auto}.modal{z-index:1800;display:flex;overflow-y:auto;max-height:100%;scrollbar-width:none}.modal,.modal>.backdrop{position:fixed;top:0;left:0;width:100%;height:100%}.modal>.backdrop{z-index:110;background-color:rgba(0,0,0,.76)}.modal>.inner{position:relative;z-index:120;width:100%;max-width:600px;margin:auto;max-height:80vh}.modal>.inner:not(.search){max-width:520px;pointer-events:all;background-color:#333537;box-shadow:0 4px 24px rgba(13,14,16,.4);border-radius:8px;overflow:hidden;padding:20px}.modal>.inner:not(.search).s-small{max-width:440px}.modal>.inner:not(.search).s-large{max-width:780px}.modal>.inner .footer{margin-left:-20px;margin-right:-20px;margin-bottom:-20px;padding:20px;background-color:#242729}.modal .mobileclose{display:none;align-items:center;justify-content:center;text-align:center;width:100%;position:fixed;bottom:0;left:0;background-color:#333537;z-index:200;cursor:pointer}.activity .modal .mobileclose .label,.emoji-mart .modal .mobileclose .emoji-mart-preview-name,.emoji-mart .modal .mobileclose .emoji-mart-preview-shortnames,.liveparty .modal .mobileclose .tag,.modal .mobileclose .activity,.modal .mobileclose .activity .label,.modal .mobileclose .emoji-mart .emoji-mart-preview-name,.modal .mobileclose .emoji-mart .emoji-mart-preview-shortnames,.modal .mobileclose .liveparty .tag,.modal .mobileclose .toasts .toast,.modal .mobileclose .tooltip>.inner,.modal .mobileclose .videoitem.partyitem .thumbnail .tag,.modal .mobileclose small,.toasts .modal .mobileclose .toast,.videoitem.partyitem .thumbnail .modal .mobileclose .tag{color:#e5e5e5}.modal .buttons{display:flex;justify-content:flex-end}@media(max-width:1199px){.modal{padding:0}.modal,.modal>.backdrop{background-color:#333537}.modal>.inner{max-width:none}.modal>.inner:not(.search){padding:32px 24px 84px;max-width:none;border-radius:0;box-shadow:none;min-height:100%;border:0;height:auto}.modal .buttons button{width:100%!important}.modal .buttons button:first-child{display:none}.modal .buttons .mobileclose{display:flex}}.search{min-height:70vh;max-height:70vh;display:flex;flex-direction:column;transform-origin:bottom center;pointer-events:none;height:100%}.search>.searchinput{display:flex;align-items:center;border-radius:10px;width:100%;background-color:#333537;box-shadow:0 4px 32px rgba(13,14,16,.4);padding-left:24px;pointer-events:all;flex-shrink:0}.search>.searchinput>input{background-color:rgba(0,0,0,0);width:100%;height:100%;padding:24px 12px 24px 4px}.search .scroll{overflow-y:auto;max-height:100%;scrollbar-width:none}.search .results{display:flex;flex-direction:column;border-radius:10px;width:100%;background-color:#333537;margin-top:24px;box-shadow:0 4px 24px rgba(13,14,16,.4);pointer-events:all;flex-shrink:1;overflow:hidden}.search .results div.title:first-of-type{margin-top:8px}.search .results div.result:last-of-type{margin-bottom:12px}.search .title{padding:12px 24px;position:sticky;top:0;z-index:2;background-color:#333537}.search .result{display:flex;align-items:center;padding:10px 16px 10px 12px;border-radius:6px;margin:0 12px;flex-shrink:0;cursor:pointer}.search .result .videoitem{width:85%}.search .result .videoitem *{cursor:pointer!important}.search .result+.title{margin-top:12px}.search .result .add{margin-left:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background-color:#424446;height:32px;width:32px}.search .result .badge{margin-left:auto}.search .result:not(.exists).active,.search .result:not(.exists):hover{background-color:#424446}.search .result:not(.exists).active .add,.search .result:not(.exists):hover .add{color:#fff;background-color:#00c56a}.search .result.exists{cursor:default!important}.search .result.exists .videoitem{opacity:.48;width:75%}.search .result.exists *{cursor:default!important}.search .tip{border-radius:0 0 10px 10px}@media(max-width:1199px){.search{background-color:#333537;min-height:unset;max-height:unset;padding-bottom:60px}.search .results,.search .searchinput{border:0;box-shadow:none;margin:0}.search>.searchinput{border-bottom:1px solid #424446}.search>.results{height:100%}.search .tip{display:none}}.videoitem{display:flex;flex-direction:column;white-space:nowrap;flex-shrink:0}.videoitem>.thumbnail{display:inline-flex;flex-shrink:0;padding-top:56.25%;width:100%;content:" ";align-items:center;justify-content:center;background-size:cover;background-position:50%;border-radius:4px;position:relative;transform:scale(1);transition:transform 70ms ease}.videoitem>.thumbnail.fallback{color:#b9baba;background-color:#333537;box-shadow:inset 0 0 0 1px #424446}.videoitem>.thumbnail.fallback>.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoitem>.description{margin-top:8px}.videoitem>.description,.videoitem>.description>.inner{display:flex;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.videoitem>.description>.inner{overflow:hidden;flex-direction:column}.activity .videoitem>.description .label,.emoji-mart .videoitem>.description .emoji-mart-preview-name,.emoji-mart .videoitem>.description .emoji-mart-preview-shortnames,.liveparty .videoitem>.description .tag,.policy ol .videoitem>.description li,.policy ul .videoitem>.description li,.toasts .videoitem>.description .toast,.videoitem.partyitem .thumbnail .videoitem>.description .tag,.videoitem>.description .activity,.videoitem>.description .activity .label,.videoitem>.description .emoji-mart .emoji-mart-preview-name,.videoitem>.description .emoji-mart .emoji-mart-preview-shortnames,.videoitem>.description .liveparty .tag,.videoitem>.description .policy ol li,.videoitem>.description .policy ul li,.videoitem>.description .toasts .toast,.videoitem>.description .tooltip>.inner,.videoitem>.description .videoitem.partyitem .thumbnail .tag,.videoitem>.description p,.videoitem>.description small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videoitem>.description .actions{display:flex;flex-shrink:0;margin-left:auto;padding-left:12px}.videoitem>.description .actions .toggle{display:flex;justify-content:center;align-items:center;height:32px;width:32px;color:#8c8e8f;border-radius:50%;transition:all 70ms ease;cursor:pointer;transform-origin:center center;position:relative;top:-4px}.videoitem>.description .actions .toggle:hover{background-color:#333537;color:#b9baba}.videoitem.clickable{cursor:pointer}.videoitem.row{flex-direction:row;align-items:center;max-width:100%}.videoitem.row>.thumbnail{padding:0;width:65px;height:50px;margin-right:16px;border-radius:4px}.videoitem.row>.description{margin-top:0;overflow:hidden}.videoitem+.videoitem{margin-top:24px}.videoitem .actions .dropdown.open .toggle{background-color:#333537;color:#b9baba}.videoitem.partyitem{max-width:100%;text-overflow:ellipsis;white-space:nowrap;position:relative;cursor:pointer}.videoitem.partyitem>.description>.inner{flex-direction:row;align-items:center}.videoitem.partyitem+.partyitem{margin-top:0}.videoitem.partyitem .thumbnail .tag{left:8px;bottom:8px;border-radius:4px;overflow:hidden;position:absolute;display:flex;align-items:center;color:#f6f6f6}.videoitem.partyitem .thumbnail .playing{padding:0 6px;background-color:rgba(221,81,68,.9);animation:pulse 1.4s linear infinite alternate}@keyframes pulse{0%{color:#fff}40%{color:#fff}to{color:hsla(0,0%,100%,.48)}}.videoitem.partyitem .thumbnail .ended,.videoitem.partyitem .thumbnail .new{padding:0 6px;background-color:rgba(36,39,41,.9)}.videoitem.partyitem .thumbnail .viewers{padding:0 6px;display:flex;align-items:center;background-color:rgba(21,24,26,.9)}.videoitem.partyitem .thumbnail:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%}.videoitem.partyitem .thumbnail.fallback{border:none;box-shadow:none}.videoitem.partyitem:hover .thumbnail{transform:scale(1.02)}.videoitem.partyitem:hover .thumbnail:after{backdrop-filter:brightness(120%)}.panel{transition:width .14s linear;will-change:width;z-index:900;background-color:#242729;overflow:hidden}.panel,.panel>.inner{display:flex;height:100%;width:344px;flex-shrink:0;position:relative}.panel>.inner{flex-direction:column;opacity:1;transition:all .14s ease-in .1s;transition-property:opacity,left;left:0;will-change:opacity,left}.panel.leftpanel{margin-right:auto;width:288px}.panel.leftpanel>.inner{width:288px;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel.leftpanel>.inner::-webkit-scrollbar{display:none}.panel.leftpanel .partydropdown .toggle{width:100%;flex-grow:1}.panel.leftpanel .partydropdown:hover{cursor:pointer}.panel.rightpanel{margin-left:auto}.panel.rightpanel .list>.inner{padding:0;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:1;scrollbar-width:none}.panel.rightpanel .list>.inner.scrollable:after,.panel.rightpanel .list>.inner.scrollable:before{content:"";height:20px;display:flex;width:100%;pointer-events:none;opacity:0;flex-shrink:0}.panel.rightpanel .users{display:flex;justify-content:center;align-items:center}.panel.rightpanel .users .avatar{cursor:pointer}.panel.rightpanel .header{position:relative;height:68px}.panel.rightpanel .header>div{position:relative;z-index:10}.panel.rightpanel .header.scrollable:after{display:flex;content:" ";pointer-events:none;bottom:-20px;position:absolute;left:0;right:0;width:100%;height:20px;background:linear-gradient(180deg,#242729,rgba(36,39,41,0));z-index:4}.panel.globalpanel{position:fixed;top:0;left:0;width:72px;background-color:#202325;z-index:1000}@media(min-width:1200px){.panel.globalpanel{position:fixed;left:0;right:auto;width:72px;box-shadow:none;border-right:1px solid #333537}.panel.globalpanel>.inner{width:100%;padding:20px 0;align-items:center;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel.globalpanel>.inner::-webkit-scrollbar{display:none}.panel.globalpanel .panel-header{padding:0 20px;margin-bottom:16px;justify-content:center}.panel.globalpanel .panel-close{display:none}.panel.globalpanel .navigation-section,.panel.globalpanel .parties-section{align-items:center;padding:0 12px}}@media(max-width:1199px){.panel.globalpanel{box-shadow:4px 0 24px rgba(0,0,0,.3)}}.panel.globalpanel hr{display:flex;flex-shrink:0;height:1px;background-color:#333537;width:40%;margin:0 auto;border:none}.panel.globalpanel>.inner{width:100%;padding:20px;align-items:flex-start}@media(min-width:1200px){.panel.globalpanel>.inner{padding:20px 0;align-items:center}}.panel.globalpanel .panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.panel.globalpanel .panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#333537;color:#9b9c9d;border:none;cursor:pointer;transition:all .14s ease}.panel.globalpanel .panel-close:hover{background-color:#424446;color:#f6f6f6}.panel.globalpanel .panel-close .icon{width:16px;height:16px}.panel.globalpanel .navigation-section{display:flex;flex-direction:column;margin-bottom:20px}.panel.globalpanel .navigation-section .item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#9b9c9d;text-decoration:none;transition:all .14s ease;font-size:0;font-weight:500;background-color:#333537;margin:0 auto}.panel.globalpanel .navigation-section .item:hover{border-radius:12px;color:#f6f6f6}.panel.globalpanel .navigation-section .item.active{background-color:#e87257;color:#fff;border-radius:12px}.panel.globalpanel .navigation-section .item .icon{width:20px;height:20px}.panel.globalpanel .parties-section{display:flex;flex-direction:column;margin-bottom:20px}.panel.globalpanel .parties-section .section-title{display:flex;align-items:center;justify-content:center;padding:8px 0;color:#7d7f80;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.panel.globalpanel .parties-section .item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin:0 auto 8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .14s ease}.panel.globalpanel .parties-section .item:hover{border-radius:16px}.panel.globalpanel .parties-section .add{background-color:#333537;color:#9b9c9d}.panel.globalpanel .parties-section .add:hover{background-color:#00c56a;color:#fff}.panel.globalpanel .bottom-section{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}@media(max-width:1199px){.panel.globalpanel .bottom-section{margin-top:20px;padding-bottom:20px}}.panel.globalpanel .item{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;height:48px;width:48px;background-color:#333537;color:#b9baba;font-weight:600;position:relative;transition:all .14s ease;font-size:14px;cursor:pointer}.panel.globalpanel .item>.icon{color:#9b9c9d;height:20px;width:20px}.panel.globalpanel .item:after{display:none}.panel.globalpanel .item:hover{border-radius:12px}.panel.globalpanel .item.active{color:#fff;background-color:#e87257;border-radius:12px}.panel.globalpanel .item.active>.icon{color:#fff}.panel.globalpanel .item+.item{margin-top:8px}.panel.globalpanel .item.add:after{display:none}.panel.globalpanel .item.add:hover{background-color:#00c56a}.panel.globalpanel .item.add:hover .icon{color:#fff}.panel.globalpanel .item.account-button{background-color:#e87257;color:#fff;border-radius:12px}.panel.globalpanel .item.account-button svg{color:#fff}.panel.globalpanel .item.account-button:hover{background-color:rgb(225.8586387435,76.3507853403,42.1413612565);transform:scale(1.05)}.panel.globalpanel .item.account-button:active{transform:scale(1)}.panel.contracted{width:0;border:none}.panel.contracted>.inner{opacity:0;left:-8px;transition-delay:0s}@media(max-width:1199px){.panel{height:72px}.panel,.panel>.inner{width:100%}.panel.sticky{position:sticky;top:0}.panel.contracted{display:none}.panel.leftpanel,.panel.rightpanel{flex-grow:1;height:0;width:100%;order:1;border:0;flex-shrink:1}.panel.leftpanel>.inner,.panel.rightpanel>.inner{max-height:100%;width:100%}.panel.globalpanel{width:72px;height:100vh;background-color:#202325;z-index:1001}.panel.globalpanel>.inner{width:100%;padding:20px 0;align-items:center;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel.globalpanel>.inner::-webkit-scrollbar{display:none}.panel.globalpanel .panel-header{padding:0 12px;margin-bottom:16px}.panel.globalpanel .navigation-section,.panel.globalpanel .parties-section{align-items:center;padding:0 12px}}.emptystate{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:72px 32px;width:100%;height:100%}@media(max-width:1199px){.emptystate .action,.emptystate .illustration{display:none}}.input{background-color:#424446;border-radius:4px;display:flex;align-items:center;padding:0 16px;position:relative;transition:background-color 70ms ease}.input>.icon{color:#8c8e8f;display:flex;flex-shrink:0;margin-right:8px}.input input:-webkit-autofill,.input input:-webkit-autofill:active,.input input:-webkit-autofill:focus,.input input:-webkit-autofill:hover{-webkit-background-clip:text}.input input:-webkit-autofill:first-line{color:#f6f6f6}.input input{font-family:Basier Circle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:0;padding:12px 0;font-size:16px;line-height:24px;width:100%;font-weight:400;color:#f6f6f6;min-width:80px}.input input::-moz-placeholder{color:#aaabac;font-weight:400}.input input::placeholder{color:#aaabac;font-weight:400}.input input:disabled{background-color:#333537;color:#7d7f80}.input input:disabled::-moz-placeholder{color:#7d7f80}.input input:disabled::placeholder{color:#7d7f80}.input input+.icon{margin-right:0;margin-left:8px}.input.clickable{cursor:pointer}.input.clickable input{pointer-events:none}.input .errormessage{display:flex;flex-shrink:0;margin-left:12px;top:12px;right:12px;color:#ff7669}.inputwrapper label{font-size:12px;line-height:20px;letter-spacing:.2px;display:flex;justify-content:space-between;margin-bottom:4px;color:#9b9c9d;transition:color 70ms ease}.inputwrapper.error label{color:#ff7669}.inputwrapper.error .input{box-shadow:inset 0 0 0 1px rgba(255,118,105,.24);background-color:rgba(255,118,105,.12)}.inputwrapper.error input:-webkit-autofill:first-line{color:#ff7669}.inputwrapper.error input{color:#ff7669}.inputwrapper.error input::-moz-placeholder{color:#ff7669}.inputwrapper.error input::placeholder{color:#ff7669}.inputwrapper:not(.error):focus-within .input{background-color:#515354}.inputwrapper+.inputwrapper{margin-top:16px}.inputwrapper .emojitoggle{cursor:pointer;flex-shrink:0;display:flex;height:24px;width:24px;content:" ";background-size:cover;filter:grayscale(100%);opacity:.8;transition:all 70ms ease;transform:scale(1)}.inputwrapper .emojitoggle:hover{opacity:1;filter:grayscale(0);transform:scale(1.12)}.inputwrapper .emojitoggle:active{transform:scale(1)}.inputwrapper.disabled .input{background-color:#333537}.inputwrapper.disabled .emojitoggle{pointer-events:none;opacity:.24}.slider{display:flex;align-items:center}.slider input[type=range]{-webkit-appearance:none;background-color:rgba(0,0,0,0);outline:0;border:0;height:12px;border-radius:4px}.slider input[type=range]::-webkit-slider-runnable-track{cursor:pointer;-webkit-appearance:none;border-radius:2px;height:4px;background:linear-gradient(to right,rgba(255,255,255,.84) calc(var(--progress)),rgba(255,255,255,.2) 0)}.slider input[type=range]::-moz-range-track{cursor:pointer;-webkit-appearance:none;border-radius:2px;height:4px;background:linear-gradient(to right,rgba(255,255,255,.84) calc(var(--progress)),rgba(255,255,255,.2) 0)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;background-color:#fff;margin-top:-4px;height:12px;width:12px;transform-origin:center;-webkit-transition:transform 70ms ease;transition:transform 70ms ease;transform:scale(0)}.slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider input[type=range]::-moz-range-thumb{-webkit-appearance:none;border-radius:50%;background-color:#fff;margin-top:-4px;height:12px;width:12px;transform-origin:center;-moz-transition:transform 70ms ease;transition:transform 70ms ease;transform:scale(0)}.slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.slider input[type=range]::-moz-focus-outer{border:0}.slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1)}.slider input[type=range]:hover::-moz-range-thumb{transform:scale(1)}.slider input[type=range]:disabled{pointer-events:none;cursor:default}.slider input[type=range]:disabled::-webkit-slider-thumb{transform:scale(0)}.slider input[type=range]:disabled::-moz-range-thumb{transform:scale(0)}.tooltip{position:fixed;z-index:3000;pointer-events:none}.tooltip>.inner{max-width:200px;position:relative;content:attr(data-content);color:#d3d4d4;background-color:#111315;border:1px solid #0d0e10;white-space:nowrap;border-radius:6px;padding:8px 12px;font-weight:500}.tooltip:before{background-color:#111315;position:fixed;z-index:2900;width:10px;height:10px;content:" ";font-size:12px;opacity:0}.tip .chat.nouser,.tip strong{margin-right:2px;color:#00c56a}.logo{display:flex;width:28px;height:28px}.logo.logomark{width:auto;height:unset}.link,a{text-decoration:none}.link{color:#e77968;font-weight:500;position:relative;cursor:pointer;transition:color 70ms ease,transform 70ms ease;transform:translateY(0);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.link>.icon{margin-right:4px}.link:after{position:absolute;display:flex;content:" ";height:2px;background-color:#e77968;width:100%;bottom:-4px;transition:background-color 70ms ease;opacity:.24}.link:hover{color:#e87257}.link:hover:after{background-color:#e87257}.link:not(.disabled):active{transform:translateY(1px)}.link.nounderline:after{opacity:0}.link.dark{color:#8c8e8f}.link.dark:hover{color:#aaabac}.link.dark:after{opacity:0}.link.light{color:#e5e5e5}.link.light:after{background-color:#d3d4d4}.link.light:hover{color:#f6f6f6}.link.light:hover:after{background-color:#f6f6f6}.link.disabled{cursor:default}.dropdown{position:relative;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown .toggle{display:flex;cursor:pointer}.dropdown .toggle .dropdowncaret{color:#9b9c9d;margin-left:8px;display:flex;height:16px;width:16px;flex-shrink:0;position:relative}.dropdown .toggle .dropdowncaret>div{display:flex;align-self:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.dropdown .toggle:hover .dropdowncaret{color:#b9baba}.menu{position:fixed;background-color:#15181a;border-radius:8px;padding:4px;z-index:1400;transition:opacity .14s ease;box-shadow:0 1px 2px rgba(13,14,16,.24),0 2px 12px rgba(13,14,16,.64);min-width:200px;transform-origin:top left;border:1px solid #111315}.menu.upwards{transform-origin:bottom left}.menu.rightwards{transform-origin:top right}.menu.upwards.rightwards{transform-origin:bottom right}.menu .option{padding:8px;border-radius:4px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#cbcbcb}.menu .option .label{display:flex;font-weight:500;padding:0 8px 0 0}.menu .option>.icon{margin-right:8px}.menu .option .shortcut{font-weight:600;width:20px;text-align:center;height:100%;color:#8c8e8f;margin-left:auto;margin-right:-4px}.menu .option .check{display:flex;color:#e87257;margin-left:auto;margin-right:-2px}.menu .option.error,.menu .option.error .icon{color:#ff8c81}.menu .option.error:not(.disabled):hover{color:#fff;background-color:#dd5144}.menu .option.error:not(.disabled):hover .icon{color:#fff}.menu .option:not(.disabled):hover{cursor:pointer;background-color:#333537;color:#e5e5e5}.menu .option:not(.disabled):hover .shortcut,.menu .option:not(.disabled):hover>.icon{color:#d3d4d4}.menu .option.disabled{cursor:default;color:#6e7071}.menu .option.disabled .shortcut,.menu .option.disabled>.icon{color:#515354}.menu .user{display:flex;align-items:center;padding:8px;cursor:default}.activity .menu .user .label+p,.activity .menu .user .policy ol .label+li,.activity .menu .user .policy ul .label+li,.emoji-mart .menu .user .emoji-mart-preview-name+p,.emoji-mart .menu .user .emoji-mart-preview-shortnames+p,.emoji-mart .menu .user .policy ol .emoji-mart-preview-name+li,.emoji-mart .menu .user .policy ol .emoji-mart-preview-shortnames+li,.emoji-mart .menu .user .policy ul .emoji-mart-preview-name+li,.emoji-mart .menu .user .policy ul .emoji-mart-preview-shortnames+li,.liveparty .menu .user .policy ol .tag+li,.liveparty .menu .user .policy ul .tag+li,.liveparty .menu .user .tag+p,.liveparty .policy ol .menu .user .tag+li,.liveparty .policy ul .menu .user .tag+li,.menu .user .activity .label+p,.menu .user .activity .policy ol .label+li,.menu .user .activity .policy ul .label+li,.menu .user .activity+p,.menu .user .emoji-mart .emoji-mart-preview-name+p,.menu .user .emoji-mart .emoji-mart-preview-shortnames+p,.menu .user .emoji-mart .policy ol .emoji-mart-preview-name+li,.menu .user .emoji-mart .policy ol .emoji-mart-preview-shortnames+li,.menu .user .emoji-mart .policy ul .emoji-mart-preview-name+li,.menu .user .emoji-mart .policy ul .emoji-mart-preview-shortnames+li,.menu .user .liveparty .tag+p,.menu .user .policy ol .activity+li,.menu .user .policy ol .liveparty .tag+li,.menu .user .policy ol .tooltip>.inner+li,.menu .user .policy ol small+li,.menu .user .policy ul .activity+li,.menu .user .policy ul .liveparty .tag+li,.menu .user .policy ul .tooltip>.inner+li,.menu .user .policy ul small+li,.menu .user .toasts .policy ol .toast+li,.menu .user .toasts .policy ul .toast+li,.menu .user .toasts .toast+p,.menu .user .tooltip>.inner+p,.menu .user .videoitem.partyitem .thumbnail .policy ol .tag+li,.menu .user .videoitem.partyitem .thumbnail .policy ul .tag+li,.menu .user .videoitem.partyitem .thumbnail .tag+p,.menu .user small+p,.policy ol .activity .menu .user .label+li,.policy ol .emoji-mart .menu .user .emoji-mart-preview-name+li,.policy ol .emoji-mart .menu .user .emoji-mart-preview-shortnames+li,.policy ol .menu .user .activity .label+li,.policy ol .menu .user .activity+li,.policy ol .menu .user .emoji-mart .emoji-mart-preview-name+li,.policy ol .menu .user .emoji-mart .emoji-mart-preview-shortnames+li,.policy ol .menu .user .liveparty .tag+li,.policy ol .menu .user .toasts .toast+li,.policy ol .menu .user .tooltip>.inner+li,.policy ol .menu .user .videoitem.partyitem .thumbnail .tag+li,.policy ol .menu .user small+li,.policy ol .toasts .menu .user .toast+li,.policy ol .videoitem.partyitem .thumbnail .menu .user .tag+li,.policy ul .activity .menu .user .label+li,.policy ul .emoji-mart .menu .user .emoji-mart-preview-name+li,.policy ul .emoji-mart .menu .user .emoji-mart-preview-shortnames+li,.policy ul .menu .user .activity .label+li,.policy ul .menu .user .activity+li,.policy ul .menu .user .emoji-mart .emoji-mart-preview-name+li,.policy ul .menu .user .emoji-mart .emoji-mart-preview-shortnames+li,.policy ul .menu .user .liveparty .tag+li,.policy ul .menu .user .toasts .toast+li,.policy ul .menu .user .tooltip>.inner+li,.policy ul .menu .user .videoitem.partyitem .thumbnail .tag+li,.policy ul .menu .user small+li,.policy ul .toasts .menu .user .toast+li,.policy ul .videoitem.partyitem .thumbnail .menu .user .tag+li,.toasts .menu .user .policy ol .toast+li,.toasts .menu .user .policy ul .toast+li,.toasts .menu .user .toast+p,.videoitem.partyitem .thumbnail .menu .user .policy ol .tag+li,.videoitem.partyitem .thumbnail .menu .user .policy ul .tag+li,.videoitem.partyitem .thumbnail .menu .user .tag+p{margin-top:-2px}.menu .separator{display:flex;content:" ";height:1px;margin:6px 8px;background-color:#242729}.menu .title{cursor:default;padding:4px 8px;display:flex;line-height:20px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-top:2px;color:#8c8e8f}.menu+.backdrop{position:fixed;top:0;left:0;height:100%;width:100%;z-index:1300}.activity{cursor:default;margin:4px 20px;padding:6px 8px;width:fit-content;width:-moz-fit-content;background-color:rgba(0,0,0,0);transition:background-color 70ms ease;background-color:#333537;color:#b9baba;border-radius:4px;cursor:pointer;flex-shrink:0;will-change:width}.activity,.activity .inner{display:flex;align-items:center;position:relative;white-space:nowrap;max-width:100%}.activity .inner{z-index:2;justify-content:center;overflow:hidden;text-overflow:ellipsis}.activity .inner .avatar{flex-shrink:0;margin-right:.5rem}.activity .label{display:flex;flex-shrink:1;font-size:14px}.activity .label,.activity .label>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity .label>span{max-width:110px}.activity .date{will-change:width;width:0;transition:width 70ms ease}.activity .icon{color:#8c8e8f}.activity+.chat{margin-top:8px}.activity:hover{background-color:#424446}.activity:hover .date{width:auto}.toasts{pointer-events:none;z-index:900}.toasts,.toasts .bottomcenter,.toasts .topcenter{position:absolute;top:0;left:0;width:100%;height:100%}.toasts .bottomcenter,.toasts .topcenter{display:flex;flex-direction:column;align-items:center}.toasts .toast{position:relative;background-color:#15181a;box-shadow:0 1px 2px rgba(0,0,0,.12),0 2px 12px rgba(0,0,0,.32);border:1px solid #111315;color:#dcdddd;padding:16px 20px;border-radius:8px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500;overflow:hidden;align-items:center;width:100%;max-width:500px}.toasts .toast>.toasticon{background-color:#333537;color:#aaabac;border-radius:50%;display:flex;align-items:center;justify-content:center;height:32px;width:32px;margin-right:16px}.toasts .toast>.toasticon.success{color:#00c56a;background-color:rgba(0,197,106,.16)}.toasts .toast>.toasticon.error{color:#ff8c81;background-color:rgba(255,140,129,.16)}.toasts .toast+.toast{margin-top:8px}.toasts .topcenter{justify-content:flex-start;padding:32px 16px 16px}.toasts .bottomcenter{justify-content:flex-end;padding:16px 16px 32px}@keyframes progress{0%{width:0}to{width:100%}}.controls{position:absolute;bottom:0;z-index:800;width:100%;display:flex;transform:translateY(0);pointer-events:all;transition:all .14s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.controls.hidden{transform:translateY(8px);opacity:0;pointer-events:none}.controls+.backdrop{position:absolute;width:100%;height:100%;content:" ";z-index:780;top:0}.controls>.inner{display:flex;align-items:center;flex-direction:column;background:linear-gradient(0deg,rgb(0,0,0),rgba(0,0,0,0));border-radius:4px;width:100%;padding:72px 24px 24px}.controls .control{display:flex;align-items:center;cursor:pointer;transform:scale(1);transition:transform 70ms ease;color:#c2c3c3}.controls .control:hover{transform:scale(1.1);color:#f6f6f6}.controls .control:active{transform:scale(1);color:#f6f6f6}.controls .live{padding:2px 6px;border-radius:4px;background-color:#d5523e;color:#fff;font-weight:900;text-transform:uppercase;align-items:center;flex-grow:0;height:-moz-fit-content;height:fit-content;margin:auto 0 auto 24px}.controls .time{display:flex;width:124px;white-space:nowrap;justify-content:center;font-weight:600;margin-right:8px}.controls .time span{margin:0 4px;opacity:.48}.controls .progress.slider{display:flex;flex-grow:1;width:100%;padding:16px 0}.controls .progress.slider input{width:100%}.controls .seeker{display:flex}.controls .seeker .inner{display:flex;align-items:center}.controls .seeker.volume{width:72px;flex-grow:0}.controls .seeker.volume .slider,.controls .seeker.volume input{width:64px}.controls .control+.slider{margin-left:8px}.controls .seeker{margin-right:16px}.controls .control+.control,.controls .control+.seeker,.controls .seeker+.control,.controls .seeker+.seeker{margin-left:16px}.chat{display:flex;flex-direction:column;width:100%;position:relative;word-break:break-word;font-weight:400;color:#e5e5e5;margin:6px 0;padding:2px 20px;flex-shrink:0}.chat .border{display:flex;position:absolute;left:0;top:0;height:100%;content:" ";z-index:1;width:4px;opacity:.32;border-radius:0 4px 4px 0;transition:opacity 70ms ease}.chat a{text-decoration:none;cursor:pointer}.chat a:hover{text-decoration:underline}.chat .status{position:relative;top:3px;display:inline-flex;margin-right:4px}.chat .content{word-break:break-word}.chat .metadata{opacity:0;transition:opacity 70ms ease}.chat .user{letter-spacing:0;display:flex;align-items:center;font-weight:500;white-space:nowrap}.chat .user,.chat .user button{cursor:pointer}.chat:hover .border,.chat:hover .metadata{opacity:1}.chat.nouser{margin-bottom:4px}.chat+.activity{margin-top:8px}.chat .emoji{display:inline-flex;height:20px;width:20px;background-size:cover;content:" ";font-size:20px;line-height:24px;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow:hidden;color:rgba(0,0,0,0)!important;white-space:nowrap}.chat .emoji ::-moz-selection{color:rgba(0,0,0,0)}.chat .emoji ::selection{color:rgba(0,0,0,0)}.chat.singleEmoji .emoji{height:32px;width:32px;font-size:32px;line-height:32px}.switch{display:flex;height:28px;width:48px;border-radius:48px;padding:4px;background-color:#7d7f80;transition:background-color .14s ease;cursor:pointer;position:relative;flex-shrink:0}.switch>input{display:none}.switch .toggle{position:absolute;margin:4px;top:0;right:20px;height:20px;width:20px;border-radius:10px;background-color:#f6f6f6;transition:all .14s ease;box-shadow:0 0 2px 1px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.24)}.switch.active{background-color:#00c56a}.switch.active .toggle{right:0;background-color:#f6f6f6}.switch input:active+.toggle{width:24px;right:16px}.switch.active input:active+.toggle{right:0}.switch.disabled{cursor:default;pointer-events:none;background-color:#515354}.switch.disabled .toggle{background-color:#8c8e8f}.switch.disabled.active{background-color:rgba(0,197,106,.88)}.switch.disabled.active .toggle{background-color:rgba(246,246,246,.48)}.badge{cursor:default;display:flex;align-items:center;font-size:12px;border-radius:4px;padding:4px 8px;line-height:20px;text-transform:uppercase;font-weight:900;background-color:#515354;color:#b9baba;letter-spacing:.6px}.badge.pro{background-color:#ff5c7e;color:#fff}.badge.primary{background-color:#333537;color:#fff}.badge.b-small{padding:0 4px}footer{padding:64px 0}footer .container>div{padding-top:64px}.emoji-mart{position:fixed;z-index:4000;font-family:Basier Circle,sans-serif;background-color:#15181a;border:0;border-radius:4px;box-shadow:0 1px 2px rgba(13,14,16,.2),0 2px 12px rgba(13,14,16,.64)}.emoji-mart .emoji-mart-search-icon{top:8px;padding:0}.emoji-mart .emoji-mart-anchors svg{fill:currentColor;stroke:none;width:20px;height:20px}.emoji-mart .emoji-mart-search-icon svg{stroke-width:1px;fill:#e5e5e5;stroke:#e5e5e5;width:12px;height:12px;overflow:visible}.emoji-mart .emoji-mart-scroll{background-color:#15181a}.emoji-mart .emoji-mart-anchor-bar{display:none}.emoji-mart .emoji-mart-bar{border:0}.emoji-mart .emoji-mart-bar:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.emoji-mart .emoji-mart-bar:last-child{background-color:#111315;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.emoji-mart .emoji-mart-preview-data{left:56px}.emoji-mart .emoji-mart-preview-emoji>span>span{width:24px!important;height:24px!important}.emoji-mart .emoji-mart-title-label{font-weight:500}.emoji-mart .emoji-mart-preview-emoticons{display:none}.emoji-mart .emoji-mart-preview-name,.emoji-mart .emoji-mart-preview-shortnames{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.emoji-mart .emoji-mart-preview-shortnames{margin-top:-4px;font-weight:400;color:#ff8c81!important;padding:0}.emoji-mart .emoji-mart-search{margin:0 8px;padding:0}.emoji-mart .emoji-mart-anchor{cursor:pointer;color:#6e7071}.emoji-mart .emoji-mart-bar{border-color:#242729}.emoji-mart .emoji-mart-category-label span{font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.6px;color:#8c8e8f;padding-top:12px;padding-bottom:12px;background-color:#15181a}.emoji-mart .emoji-mart-search input{background-color:#424446;border:0;padding:8px 12px;border-radius:4px;font-size:16px;line-height:20px;color:#f6f6f6}.emoji-mart .emoji-mart-search input::-moz-placeholder{color:#aaabac;font-weight:400}.emoji-mart .emoji-mart-search input::placeholder{color:#aaabac;font-weight:400}.emoji-mart-dark{color:#f6f6f6;border-color:#242729;background-color:#15181a}.parties{display:grid;-moz-column-gap:20px;column-gap:20px;row-gap:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.parties.empty{grid-template-columns:1fr}.parties.flex{display:flex!important;position:relative}.parties>.overlaygradients{width:100%;z-index:3}.parties>.overlaygradients,.parties>.overlaygradients>div{pointer-events:none;display:flex;content:" ";position:absolute;top:0;height:100%}.parties>.overlaygradients>div{width:100px}.parties>.overlaygradients>.left{left:0;background:linear-gradient(90deg,#242729,rgba(36,39,41,0))}.parties>.overlaygradients>.right{right:0;background:linear-gradient(270deg,#242729,rgba(36,39,41,0))}.parties>.daily{display:grid;grid-auto-flow:column;-moz-column-gap:20px;column-gap:20px;overflow-x:scroll;position:relative;width:100%;height:100%;-ms-overflow-style:none;scrollbar-width:none}.parties>.daily::-webkit-scrollbar{display:none}@media(max-width:1199px){.parties>.daily{grid-auto-flow:row;grid-template-columns:1fr;row-gap:20px;overflow-x:visible;overflow-y:visible}.parties>.daily>*{max-width:100%;min-width:0;box-sizing:border-box}}.connection{display:flex;align-items:center;border-radius:6px;height:44px;width:100%}.connection.unauthorized{cursor:pointer;background-color:#515354}.connection:not(.connect){padding:12px 8px}.connection:not(.connect) .icon{display:flex;align-items:center;width:24px}.connection .verified{margin-left:auto;padding-left:24px}.connection+.connection{margin-top:12px}button.connection{width:-moz-fit-content;width:fit-content}.radio{display:flex;cursor:pointer;position:relative;flex-shrink:0;color:#b9baba}.radio>input{display:none}.radio:hover{color:#e5e5e5}.radio:hover .toggle{background-color:#606263}.radio .toggle{height:24px;width:24px;border-radius:50%;background-color:#515354;transition:all .14s ease;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:background-color 70ms ease}.radio .toggle .check{display:flex;transform:scale(0);transition:transform .14s cubic-bezier(0,0,.2,1.48)}.radio.active{color:#f6f6f6}.radio.active .toggle{background-color:#e87257}.radio.active .toggle .check{transform:scale(1)}.radio input:active+.toggle{width:24px;right:24px}.radio.active input:active+.toggle{right:0}.radio.disabled{cursor:default;pointer-events:none;background-color:#515354}.radio.disabled .toggle{background-color:#8c8e8f}.radio.disabled.active{background-color:rgba(0,197,106,.88)}.radio.disabled.active .toggle{background-color:rgba(246,246,246,.48)}.tabs{display:flex;flex-direction:column;flex-shrink:0;margin-right:64px}.tabs .tab{position:relative;cursor:pointer;color:#b9baba;padding:16px 0;border-radius:4px}.tabs .tab.active{color:#e87257}.emoji-mart .policy .emoji-mart-title-label,.policy .chat.nouser,.policy .emoji-mart .emoji-mart-title-label,.policy h5,.policy h6,.policy strong{font-weight:600;color:#e5e5e5}.policy ol li,.policy p,.policy ul li{color:#c2c3c3}.policy h5{margin:24px 0 0}.emoji-mart .policy .emoji-mart-title-label,.policy .emoji-mart .emoji-mart-title-label,.policy h6{margin:24px 0 12px}.policy ol li+li,.policy ol li+p,.policy ol p+li,.policy p+p,.policy ul li+li,.policy ul li+p,.policy ul p+li{margin-top:20px}.policy h5+p,.policy ol h5+li,.policy ul h5+li{margin-top:12px}.policy ol,.policy ul{margin:20px 0;padding:0 0 0 20px}.policy ol li,.policy ul li{padding:0}.policy ol li+li,.policy ul li+li{margin-top:8px}.card{display:flex;flex-direction:column;border-radius:8px;border:1px solid #424446;background-color:#333537;padding:32px;width:100%;height:-moz-fit-content;height:fit-content;position:relative}.card+.card{margin-top:32px}.featuredparty .videothumbnail,.loopingparty .videothumbnail{padding:0;width:70px;height:40px;border-radius:4px;background-position:50%;background-size:contain}.featuredparty .play,.loopingparty .play{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.2,.8,.4,1.6);transform:scale(1)}.featuredparty .play .circle,.loopingparty .play .circle{display:flex;align-items:center;justify-content:center;height:52px;width:52px;border-radius:50%;background-color:rgba(13,14,16,.64)}.featuredparty .play .icon,.loopingparty .play .icon{opacity:.8;position:relative;right:-2px;transition:right 70ms linear}.featuredparty{display:flex;align-items:center;flex-shrink:0;overflow:hidden;margin-top:48px;justify-content:space-between}.featuredparty>.info{position:relative;display:flex;flex-direction:column;background-color:#202325;margin-right:20px;border-radius:8px;flex-grow:1;height:100%}.featuredparty>.info h5{display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.featuredparty>.info>.inner{padding:40px;margin:auto 0}.featuredparty .player{background-color:#202325;border-radius:8px;height:461px;width:820px;overflow:hidden;transition:all .14s ease;position:relative;cursor:pointer}.featuredparty .player .overlay{display:flex;align-items:center;justify-content:center;content:" ";position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(32,35,37,.64);opacity:0;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease}.featuredparty .player:hover .overlay{opacity:1}.featuredparty .player:hover .play{transform:scale(2)}.featuredparty .react-player{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.featuredparty .playing{padding:32px 40px;display:flex;align-items:center;background-color:#15181a;border-bottom-left-radius:8px;border-bottom-right-radius:8px;justify-content:space-between}.loopingparty{display:flex;flex-direction:column;position:relative;border-radius:8px;overflow:hidden;height:400px;width:620px}@media(max-width:1199px){.loopingparty{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}}.loopingparty>.thumbnail{position:absolute;top:0;left:0;height:100%;width:100%;background-position:50%;background-size:cover;z-index:0;border-radius:8px;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}.loopingparty>.gradient{position:absolute;top:0;left:0;height:120%;width:120%;z-index:1;background:linear-gradient(0deg,rgba(13,14,16,.92) 32%,rgba(13,14,16,.64))}@media(max-width:1199px){.loopingparty>.gradient{height:100%;width:100%}}.loopingparty>.overlay{display:flex;flex-direction:column;height:100%;width:100%;flex-grow:1;padding:20px;position:relative;z-index:2}.loopingparty .title{display:flex;align-items:center}.loopingparty .title .synth{margin-left:auto;margin-right:12px}.loopingparty .description{display:flex;align-items:center;margin-top:auto}.loopingparty:hover .play{transform:scale(1.2)}.loopingparty.tomorrowland .tomorrowland-gradient{background:linear-gradient(0deg,rgba(255,94,77,.092) 32%,rgba(255,94,77,.064))}.loopingparty.tomorrowland .play .circle{background-color:rgba(255,94,77,.09);box-shadow:0 0 20px rgba(255,94,77,.05)}.loopingparty.tomorrowland:hover .play{transform:scale(1.25)}.loopingparty.offline .play .circle{background-color:rgba(128,128,128,.6);box-shadow:none}.loopingparty.offline .overlay .title .policy ol li,.loopingparty.offline .overlay .title .policy ul li,.loopingparty.offline .overlay .title p,.policy ol .loopingparty.offline .overlay .title li,.policy ul .loopingparty.offline .overlay .title li{opacity:.6!important}.loopingparty.offline:hover .play{transform:scale(1.1)}.liveparty{display:flex;flex-direction:column;position:relative}.liveparty .thumbnail{width:100%;background-position:50%;background-size:cover;padding-top:56.25%;border-radius:4px;position:relative}.liveparty .thumbnail.fallback{background-color:#333537}.liveparty .thumbnail.fallback .gradient{background:none;color:#424446}.liveparty .thumbnail .synth{position:absolute;bottom:16px;right:16px}.liveparty .thumbnail .gradient{justify-content:center;color:#333537;top:0;left:0;height:100%;width:100%;border-radius:4px;background:linear-gradient(0deg,#0d0e10,rgba(13,14,16,0))}.liveparty .tag,.liveparty .thumbnail .gradient{display:flex;align-items:center;position:absolute}.liveparty .tag{left:12px;bottom:12px;overflow:hidden;color:#f6f6f6}.liveparty .actions{display:flex;flex-shrink:0;margin-left:auto;padding-left:12px}.liveparty .actions .toggle{display:flex;justify-content:center;align-items:center;height:32px;width:32px;color:#8c8e8f;border-radius:50%;transition:all 70ms ease;cursor:pointer;transform-origin:center center;position:relative;top:-4px}.liveparty .actions .toggle:hover{background-color:#333537;color:#b9baba}.synth{align-content:flex-end;justify-content:center;height:12px}.synth,.synth div{display:flex;flex-shrink:0}.synth div{width:4px;content:" ";background-color:#8c8e8f;border-radius:1px;animation:pump 1s ease-in-out infinite;margin-top:auto}.synth div+div{margin-left:2px}.synth .sy1{animation-duration:1.3s}.synth .sy2{animation-duration:1.1s}.synth .sy3{animation-duration:1.4s}@keyframes pump{0%{height:6px;opacity:.24}50%{height:12px;opacity:1}to{height:6px;opacity:.24}}.level{display:flex;align-items:center;justify-content:center;position:relative}.level svg circle{stroke:hsla(0,0%,100%,.24)}.level svg circle+circle{stroke:#fff}.level .info{color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:uppercase;line-height:1}.activity .level .info .label,.emoji-mart .level .info .emoji-mart-preview-name,.emoji-mart .level .info .emoji-mart-preview-shortnames,.level .info .activity,.level .info .activity .label,.level .info .emoji-mart .emoji-mart-preview-name,.level .info .emoji-mart .emoji-mart-preview-shortnames,.level .info .liveparty .tag,.level .info .toasts .toast,.level .info .tooltip>.inner,.level .info .videoitem.partyitem .thumbnail .tag,.level .info small,.liveparty .level .info .tag,.toasts .level .info .toast,.videoitem.partyitem .thumbnail .level .info .tag{opacity:.64;font-weight:700}.level .info .chat.nouser,.level .info strong{font-size:28px;letter-spacing:-3px;font-weight:700;font-family:Fredoka One}.progress{display:flex;flex-direction:column;width:100%}.progress .info{display:flex;align-items:center;width:100%;justify-content:space-between;color:#fff}@media(max-width:1199px){.progress .info{flex-direction:column;align-items:flex-start;gap:12px}.progress .info .flex.items-center{width:100%}.progress .info .flex.flex-column.tar{align-self:flex-start;text-align:left}.progress .info .flex.flex-column.tar h5{font-size:16px;margin-bottom:2px}.policy ol .progress .info .flex.flex-column.tar li,.policy ul .progress .info .flex.flex-column.tar li,.progress .info .flex.flex-column.tar .policy ol li,.progress .info .flex.flex-column.tar .policy ul li,.progress .info .flex.flex-column.tar p{font-size:14px}.progress .info .avatar{transform:scale(.8)}.progress .info .ml3{margin-left:8px}.progress .info .ml3 h5{font-size:16px}.policy ol .progress .info .ml3 li,.policy ul .progress .info .ml3 li,.progress .info .ml3 .policy ol li,.progress .info .ml3 .policy ul li,.progress .info .ml3 p{font-size:12px}}.progress .slider{position:relative;display:flex;flex-shrink:0;height:12px;width:100%}.progress .slider span{position:absolute;left:0;top:0;height:12px;border-radius:4px;content:" ";background-color:hsla(0,0%,100%,.24)}.progress .slider span+span{background-color:hsla(0,0%,100%,.8)}.preferences-input{margin-bottom:1.5rem}.preferences-input .input-wrapper{position:relative}.preferences-input .input-wrapper .input-loading{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;color:#e77968}.preferences-input .input-wrapper .input-loading svg{animation:spin 1s linear infinite}.preferences-input textarea{width:100%;min-height:80px;padding:12px;border:1px solid #424446;border-radius:4px;background-color:#424446;color:#f6f6f6;font-family:inherit;font-size:16px;line-height:24px;resize:vertical;transition:border-color .2s ease,background-color .2s ease}.preferences-input textarea:focus{outline:none;border-color:#e77968;background-color:#333537}.preferences-input textarea::-moz-placeholder{color:#aaabac}.preferences-input textarea::placeholder{color:#aaabac}.preferences-input textarea:disabled{opacity:.6;cursor:not-allowed}.activity .preferences-input .label,.emoji-mart .preferences-input .emoji-mart-preview-name,.emoji-mart .preferences-input .emoji-mart-preview-shortnames,.liveparty .preferences-input .tag,.preferences-input .activity,.preferences-input .activity .label,.preferences-input .emoji-mart .emoji-mart-preview-name,.preferences-input .emoji-mart .emoji-mart-preview-shortnames,.preferences-input .liveparty .tag,.preferences-input .toasts .toast,.preferences-input .tooltip>.inner,.preferences-input .videoitem.partyitem .thumbnail .tag,.preferences-input small,.toasts .preferences-input .toast,.videoitem.partyitem .thumbnail .preferences-input .tag{display:block;margin-top:.5rem;color:#aaabac;font-size:14px}.preferences-list .preference-tags{display:flex;flex-wrap:wrap;gap:8px}.preferences-list .preference-tags .preference-tag{display:flex;align-items:center;background-color:#424446;border:1px solid #515354;border-radius:20px;padding:6px 12px;font-size:13px;color:#f6f6f6;transition:all .2s ease}.preferences-list .preference-tags .preference-tag:hover{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.preferences-list .preference-tags .preference-tag:hover .remove-btn{color:#ef4444}.preferences-list .preference-tags .preference-tag span{display:flex;align-items:center;margin-right:8px}.preferences-list .preference-tags .preference-tag .remove-btn{background:none;border:none;color:#f6f6f6;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;margin-left:4px}.preferences-list .preference-tags .preference-tag .remove-btn svg{width:14px!important;height:14px!important;stroke-width:2.5!important;stroke:currentColor!important;fill:none!important}.preferences-list .preference-tags .preference-tag .remove-btn:hover{color:#ef4444!important;background-color:rgba(239,68,68,.15)}.preferences-list .preference-tags .preference-tag .remove-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{border:1px dashed #515354;border-radius:6px;background-color:rgba(66,68,70,.3)}.empty-state .flex.flex-column.items-center{color:#8c8e8f}.ai-suggestions{background:#333537;border-radius:12px;padding:20px;margin-top:40px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.05)}@media(max-width:1199px){.ai-suggestions{margin-top:20px;margin-bottom:12px;padding:16px;border-radius:8px}}.ai-suggestions .suggestion-prompt-card{cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.ai-suggestions .suggestion-prompt-card .prompt-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#E3614D,#E98575,#F0A89D);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;border-radius:6px;flex-shrink:0}.ai-suggestions .suggestion-prompt-card .prompt-icon svg{color:hsla(0,0%,100%,.9)}.ai-suggestions .suggestion-prompt-card span{color:#f6f6f6;font-weight:500;font-size:14px}.ai-suggestions .suggestion-prompt-card:hover{transform:translateY(-1px)}.ai-suggestions .suggestion-prompt-card:hover .prompt-icon{animation-duration:2s;transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ai-suggestions:hover{background:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.1)}.ai-suggestions .suggestion-prompt-card:active{transform:translateY(0)}.ai-suggestions.loading{padding:16px 20px}.ai-suggestions.loading .flex{align-items:center;color:#8c8e8f}.ai-suggestions.loading .flex .spinner{margin-right:8px}.ai-suggestions.error{padding:16px 20px;color:#8c8e8f}.ai-suggestions.error .btn-sm{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.1);color:#8c8e8f;padding:4px 8px;border-radius:4px}.ai-suggestions.error .btn-sm:hover{background:hsla(0,0%,100%,.05)}.ai-suggestions .suggestions-header .preference-dropdown{background-color:#333537;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#f6f6f6;font-size:12px;font-weight:500;padding:4px 8px;cursor:pointer;transition:all .2s ease}.ai-suggestions .suggestions-header .preference-dropdown:hover{border-color:hsla(0,0%,100%,.2);background-color:#424446}.ai-suggestions .suggestions-header .preference-dropdown:focus{outline:none;border-color:#e87257}.ai-suggestions .suggestions-header .preference-dropdown option{background-color:#333537;color:#f6f6f6}.ai-suggestions .suggestions-header .preference-dropdown option:disabled{color:#7d7f80}.ai-suggestions .suggestions-header .btn-sm{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.1);color:#8c8e8f;padding:6px 8px;border-radius:6px;transition:all .2s ease}.ai-suggestions .suggestions-header .btn-sm:hover{background:hsla(0,0%,100%,.05);color:#e5e5e5}.ai-suggestions .main-suggestion .main-video,.ai-suggestions .main-suggestion .main-video .video-with-overlay{position:relative}.ai-suggestions .main-suggestion .main-video .video-with-overlay .play-overlay{position:absolute;top:8px;left:8px;width:65px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:all .2s ease;border-radius:4px}.ai-suggestions .main-suggestion .main-video .video-with-overlay .play-overlay .play-icon{background:hsla(0,0%,100%,.95);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#000}.ai-suggestions .main-suggestion .main-video .video-with-overlay .play-overlay .play-icon svg{margin-left:2px}.ai-suggestions .main-suggestion .main-video .videoitem{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;overflow:hidden;transition:all .2s ease;padding:8px;cursor:pointer}.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .policy ol li,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .policy ul li,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner p,.policy ol .ai-suggestions .main-suggestion .main-video .videoitem .description .inner li,.policy ul .ai-suggestions .main-suggestion .main-video .videoitem .description .inner li{font-size:13px;line-height:1.3;margin-bottom:2px}.activity .ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .label,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .activity,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .activity .label,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .emoji-mart .emoji-mart-preview-name,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .emoji-mart .emoji-mart-preview-shortnames,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .liveparty .tag,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .toasts .toast,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .tooltip>.inner,.ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex small,.ai-suggestions .main-suggestion .main-video .videoitem.partyitem .description .inner .flex .thumbnail .tag,.ai-suggestions .main-suggestion .main-video .videoitem.partyitem .thumbnail .description .inner .flex .tag,.emoji-mart .ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .emoji-mart-preview-name,.emoji-mart .ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .emoji-mart-preview-shortnames,.liveparty .ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .tag,.toasts .ai-suggestions .main-suggestion .main-video .videoitem .description .inner .flex .toast{font-size:11px}.ai-suggestions .main-suggestion .main-video .videoitem:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.ai-suggestions .main-suggestion .main-video:hover .video-with-overlay .play-overlay{opacity:1}.ai-suggestions .main-suggestion .main-video .add-button{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:#e87257;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;opacity:0;transition:all .2s ease;cursor:pointer;z-index:2}.ai-suggestions .main-suggestion .main-video .add-button:hover{background:rgb(225.8586387435,76.3507853403,42.1413612565)}.ai-suggestions .main-suggestion .main-video:hover .add-button{opacity:1}.ai-suggestions .main-suggestion .divider{height:1px;background:hsla(0,0%,100%,.1);margin:16px 0 12px}.ai-suggestions .main-suggestion .more-section .more-label{margin-bottom:6px}.ai-suggestions .main-suggestion .more-section .more-label span{color:#8c8e8f;font-weight:500;font-size:11px}.ai-suggestions .main-suggestion .more-section .more-videos{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.ai-suggestions .main-suggestion .more-section .more-videos .more-video{margin-bottom:6px;position:relative}.ai-suggestions .main-suggestion .more-section .more-videos .more-video:last-child{margin-bottom:0}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions{cursor:pointer;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;padding:12px;transition:all .2s ease}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content{display:flex;align-items:center;gap:12px}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(232,114,87,.1);border-radius:6px;color:#e87257;flex-shrink:0}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text{flex:1}.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .policy ol li,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .policy ul li,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text p,.policy ol .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text li,.policy ul .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text li{font-size:12px;font-weight:600;margin:0 0 2px;color:#e5e5e5}.activity .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .label,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .activity,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .activity .label,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .emoji-mart .emoji-mart-preview-name,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .emoji-mart .emoji-mart-preview-shortnames,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .liveparty .tag,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .toasts .toast,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .tooltip>.inner,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .videoitem.partyitem .thumbnail .tag,.ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text small,.emoji-mart .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .emoji-mart-preview-name,.emoji-mart .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .emoji-mart-preview-shortnames,.liveparty .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .tag,.toasts .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .toast,.videoitem.partyitem .thumbnail .ai-suggestions .main-suggestion .more-section .more-videos .more-video.refresh-suggestions .refresh-content .refresh-text .tag{font-size:11px;color:#8c8e8f}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .video-with-overlay{position:relative}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .video-with-overlay .play-overlay{position:absolute;top:6px;left:6px;width:65px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:all .2s ease;border-radius:4px}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .video-with-overlay .play-overlay .play-icon{background:hsla(0,0%,100%,.95);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#000}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .video-with-overlay .play-overlay .play-icon svg{margin-left:1px}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem{background:hsla(0,0%,100%,.01);border:1px solid hsla(0,0%,100%,.03);border-radius:4px;overflow:hidden;transition:all .2s ease;padding:6px;cursor:pointer}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .policy ol li,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .policy ul li,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner p,.policy ol .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner li,.policy ul .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner li{font-size:12px;line-height:1.2;margin-bottom:1px}.activity .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .label,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .activity,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .activity .label,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .emoji-mart .emoji-mart-preview-name,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .emoji-mart .emoji-mart-preview-shortnames,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .liveparty .tag,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .toasts .toast,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .tooltip>.inner,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex small,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem.partyitem .description .inner .flex .thumbnail .tag,.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem.partyitem .thumbnail .description .inner .flex .tag,.emoji-mart .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .emoji-mart-preview-name,.emoji-mart .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .emoji-mart-preview-shortnames,.liveparty .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .tag,.toasts .ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem .description .inner .flex .toast{font-size:10px}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .videoitem:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.ai-suggestions .main-suggestion .more-section .more-videos .more-video:hover .video-with-overlay .play-overlay{opacity:1}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .add-button{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#e87257;color:#fff;border:none;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:600;opacity:0;transition:all .2s ease;cursor:pointer;z-index:2}.ai-suggestions .main-suggestion .more-section .more-videos .more-video .add-button:hover{background:rgb(225.8586387435,76.3507853403,42.1413612565)}.ai-suggestions .main-suggestion .more-section .more-videos .more-video:hover .add-button{opacity:1}.ai-suggestions .main-suggestion .more-section:hover .more-videos{opacity:1;max-height:300px}.floating-logo{position:fixed;top:16px;left:16px;z-index:999;padding:10px;border-radius:12px;background-color:rgba(32,35,37,.9);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15);transition:all .2s ease-in-out}.floating-logo:hover{background-color:rgba(51,53,55,.95);border-color:hsla(0,0%,100%,.25);transform:scale(1.05)}.floating-logo .logo{display:flex;align-items:center;justify-content:center}@media(min-width:1200px){.floating-logo{display:none}}@media(min-width:1400px){.mobile-tabs{display:none!important}}.interactive-room{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0d0e10,#111315 50%,#15181a)}.interactive-room .room-canvas{position:relative;width:100%;height:100%;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.interactive-room .cinema-billboard{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:42%!important;max-width:600px!important;z-index:5!important}.interactive-room .cinema-billboard .billboard-frame{perspective:1000px;width:100%;height:100%}.interactive-room .cinema-billboard .billboard-frame .billboard-screen{width:100%;height:100%;aspect-ratio:16/9;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:4px solid #444;border-radius:12px;overflow:visible!important;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 2px 4px hsla(0,0%,100%,.1);position:relative}.interactive-room .cinema-billboard .billboard-frame .billboard-screen iframe,.interactive-room .cinema-billboard .billboard-frame .billboard-screen video,.interactive-room .cinema-billboard .billboard-frame .billboard-screen>div{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;-o-object-fit:contain!important;object-fit:contain!important}.interactive-room .cinema-billboard .billboard-frame .billboard-screen:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#666,#333,#666);border-radius:16px;z-index:-1}.interactive-room .cinema-billboard .billboard-frame .billboard-screen:after{content:"";position:absolute;top:8px;left:8px;right:60%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border-radius:4px;pointer-events:none}.interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#7d7f80}.interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard svg{margin-bottom:1rem;opacity:.6}.interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard .policy ol li,.interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard .policy ul li,.interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard p,.policy ol .interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard li,.policy ul .interactive-room .cinema-billboard .billboard-frame .billboard-screen .empty-billboard li{color:#8c8e8f;font-size:14px}.interactive-room .cinema-billboard .billboard-frame .billboard-base{width:100%;height:20px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #333;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.interactive-room .cinema-billboard .billboard-frame .billboard-base:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:12px;background:linear-gradient(145deg,#333,#222);border-radius:4px}.interactive-room .dj-booth-3d{position:absolute!important;top:50%!important;left:50%!important;transform:translateX(-50%)!important;width:35%!important;z-index:500!important;perspective:800px}.interactive-room .dj-booth-3d .booth-front-panel{position:absolute;bottom:-60px;width:100%;height:60px;background:linear-gradient(180deg,#2a2a2a,#0a0a0a);border:2px solid #333;border-top:none;border-radius:0 0 6px 6px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(0,0,0,.6);z-index:2}.interactive-room .dj-booth-3d .booth-front-panel .booth-logo-space{position:relative;width:85%;height:60%;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid #444;border-radius:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);overflow:hidden}.interactive-room .dj-booth-3d .booth-front-panel .booth-logo-space .marquee-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.interactive-room .dj-booth-3d .booth-front-panel .booth-logo-space .marquee-text{position:absolute;white-space:nowrap;animation:marqueeScroll 20s linear infinite;color:gold;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding-left:100%}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.interactive-room .dj-booth-3d .booth-top-surface{position:relative;width:100%;height:70px;background:linear-gradient(135deg,#3a3a3a,#1a1a1a);border:2px solid #444;border-bottom:3px solid #222;border-radius:6px;transform:rotateX(30deg);transform-origin:bottom;box-shadow:0 -5px 20px rgba(0,0,0,.4),inset 0 2px 5px hsla(0,0%,100%,.1);z-index:3}.interactive-room .dj-booth-3d .booth-top-surface:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#444,#666,#444);border-radius:6px 6px 0 0}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment{position:absolute;top:8px;left:8px;right:8px;bottom:8px;display:flex;justify-content:center;align-items:center;padding:0}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup{width:100%;height:100%;max-width:200px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .vinyl-spin-left{transform-origin:40px 30px;animation:spin 2.2s linear infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .vinyl-spin-right{transform-origin:160px 30px;animation:spin 1.8s linear infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .tonearm-left{transform-origin:40px 30px;animation:tonearmMove1 8s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .tonearm-right{transform-origin:160px 30px;animation:tonearmMove2 6.5s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .fader-1{animation:faderMove1 3.5s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .fader-2{animation:faderMove2 4.2s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .fader-3{animation:faderMove3 2.8s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .fader-4{animation:faderMove4 3.9s ease-in-out infinite}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup .crossfader{animation:crossfaderMove 6s ease-in-out infinite}@keyframes faderMove1{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(2px)}75%{transform:translateY(-6px)}}@keyframes faderMove2{0%,to{transform:translateY(0)}30%{transform:translateY(3px)}60%{transform:translateY(-5px)}80%{transform:translateY(1px)}}@keyframes faderMove3{0%,to{transform:translateY(0)}20%{transform:translateY(-3px)}40%{transform:translateY(4px)}70%{transform:translateY(-2px)}}@keyframes faderMove4{0%,to{transform:translateY(0)}35%{transform:translateY(2px)}55%{transform:translateY(-4px)}85%{transform:translateY(3px)}}@keyframes crossfaderMove{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes tonearmMove1{0%,to{transform:rotate(0deg)}15%{transform:rotate(-3deg)}30%{transform:rotate(2deg)}45%{transform:rotate(-1deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}90%{transform:rotate(1deg)}}@keyframes tonearmMove2{0%,to{transform:rotate(0deg)}20%{transform:rotate(3deg)}35%{transform:rotate(-2deg)}50%{transform:rotate(1deg)}65%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.interactive-room .dj-booth-3d .ade-branding{position:absolute;top:20px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;width:calc(100% - 20px)}.interactive-room .dj-booth-3d .ade-branding .ade-box{width:40px;height:40px;background:linear-gradient(145deg,#FFD700,#FFA500);border:2px solid #ff8c00;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000;text-shadow:1px 1px 2px hsla(0,0%,100%,.3);box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.4);z-index:10}.interactive-room .avatar-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;z-index:4}.interactive-room .interactive-avatar-wrapper{pointer-events:none!important;transition:none!important;z-index:1000!important}.interactive-room .interactive-avatar-wrapper:hover{transform:translate(-50%,-50%)}.interactive-room .interactive-avatar-wrapper *,.interactive-room .interactive-avatar-wrapper .fixed-avatar{cursor:default!important;pointer-events:none!important}.interactive-room .interactive-avatar-wrapper svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.interactive-room .interactive-avatar-wrapper .interactive-avatar-username{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#242729;border:1px solid #424446;padding:4px 8px;border-radius:4px;font-size:12px;color:#d3d4d4;font-weight:500}.interactive-room .avatar-with-indicator{position:relative}.interactive-room .avatar-with-indicator .interactive-mode-indicator{position:absolute;top:-5px;right:-5px;width:24px;height:24px;background:linear-gradient(135deg,#ffd700,#ffb347);border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1001;pointer-events:none;animation:interactive-pulse 2s ease-in-out infinite}.interactive-room .avatar-with-indicator .interactive-mode-indicator svg{color:#333;filter:none}@keyframes interactive-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.interactive-room .room-controls{position:absolute!important;top:20px!important;right:20px!important;display:flex!important;gap:10px!important;z-index:999!important}.interactive-room .room-controls .control-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;background:rgba(21,24,26,.85)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(81,83,84,.4)!important;border-radius:8px!important;color:#d3d4d4!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.interactive-room .room-controls .control-btn:hover{background:rgba(36,39,41,.95)!important;border-color:rgba(96,98,99,.6)!important;color:#f6f6f6!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.interactive-room .room-controls .control-btn:active{transform:translateY(0)!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important}.interactive-room .room-controls .control-btn.active{background:rgba(232,114,87,.9)!important;border-color:rgba(232,114,87,.5)!important;color:#fff!important;box-shadow:0 2px 12px rgba(232,114,87,.3)!important}.interactive-room .room-controls .control-btn.active:hover{background:rgba(213,82,62,.95)!important;border-color:rgba(213,82,62,.6)!important}.interactive-room .room-controls .control-btn svg{width:20px!important;height:20px!important;color:inherit!important}.interactive-room .status-bar{position:absolute;bottom:0;left:0;right:0;height:40px;background:#242729;border-top:1px solid #424446;display:flex;align-items:center;gap:20px;padding:0 20px;z-index:10;backdrop-filter:blur(8px)}.interactive-room .status-bar .status-item{display:flex;align-items:center;gap:8px;color:#9b9c9d;font-size:13px;font-weight:500}.interactive-room .status-bar .status-item svg{width:16px;height:16px;opacity:.8;color:#8c8e8f}.interactive-room .panel-toggle{position:fixed;top:50%;transform:translateY(-50%);width:32px;height:64px;background:#242729;border:1px solid #424446;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20;backdrop-filter:blur(4px)}.interactive-room .panel-toggle:hover{background:#333537;border-color:#e87257}.interactive-room .panel-toggle:active{transform:translateY(-50%) scale(.95)}.interactive-room .panel-toggle.panel-toggle-left{left:0;border-left:none;border-radius:0 8px 8px 0}.interactive-room .panel-toggle.panel-toggle-right{right:0;border-right:none;border-radius:8px 0 0 8px}.interactive-room .panel-toggle svg{color:#d3d4d4;opacity:.8}.interactive-left-panel{position:fixed!important;top:0!important;left:72px!important;height:100vh!important;z-index:15!important;pointer-events:all!important}.interactive-left-panel .panel{background:rgba(21,24,26,.9)!important;backdrop-filter:blur(12px)!important;border-right:1px solid #424446!important}.interactive-right-panel{position:fixed!important;top:0!important;right:0!important;height:100vh!important;z-index:15!important;pointer-events:all!important}.interactive-right-panel .panel{background:rgba(21,24,26,.9)!important;backdrop-filter:blur(12px)!important;border-left:1px solid #424446!important}.interactive-room .panel{color:#d3d4d4!important}.interactive-room .panel .inner{background:rgba(0,0,0,0)!important}.interactive-room .panel .item{background:rgba(51,53,55,.4)!important;border-radius:6px;transition:all .2s ease}.interactive-room .panel .item:hover{background:rgba(66,68,70,.7)!important;color:#fff!important}.interactive-room .panel .item.active{background:rgba(232,114,87,.3)!important;border-color:#e87257!important}.interactive-room .panel .header{border-bottom-color:#424446!important}.interactive-room .panel .chat-message,.interactive-room .panel .playlist-item{background:rgba(51,53,55,.3)!important}.interactive-room .panel .chat-message:hover,.interactive-room .panel .playlist-item:hover{background:rgba(66,68,70,.5)!important}.interactive-room .profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.interactive-room .profile-modal{background:#15181a;border:1px solid #424446;border-radius:12px;width:500px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}.interactive-room .profile-modal .profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #424446}.interactive-room .profile-modal .profile-modal-header h3{margin:0;color:#d3d4d4;font-size:18px;font-weight:600}.interactive-room .profile-modal .profile-modal-header .close-btn{background:none;border:none;color:#8c8e8f;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.interactive-room .profile-modal .profile-modal-header .close-btn:hover{background:#333537;color:#d3d4d4}.interactive-room .profile-modal .profile-modal-content{padding:20px}.interactive-room .profile-modal .profile-modal-content .avatar-preview{display:flex;justify-content:center;margin-bottom:24px;padding:20px;background:#242729;border-radius:8px;border:1px solid #424446}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part{margin-bottom:12px;background:#242729;border-radius:8px;border:1px solid #424446;overflow:hidden;transition:all .2s ease}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part.expanded{border-color:#606263}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .part-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#d3d4d4;font-weight:500;font-size:14px}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .part-label svg{color:#e87257}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .color-options{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .color-options .color-option{width:28px;height:28px;border-radius:6px;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .color-options .color-option:hover{border-color:#d3d4d4;transform:scale(1.1)}.interactive-room .profile-modal .profile-modal-content .avatar-customization .avatar-part .color-options .color-option.active{border-color:#e87257;transform:scale(1.1);box-shadow:0 0 0 2px rgba(232,114,87,.3)}.interactive-room .profile-modal .profile-modal-content .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #424446;margin-top:20px}.interactive-room .profile-modal .profile-modal-content .modal-actions button{padding:10px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.interactive-room .profile-modal .profile-modal-content .modal-actions button.cancel-btn{background:#333537;color:#d3d4d4;border:1px solid #424446}.interactive-room .profile-modal .profile-modal-content .modal-actions button.cancel-btn:hover{background:#424446}.interactive-room .profile-modal .profile-modal-content .modal-actions button.save-btn{background:#e87257;color:#fff}.interactive-room .profile-modal .profile-modal-content .modal-actions button.save-btn:hover{background:#d5523e}.interactive-room .profile-modal .profile-modal-content .modal-actions button.save-btn svg{color:#fff}@media(max-width:1024px){.interactive-room .cinema-billboard{width:80%}.interactive-room .dj-booth-3d{width:45%;top:48%}.interactive-room .dj-booth-3d .booth-front-panel{height:50px;bottom:-50px}.interactive-room .dj-booth-3d .booth-top-surface{height:65px}}@media(max-width:768px){.interactive-room .cinema-billboard{width:90%;top:8%}.interactive-room .cinema-billboard .billboard-frame .billboard-screen{border-width:2px}.interactive-room .cinema-billboard .billboard-frame .billboard-base{height:12px}.interactive-room .dj-booth-3d{width:55%;top:45%}.interactive-room .dj-booth-3d .booth-front-panel{height:40px;bottom:-40px}.interactive-room .dj-booth-3d .booth-front-panel .booth-logo-space .marquee-text{font-size:10px;letter-spacing:1px}.interactive-room .dj-booth-3d .booth-top-surface{height:55px;transform:rotateX(25deg)}.interactive-room .dj-booth-3d .booth-top-surface .booth-equipment .dj-setup{max-width:160px}.interactive-room .dj-booth-3d .ade-branding{left:-40px;right:-40px;top:-16px}.interactive-room .dj-booth-3d .ade-branding .ade-box{width:36px;height:20px;font-size:10px}.interactive-room .interactive-avatar-wrapper svg{width:32px;height:32px}}.emoji{display:inline-flex;height:20px;width:20px;background-size:cover;content:" ";font-size:20px;line-height:24px;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow:hidden;color:rgba(0,0,0,0)!important;white-space:nowrap}.emoji::-moz-selection{color:rgba(0,0,0,0)}.emoji::selection{color:rgba(0,0,0,0)}*{box-sizing:border-box}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25)}::-webkit-scrollbar:vertical{width:0}body,html{width:100%;height:100%}h1{font-size:96px;line-height:112px}h1,h2{font-weight:600;margin:0}h2{font-size:80px;line-height:92px}h3{font-size:48px;line-height:64px}h3,h4{font-weight:600;margin:0}h4{font-size:36px;line-height:48px}h5{font-size:24px;line-height:32px;font-weight:600;margin:0}h5.fw-book{font-weight:400}.emoji-mart .emoji-mart-title-label,h6{font-size:18px;line-height:24px;font-weight:600;margin:0}.emoji-mart .emoji-mart-title-label,h1,h2,h3,h4,h5,h6{letter-spacing:.1px}body{font-family:Basier Circle,sans-serif;font-weight:400;color:#d3d4d4;background-color:#242729;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.app{overflow:hidden}body.app #root,body.app #root>main{height:100%}#root{width:100%;overflow:hidden}.policy ol li,.policy ul li,p{font-size:16px;line-height:24px;letter-spacing:0;font-weight:400}.activity,.activity .label,.button.translucent,.chat .user,.emoji-mart .emoji-mart-preview-name,.emoji-mart .emoji-mart-preview-shortnames,.liveparty .tag,.menu .option .label,.menu .option .shortcut,.small,.toasts .toast,.tooltip>.inner,.videoitem.partyitem .thumbnail .tag,small{font-size:14px;line-height:20px;letter-spacing:.2px}.activity .subtitle.label,.chat .subtitle.user,.emoji-mart .subtitle.emoji-mart-preview-name,.emoji-mart .subtitle.emoji-mart-preview-shortnames,.liveparty .subtitle.tag,.menu .option .subtitle.label,.menu .option .subtitle.shortcut,.small.subtitle,.subtitle.activity,.subtitle.button.translucent,.toasts .subtitle.toast,.tooltip>.subtitle.inner,.videoitem.partyitem .thumbnail .subtitle.tag,small.subtitle{font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.6px;color:#9b9c9d}.chat.nouser,strong{font-weight:600}.muted,.tip{color:#b9baba}.avatargroup .count{left:-6px}.avatargroup .avatar{box-shadow:0 0 0 4px #242729;border-radius:50%}.avatargroup .avatar:hover{transform:scale(1.1)!important}.avatargroup .avatar:active{transform:scale(1)!important}.avatargroup .avatar+.avatar{margin-left:-2px}.avatargroup+.avatar{box-shadow:0 0 0 4px #242729;margin-left:-2px}.truncate{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list{overflow-y:auto;scrollbar-width:none}.bgoverlay{content:" ";display:flex;flex-direction:column;height:30%;background-color:#202325;border-radius:0 8px 8px 0;overflow:hidden;right:0;z-index:1}.bgoverlay,.bgoverlay .content{width:100%;position:absolute;top:0}.bgoverlay .content{left:0;height:100%;background-color:rgba(36,39,41,.92)}.bgoverlay .inner{position:absolute;top:0;left:-20%;content:" ";width:100%;animation:infiniteMove 400s linear infinite;height:1200px;background-size:50%;background-position:50%;transform:perspective(1000px) rotateY(-30deg) rotateX(20deg) scale(2);background-repeat:repeat;opacity:.12}.bgoverlay.pointsmodal{height:100%;width:40%}.bgoverlay.pointsmodal .inner{height:1200px;transform:perspective(1000px) rotateY(-40deg) rotateX(20deg) scale(3.2);opacity:.4;background-size:100%}@media(max-width:1199px){.bgoverlay.pointsmodal{display:none}}@keyframes infiniteMove{0%{background-position:0 0}50%{background-position:0 1200px}to{background-position:0 0}}.auth,.perks{height:100%;width:40%}@media(max-width:1199px){.auth,.perks{display:none}}.perks{display:flex;flex-direction:column;padding:32px;flex-grow:1;background-color:#242729}.auth .inner{height:1200px;transform:perspective(1000px) rotateY(-40deg) rotateX(20deg) scale(3.2);opacity:.24;background-size:100%}.splitter{position:relative;width:100%;margin:20px 0;height:20px}.splitter:after{content:" ";position:absolute;top:8px;left:0;border-bottom:1px solid #424446;height:1px;width:100%;z-index:1}.splitter .subtitle{display:flex;align-items:center;justify-content:center;background-color:#333537;position:absolute;top:0;left:50%;padding:4px 8px;transform:translateX(-50%);z-index:4;height:20px}.card .inputwrapper .input,.modal .inputwrapper .input{background-color:#515354}.card .inputwrapper.disabled .input,.card .inputwrapper.disabled input:disabled,.modal .inputwrapper.disabled .input,.modal .inputwrapper.disabled input:disabled{background-color:#424446}.card .inputwrapper:not(.error):focus-within .input,.modal .inputwrapper:not(.error):focus-within .input{background-color:#606263}.spinner{animation:spin .8s linear infinite;display:flex;color:#606263;flex-grow:0;align-self:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.announcement-banner .v2-mobile-message{display:none}.announcement-banner .v2-full-message,.announcement-banner .v2-subtitle{display:inline}.auth-upsell-desktop{display:block}@media(max-width:1199px){.pro-section{flex-direction:column;gap:16px}.pro-section .pro-button{align-self:stretch}.pro-section .pro-button .button,.pro-section .pro-button button{width:100%;text-align:center;justify-content:center}.announcement-banner .v2-mobile-message{display:inline}.announcement-banner .v2-full-message,.announcement-banner .v2-subtitle,.auth-upsell-desktop{display:none}}.login-modal-two-panel{display:flex;width:800px;max-width:90vw;height:600px;max-height:80vh;background:#242729;border-radius:20px;border:1px solid #15181a;box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3);backdrop-filter:blur(12px);position:relative;overflow:hidden}.login-modal-two-panel.signup-mode{height:700px}@media(max-width:1199px){.login-modal-two-panel{flex-direction:column;width:360px;height:auto;max-height:90vh}}.login-modal-two-panel .login-panel-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow-y:auto}.login-modal-two-panel .login-panel-left.signup-mode{padding-top:60px;padding-bottom:60px}@media(max-width:1199px){.login-modal-two-panel .login-panel-left{padding:32px;flex:none}.login-modal-two-panel .login-panel-left.signup-mode{padding-top:48px;padding-bottom:48px}}.login-modal-two-panel .bgoverlay.auth{flex:0 0 40%;height:100%;width:40%;position:relative;border-radius:0 20px 20px 0}@media(max-width:1199px){.login-modal-two-panel .bgoverlay.auth{flex:0 0 200px;width:100%;border-radius:0 0 20px 20px}}.login-modal-two-panel .bgoverlay.auth .inner{height:1200px;transform:perspective(1000px) rotateY(-40deg) rotateX(20deg) scale(3.2);opacity:.24;background-size:100%}.login-modal-two-panel .login-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#d3d4d4;cursor:pointer;padding:8px;border-radius:8px;transition:all .15s ease;z-index:10}.login-modal-two-panel .login-modal-close:hover{background:#15181a;color:#f6f6f6;transform:scale(1.05)}.login-modal-two-panel .login-modal-close:active{transform:scale(.95)}