body{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5}h1{font-size:1.5em;margin:0;font-weight:100}.layout-header{color:inherit;border-bottom:2px solid #eee;background-color:#fff}.layout-content{padding:20px}@media (max-width: 768px){.layout-header{font-size:1.2em;padding:10px}.layout-content{padding:15px}.bottom-nav button{margin:5px 0}}@media (min-width: 769px) and (max-width: 1024px){.layout-header{font-size:1.5em;padding:20px}.layout-content{padding:20px}.bottom-nav{flex-direction:row;padding:20px}}@media (min-width: 1025px){.layout-header{font-size:1.8em;padding:25px}.layout-content{padding:30px}.bottom-nav{padding:20px}}#app{font-family:Arial,sans-serif;color:#333;margin-top:0}.bottom-nav[data-v-f8f2845f]{display:flex;justify-content:space-around;position:fixed;bottom:0;width:100%;color:inherit;padding:10px;border-top:2px solid #eee;background-color:#fff}button[data-v-f8f2845f]{background:none;border:none;color:#333;font:inherit;cursor:pointer;padding:5px 8px}button.selected[data-v-f8f2845f]{background:#666;border-radius:3px;color:#fff}button[data-v-f8f2845f]:hover{text-decoration:underline}button.selected[data-v-f8f2845f]:hover{text-decoration:none}.error-message[data-v-54c84b2b]{color:red;background-color:#ffe6e6;padding:10px;border-radius:5px;margin-top:20px}.layout-container[data-v-2efa1610]{display:flex;flex-direction:column;height:100vh}.layout-header[data-v-2efa1610]{color:inherit;border-bottom:2px solid #eee;background-color:#fff;padding:10px;text-align:center}.layout-content[data-v-2efa1610]{flex:1;padding:20px 20px 50px;overflow-y:auto}section[data-v-3aa994e0]{margin:0 0 50px}section h2[data-v-3aa994e0]{text-align:left;margin-left:25px}.room[data-v-3aa994e0],.loading-rooms[data-v-3aa994e0],.no-rooms[data-v-3aa994e0]{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:1px 10px;margin:5px;border-radius:15px;position:relative}.loading-rooms p[data-v-3aa994e0],.no-rooms p[data-v-3aa994e0]{padding:20px;font-size:larger}.title-section[data-v-3aa994e0]{align-self:flex-start;padding-top:20px}.title[data-v-3aa994e0]{margin:3px 10px 3px 0;text-align:left}.controls-and-music[data-v-3aa994e0]{display:flex;align-items:center;margin-bottom:10px;position:relative;font-size:.88em}.play-pause-button[data-v-3aa994e0]{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:35px;height:35px;padding:5px;overflow:hidden}.play-pause-icon[data-v-3aa994e0]{width:100%;height:100%;fill:#000}.play-pause-button:hover .play-pause-icon[data-v-3aa994e0]{fill:#68210d}.pause .pause-icon[data-v-3aa994e0]{display:block}.pause .play-icon[data-v-3aa994e0],.play .pause-icon[data-v-3aa994e0]{display:none}.play .play-icon[data-v-3aa994e0]{display:block}.album-image[data-v-3aa994e0]{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.album-image img[data-v-3aa994e0]{width:100%;object-fit:cover}.room[data-v-7479c849]{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:1px 10px;margin:5px;border-radius:15px;position:relative}.title-section[data-v-7479c849]{align-self:flex-start;padding-top:10px}.title[data-v-7479c849]{margin:3px 10px;text-align:left}.controls-and-music[data-v-7479c849]{display:flex;align-items:center;margin-bottom:10px;position:relative}.play-pause-button[data-v-7479c849]{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:35px;height:35px;padding:5px;overflow:hidden}.play-pause-icon[data-v-7479c849]{width:100%;height:100%;fill:#000}.play-pause-button:hover .play-pause-icon[data-v-7479c849]{fill:#68210d}.pause .pause-icon[data-v-7479c849]{display:block}.pause .play-icon[data-v-7479c849],.play .pause-icon[data-v-7479c849]{display:none}.play .play-icon[data-v-7479c849]{display:block}.no-music[data-v-7479c849]{margin-left:10px;font-size:.88em;color:inherit}.no-music[data-v-7479c849]:hover{color:#666}.controls-right[data-v-7479c849]{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.selector[data-v-7479c849]{padding:5px 10px;background-color:inherit;color:#fff;border:none;border-radius:4px;cursor:pointer}.selector:hover .selector-icon[data-v-7479c849]{stroke:#357}.selector-icon[data-v-7479c849]{transition:stroke .3s ease;stroke:#000}.sheet-overlay[data-v-dd4eced7]{position:fixed;top:20px;left:20px;right:20px;bottom:0;background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 -2px 10px #0003;z-index:1000;padding:20px}.sheet-enter-active[data-v-dd4eced7],.sheet-leave-active[data-v-dd4eced7]{transition:transform .3s ease-in-out}.sheet-enter-from[data-v-dd4eced7],.sheet-leave-to[data-v-dd4eced7]{transform:translateY(100%)}.sheet-enter-to[data-v-dd4eced7],.sheet-leave-from[data-v-dd4eced7]{transform:translateY(0)}.close-button[data-v-dd4eced7]{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#ff5c5c;color:#fff;border:none;border-radius:4px;cursor:pointer}.close-button[data-v-dd4eced7]:hover{background-color:#e60000}.player-item[data-v-9a1e7401]{padding:.3em 0;position:relative}input[type=checkbox][data-v-9a1e7401]{position:absolute;height:0;width:0;opacity:0}label[data-v-9a1e7401]{border:1px solid black;display:block;padding:1em;cursor:pointer}label[data-v-9a1e7401]:hover{background-color:#e8ebf2}input[type=checkbox]:checked+label[data-v-9a1e7401]{background-color:#000;color:#fff}input[type=checkbox][data-v-9a1e7401]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color)}.auth-view[data-v-d365c229]{text-align:center;padding:20px}.auth-button[data-v-d365c229]{padding:10px 20px;font-size:16px;margin-top:20px;cursor:pointer;background-color:#000;color:#fff}.auth-view[data-v-6124567c]{text-align:center;padding:20px}.auth-button[data-v-6124567c]{padding:10px 20px;font-size:16px;margin-top:20px;cursor:pointer}