html,body{margin:0;padding:0;height:100%;width:100%}.page-main-container{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;margin:0;overflow:hidden}.chat-main-container{display:flex;flex-direction:row;height:100%;width:100%;max-width:1600px}.left{display:flex;flex-direction:column;flex-grow:1;height:100%;max-width:21%;order:1}.middle{display:flex;align-items:center;flex-direction:column;width:58%;height:100%;order:2}.player-wrapper{margin-top:-20px}.right{display:flex;flex-direction:column;flex-grow:1;height:100%;max-width:21%;order:3}.left-menu{height:16%}.nav{height:100%;padding:0 1.2em;display:flex;flex-direction:column;justify-content:center}.badges{margin-top:35px}.chat-container{flex:1;overflow-y:auto;width:100%;display:flex;align-items:flex-end}.chat-container.player-active{height:20%}.message-box{height:90%;width:100%;overflow-y:auto}.chat-message{max-width:70%;display:flex;flex-direction:column;margin:25px 0}.message-attachments,.message-header{display:flex;align-items:center;height:25px}.message-username p{font-family:Roboto,sans-serif;font-weight:700}.message-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 5px}.message-body{padding:10px 0}.message-body p{margin:0;white-space:pre-wrap}.left-message{max-width:60%;padding:25px 30px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.9rem}.right-message{justify-self:end;padding:25px 30px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.9rem}.footer{width:100%;padding-bottom:1%;display:flex;flex-direction:column;align-items:center}.badge-bar{width:100%;display:flex;justify-content:space-between}.badge-items{display:flex;align-items:flex-end}.badge-item{margin:0 5px;cursor:pointer}.badge-item-image{width:32px;height:32px}.mobile-recent-song{display:none}.controls-bar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.party-controls{height:100%;display:flex;flex-direction:row}.party-controls *{margin:4px 5px}.party-controls .media-icon img{width:32px;margin-bottom:-4px}.party-controls .media-icon-2 img{width:34px;margin-bottom:-4px}.target-bar{display:flex;align-items:center;height:100%;justify-content:space-around}.target-bar *{margin:0 5px}.form-wrapper{width:100%;height:60px}.message-form{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:center}.message-form textarea{resize:none;border:none;outline:none;padding:0;margin:0;height:95%;flex:1;border-bottom:1px solid black}.message-form button{width:60px;padding:10px;margin:0 10px}.message-form label{margin:0 10px}.pedestal img{width:150px;height:150px}.recent-badges img{width:50px;height:50px}.message-pedestal img{width:30px;height:30px}.message-recent-badges img{width:22px;height:22px}.header{width:45%;height:8%;display:flex;flex-direction:row;align-items:center}.pinned{display:none}.recent-pinned{flex:1}.pinned-button{width:15%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.pinned-button img{width:36px}.interaction{width:85%;height:35px;margin:0;display:flex;flex-direction:row;align-items:center}.ap-main-wrapper{width:100%;height:22px;border:1px solid black}.lobby-ap-main-wrapper{width:100%;flex:1;border:1px solid black}.ap-bar-container{height:100%;width:100%;position:relative;overflow:hidden}.ap-bar{height:100%;background:linear-gradient(to right,#FF1010 0%,#FF5010 10%,#FF5010 10%,#FF9F10 15%,#FF9F10 15%,#FFFA52 25%,#FFFA52 25%,#F1FF4A 27%,#F1FF4A 27%,#A7FF31 35%,#A7FF31 35%,#09F4F4 45%,#09F4F4 45%,#141FF8 58%,#141FF8 58%,#210AF9 60%,#210AF9 60%,#A514F8 70%,#A514F8 70%,#CF0DDE 80%,#CF0DDE 80%,#EA1080 100%);position:absolute;top:0;left:0;width:100%}.white-slider{height:100%;position:absolute;top:0;right:0;background-color:#fff}.chat-bar-content-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.int-bar-content-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}.ap-text{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;color:#000;text-wrap:nowrap}.chroma-container{display:flex;flex-direction:row;align-items:center;margin-left:10px}.chroma-container img{width:17px;height:20px}.chroma-image{width:22px;height:22px}.chroma-text{margin-left:5px;font-family:Roboto,sans-serif;font-weight:700;font-size:14px;color:#000}.profile-box{position:relative;display:flex;flex-direction:row;align-items:center;margin-left:10px;cursor:default}.notification-dot{position:absolute;bottom:0;right:0;width:11px;height:11px;background-color:red;border-radius:50%;z-index:10;border:1px solid white}.ap-person-container{display:flex;flex-direction:row;align-items:center;padding:10px 30px;border-top:1px solid #ccc;background-color:#fff}.setlist-titles{margin-top:20px;max-height:300px;overflow-y:auto}.setlist-titles h4{font-family:Roboto,sans-serif;font-weight:700;margin-bottom:10px}.setlist-titles p{font-family:Roboto,sans-serif;font-weight:400;margin-bottom:8px;color:#333}.setlist-titles p:hover{color:#000}p{font-family:Roboto,sans-serif;font-weight:400;line-height:1.5rem}.single-chat-badge{display:flex;flex-direction:row;align-items:center}.single-badge-pedestal img{width:70px}.single-badge-recent{display:flex;flex-direction:column}.single-badge-recent img{width:30px}.menu-container{font-family:Roboto,sans-serif;font-weight:400}.phx-no-feedback{display:none}.phx-loading{cursor:progress}form{margin:0 auto}input,button{display:block;width:100%;padding:8px;margin-bottom:10px}button{background-color:#333;color:#fff;border:none}.default{background-color:green}.changed{background-color:pink}.confirmed{background-color:#00f}.post{margin:10px;border:2px solid black}#flash-group{position:relative}#flash-info,#flash-error{position:fixed;top:10px;right:10px;width:300px;padding:10px;border:1px solid #000;background-color:#f0f0f0}#flash-info{background-color:#d4edda}#flash-error{background-color:#f8d7da}#custom-setlists-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#00000080}.modal-content{position:relative;background-color:#fff;width:80%;max-height:80dvh;overflow-y:auto;max-width:500px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a}.modal-close{text-align:right;margin-top:10px;color:#555;cursor:pointer}.modal-close:hover{color:#000}.setlist-display-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:60}.setlist-display{background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.setlist-display-header{height:12%;width:100%;display:flex;flex-direction:column}.setlist-nav{width:100%;display:flex;flex-direction:row;justify-content:space-between}.setlist-nav *{padding:0 10px}.setlist-controls{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.setlist-controls *{padding:0 10px}.setlist-display-body{width:80%;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.setlist-editor-body{width:80%;max-height:80vh;overflow-y:auto}.setlist-editor-form{width:100%;padding:0;margin:0}.setlist-display-name{width:100%;height:8%;display:flex;justify-content:center}.setlist-items-container{width:100%;flex-grow:1;max-height:92%;display:flex;flex-direction:column;align-items:center}.setlist-item{width:45%;display:flex;flex-direction:column;margin:20px 0}.setlist-item-content{display:flex;flex-direction:row;justify-content:space-between}.setlist-item-metadata{width:90%;display:flex}.setlist-item-badges{display:flex;flex-direction:row;align-items:flex-end;padding-bottom:6px;justify-content:center}.setlist-item-pedestal img{width:40px;height:40px}.setlist-item-thumbnail img{width:75px;height:75px}.setlist-item-title{font-family:Roboto;font-weight:700}.setlist-item-annotation{display:flex;flex-direction:column}.annotation-image,.annotation-image img{width:100%}.annotation-body p{white-space:pre-wrap}.setlist-display-footer{width:100%;display:flex;flex-direction:column;align-items:center}.setlist-badge-bar,.setlist-target-bar{display:flex;width:80%}.setlist-interaction{width:100%;height:24px;margin:0;display:flex;flex-direction:row;align-items:center}.setlist-editor-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:60}.setlist-editor{background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.song-search{display:flex;gap:10px;margin-bottom:10px}.song-search input{flex:1}.song-list{margin-top:10px;margin-bottom:20px}.song-item{margin-bottom:10px}.song-item p{margin:0 0 5px}.editor-close{text-align:right;margin-top:10px;color:#555;cursor:pointer}.editor-close:hover{color:#000}.error{color:red;margin-bottom:10px}.wave-sync-wrapper{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:60}.wave-sync{background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wavesync-extra{width:100%;height:100%}.wavesync-header{height:20%;width:100%;display:flex;flex-direction:column;align-items:center}.wavesync-nav{width:100%;display:flex;justify-content:flex-end}.wavesync-info{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.wavesync-input{display:flex;flex-direction:row;width:33%;justify-content:center;align-items:center}.wavesync-input *{margin:0 5px}.wavesync-input-thumbnail img{width:65px;height:65px}.wavesync-body{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:row;justify-content:center}.wavesync-orb{order:1;display:flex;flex-direction:column;align-items:center}.wavesync-orb canvas#orb-canvas{width:400px;height:400px;max-width:100%;max-height:100%}.wavesync-sines{order:2;overflow-x:auto;display:flex;flex-direction:column;align-items:center;margin-right:20px;margin-top:50px}.wavesync-sybil-voice{order:3;margin-top:30px}.orb-image img{width:400px;height:400px}.lobby-page-container{height:100dvh;width:100vw;margin:0;overflow:hidden}.lobby-main-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.jumbotron{width:100%;height:25%}.jumbotron-header{padding-top:40px}.jumbotron>*{padding-left:4%;padding-right:2%}.jumbotron h3{font-family:Roboto;font-weight:700}.lobby-filters{width:80%;height:30%;display:flex;flex-direction:column;justify-content:center;align-items:center}.lobby-filters h4{font-family:Roboto}.lobby-filter-toggle{width:50%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.filter-toggle-button{border-bottom:1px solid black;padding:0 20px}.filter-toggle-active{border:2px solid blue;padding:0 20px}.filter-toggle-button p,.filter-toggle-active p{line-height:1rem}.set-panneau{display:flex;flex-direction:row}.set-panneau *{padding:0 10px}.lobby-filter-sets{width:85%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.lobby-set-item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 5px;height:45px;border:1px solid black;border-radius:12px}.selected-set{border:3px solid blue}.lobby-set-name{line-height:.8rem;padding:0 8px}.lobby-search{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.lobby-search-box{width:85%;padding:5px 0;border-bottom:1px solid black}.lobby-search-box form input{width:100%;padding:15px 5px;margin:0;border:none;outline:none}.lobby-search-results{width:70%;display:flex;flex-direction:column;flex:1;overflow-y:auto}.search-result-container{font-family:roboto;line-height:2.5rem}.search-result{display:flex;flex-direction:row;align-items:center}.search-result *{padding:0 5px}.live-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px}.live-icon img{width:25px;height:25px;padding-top:14px}.lobby-rooms-list{width:70%;flex:1;overflow-y:auto;display:flex;justify-content:center;align-items:center;padding-top:10px}.lobby-rooms-stream{width:100%;height:100%}.lobby-room{display:flex;flex-direction:row;align-items:center}.lobby-room *{padding:0 5px}.lobby-room p{line-height:1rem}.lobby-live-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px}.lobby-live-icon img{width:25px;height:25px;padding-top:4px}.lobby-footer{width:100%;height:8%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-controls{width:80%;height:75%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.lobby-controls *{padding:0 5px}.watch-party-controls{display:flex}.watch-party-controls *{margin:0 5px;text-decoration:underline}.full-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:60}.full-modal-content{background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:roboto}.vitrine-content{width:100%;height:100%;overflow-y:auto}.full-modal-content>*{width:80%}.full-modal-header{display:flex;flex-direction:column;justify-content:center}.full-modal-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.achievement-full-modal-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.full-modal-title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:roboto}.achievements-list{overflow-y:auto}.achievements-list h4{font-family:roboto}.achievement-item{display:flex;flex-direction:column;justify-content:center;margin:60px 0;padding-left:4%}.seal-info{display:flex;flex-direction:row}.seal-info>*{padding:0 5px}.seal-image{display:flex;flex-direction:row;justify-content:center;align-items:center}.seal-image img{width:145px}.ledger-container{max-height:400px;overflow-y:auto;padding:10px}.ledger-table{width:100%;border-collapse:collapse}.ledger-table th,.ledger-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.ledger-table th{background-color:#f4f4f4}.badge-icon{width:24px;height:24px;vertical-align:middle;margin-right:5px}.seal-icon{width:24px;height:24px;vertical-align:middle;margin-right:8px}.seal-option{display:flex;align-items:center;padding:8px;cursor:pointer}.seal-option.selected{background-color:#e0e0e0;border-radius:4px}.seal-option img{margin-right:8px}.upload-entry{display:flex;align-items:center;gap:10px;margin-top:5px}.upload-entry p{margin:0;font-size:.9em}.upload-entry .cancel-upload{background-color:#ff4d4d;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:3px}.upload-entry .cancel-upload:hover{background-color:#c00}.podium{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.podium-place{text-align:center;padding:10px;border-radius:5px}.podium-place-1{background-color:gold;transform:scale(1.1)}.podium-place-2{background-color:silver}.podium-place-3{background-color:#cd7f32}.podium-place h3{margin:0;font-size:1.2em}.podium-place p{margin:5px 0 0;font-size:1em}.wallet-info{margin:20px 0;display:flex;flex-direction:column;gap:15px}.balance-item{display:flex;align-items:center;justify-content:center;gap:10px}.currency-icon{width:24px;height:24px}.wallet-actions{margin:20px 0}.wallet-actions button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.wallet-actions button:hover{background-color:#0056b3}.wallet-note{margin-top:20px;font-style:italic;color:#555}.mobile-back,.single-chat-badge{display:none}.room-setlist-item{width:100%;display:flex;flex-direction:column;margin:20px 0;cursor:pointer}.room-setlist-item-content{display:flex;flex-direction:row;justify-content:flex-start}.room-setlist-item-details{margin-left:2%;margin-right:2%}.room-setlist-item-thumbnail img{width:50px;height:50px}.room-setlist-item-title{margin:0;font-size:.9em}#room-song{font-weight:700;text-decoration:underline}.room-setlist-item-artist{margin:0;font-size:.8em}@media (max-width: 840px){.left,.right{display:none}.middle{width:100%}.jumbotron{width:100%;height:215px}.jumbotron-header{padding-top:5%}.lobby-main-container p{font-size:.9rem}.jumbotron h3{font-family:Roboto;font-weight:700;font-size:1rem}.lobby-filters{width:100%;height:35%;display:flex;flex-direction:column;justify-content:center;align-items:center}.lobby-filters h4{font-family:Roboto;font-size:.9rem}.lobby-filter-toggle,.lobby-filter-sets{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.lobby-search-box{width:100%;padding:5px 0;border-bottom:1px solid black}.lobby-search-results{width:100%;display:flex;flex-direction:column;flex:1;overflow-y:auto}.lobby-rooms-list{width:100%;flex:1;overflow-y:auto;display:flex;justify-content:center;align-items:center;padding-top:10px}.lobby-footer{width:100%;height:10%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-controls{width:80%;height:60%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.header{width:100%;height:100px;display:flex;flex-direction:row;align-items:center}.mobile-back{flex:1;display:flex;justify-content:center}.single-chat-badge{display:flex;flex:1;justify-content:center}.pinned{display:flex;flex-direction:row;width:100%;border-top:1px solid black}.recent-pinned{flex:1;padding:0 1.5%}.header .ap-main-wrapper{width:50%;height:22px;border:1px solid black}.chat-container{flex:1;overflow-y:auto;width:100%;display:flex;align-items:flex-end}.footer p{font-size:.9rem}.room-setlist-item-details p{margin:0;font-size:.8rem}.message-box{height:100%;width:100%;padding:0 1.5%;overflow-y:auto}.chat-message{max-width:80%;display:flex;flex-direction:column;margin:25px 0}.form-wrapper{width:100%;height:60px}.message-form textarea{resize:none;border:none;outline:none;padding:0;margin:0 5px;height:95%;flex:1;border-bottom:1px solid black}.interaction{width:100%;height:35px;margin:0;display:flex;flex-direction:row;align-items:center}.interaction .ap-main-wrapper{width:100%}.player-wrapper{margin:0 auto;width:100%;height:30%}.youtube-player{width:100%;height:100%}.setlist-display-body{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.setlist-editor-body{width:100%;max-height:80vh;overflow-y:auto}.setlist-editor-form{width:100%;padding:0;margin:0}.setlist-item{width:90%;display:flex;flex-direction:column;margin:20px 0}.setlist-badge-bar{display:flex;flex-wrap:wrap;width:100%}.setlist-target-bar{display:flex;width:100%}.mobile-recent-song{cursor:pointer;display:flex;flex-direction:column;max-height:50px;padding-right:5px;overflow:hidden}.full-modal-content>*{width:90%}.wave-sync{background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto}.wavesync-extra{width:100%;height:100%}.wavesync-header{height:35%;width:100%;display:flex;flex-direction:column;align-items:center}.wavesync-info{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.wavesync-input{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center}.wavesync-sines{order:2;overflow-x:visible;display:flex;flex-direction:column;align-items:center;margin-right:20px;margin-top:50px}.wavesync-body{width:100%;flex:1;display:flex;overflow-y:visible;flex-direction:column;align-items:center}}