.page-module__9CcXuq__songContainer{flex-direction:column;align-items:center;width:100%;min-width:350px;display:flex}.page-module__9CcXuq__dropDown{background:#424242;border-radius:8px;width:95%;margin-bottom:10px;padding:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.page-module__9CcXuq__songText,.page-module__9CcXuq__warningSongText{border-radius:5px;width:calc(100% - 40px);padding:10px 20px;font-size:16px;line-height:1.5;box-shadow:0 2px 4px #0000000d}.page-module__9CcXuq__songText a{color:#f90;text-decoration:underline}.page-module__9CcXuq__warningSongText{background:#630006;background:lab(19.1255% 40.4849 27.2997)}.page-module__9CcXuq__placeHolderText{height:100vh}.page-module__9CcXuq__actionButton{color:#e0e0e0;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.page-module__9CcXuq__actionButton:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}.page-module__9CcXuq__actionButton:active{background:#ffffff2e}.page-module__9CcXuq__actionButtonActive{color:#f90;background:#ff990026;border-color:#f90}.page-module__9CcXuq__actionButtonActive:hover{color:#f90;background:#ff990040;border-color:#f90}@keyframes page-module__9CcXuq__spinSnake{to{transform:translate(-50%,-50%)rotate(360deg)}}.page-module__9CcXuq__actionButtonLoading{border-color:#0000;position:relative;overflow:hidden}.page-module__9CcXuq__actionButtonLoading:before{content:"";aspect-ratio:1;z-index:0;background:conic-gradient(#f90 60deg,#0000 120deg);width:150%;animation:.9s linear infinite page-module__9CcXuq__spinSnake;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.page-module__9CcXuq__actionButtonLoading:after{content:"";z-index:1;background:#424242;border-radius:20px;position:absolute;inset:2px}.page-module__9CcXuq__actionButtonLoading>*{z-index:2;position:relative}.page-module__9CcXuq__actionButtonWarning{color:#ff6b6b;background:#ca0d0d26;border-color:#ca0d0d}.page-module__9CcXuq__actionButtonWarning:hover{color:#ff6b6b;background:#ca0d0d40;border-color:#ca0d0d}.page-module__9CcXuq__voteButton{}.page-module__9CcXuq__copyLink{}.page-module__9CcXuq__editButton{}.page-module__9CcXuq__tabContainer{justify-content:flex-start;width:100%;margin:0 10px;padding:10px 0;display:inline-block;overflow-x:auto}.page-module__9CcXuq__tab{background:var(--main-button-color);color:#fff;cursor:pointer;border:none;border-radius:5px;min-height:44px;margin:2px;padding:12px 16px;transition:background-color .2s ease-in-out}.page-module__9CcXuq__selected{background:green}.page-module__9CcXuq__statusBar{border-top:1px solid #ffffff1f;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 4px;display:flex;overflow-x:auto}.page-module__9CcXuq__editorControls{border-top:1px solid #ff990040;justify-content:center;gap:8px;padding-left:0}.page-module__9CcXuq__editorHeader{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:0;font-size:.72rem}.page-module__9CcXuq__warningBar{text-align:center;color:#fff;background:#ca0d0d;border-radius:5px;width:100%;margin-top:10px;margin-bottom:10px;padding:10px;font-weight:700}.page-module__9CcXuq__triggerCheck{min-width:24px;min-height:24px;margin-right:10px}.page-module__9CcXuq__spexLink{color:#f90;text-decoration:underline}.page-module__9CcXuq__summary{cursor:pointer;align-items:center;min-height:44px;padding:12px 0;display:list-item}.page-module__9CcXuq__melody{padding:20px 20px 0}.page-module__9CcXuq__melodyLink{color:#f90;align-items:center;min-height:44px;padding:4px 0;text-decoration:underline;display:inline-flex}.page-module__9CcXuq__dialog{background:#fff;border:none;border-radius:8px;width:100%;max-width:400px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #00000080}.page-module__9CcXuq__dialog h2{margin-top:0}.page-module__9CcXuq__dialog button{cursor:pointer;border:none;border-radius:4px;min-height:44px;margin:10px 5px 0 0;padding:10px 20px}.page-module__9CcXuq__dialog .page-module__9CcXuq__confirmButton{color:#fff;background-color:#d9534f}.page-module__9CcXuq__dialog .page-module__9CcXuq__cancelButton{color:#fff;background-color:#6c757d}
.page-module___8aEwW__main{flex-direction:column;align-items:center;min-height:100vh;display:flex}.page-module___8aEwW__navbar{background:green;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:1rem;display:grid}.page-module___8aEwW__navbar>:first-child{justify-self:start}.page-module___8aEwW__navbar>:nth-child(2){justify-self:center}.page-module___8aEwW__navbar>:nth-child(3){justify-self:end}.page-module___8aEwW__container{flex-direction:column;width:98vw;max-width:40rem;margin-top:1rem;display:flex}.page-module___8aEwW__containerHeader{border-top:1px solid #93b400;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;display:flex;position:relative}.page-module___8aEwW__addButton{background:var(--main-button-color);color:#fff;cursor:pointer;border:none;border-radius:5px;height:2rem;margin:2px;padding:10px 15px;transition:background-color .2s ease-in-out;position:absolute;top:5px;right:10px}.page-module___8aEwW__containerHeader h3{margin-top:10px}.page-module___8aEwW__synopsis{padding:1rem}.page-module___8aEwW__flex{flex-direction:column;justify-content:center;align-items:center;display:flex}.page-module___8aEwW__searchContainer{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:98vw;max-width:40rem;padding:1rem 1rem 0;display:flex}.page-module___8aEwW__searchBar{color:#000;background:#f5f5f5;border:none;border-radius:10px;width:100%;height:2rem;padding:.5rem}.page-module___8aEwW__smallSearchBar{color:#000;background:#f5f5f5;border:none;border-radius:10px;width:5rem;height:2rem;padding:.5rem}.page-module___8aEwW__searchButton{color:#000;background:#f5f5f5;border:none;border-radius:10px;width:5rem;height:2rem}.page-module___8aEwW__burger{width:100px;height:100px}.page-module___8aEwW__mt1{margin-top:1rem}.page-module___8aEwW__mt2{margin-top:2rem}.page-module___8aEwW__mt3{margin-top:3rem}.page-module___8aEwW__mt4{margin-top:4rem}.page-module___8aEwW__mt5{margin-top:5rem}.page-module___8aEwW__skeleton{background:#ccc;width:40%;height:100%;min-height:15px;position:relative;overflow:hidden}.page-module___8aEwW__bigSkeleton{background:#ccc;border-radius:5px;width:40%;height:5rem;min-height:1rem;margin-top:1rem;position:relative;overflow:hidden}.page-module___8aEwW__skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:.5s infinite page-module___8aEwW__shimmer;display:block;position:absolute;top:0;left:-100%}.page-module___8aEwW__bigSkeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:1s infinite page-module___8aEwW__shimmer;display:block;position:absolute;top:0;left:-100%}@keyframes page-module___8aEwW__shimmer{0%{left:-100%}to{left:100%}}.page-module___8aEwW__saveButton{min-width:44px;min-height:44px;margin-top:10px;margin-bottom:10px;padding:10px 16px}.page-module___8aEwW__spexList{margin:10px;padding:0;list-style:none}.page-module___8aEwW__song-container{align-items:center;width:100%;min-height:44px;padding:10px;display:flex}.page-module___8aEwW__song-container a{align-items:center;width:100%;min-height:44px;display:flex}.page-module___8aEwW__spexList li{padding:3px}.page-module___8aEwW__song{align-items:center;width:100%;transition:all .25s;display:flex}.page-module___8aEwW__vote-count,.page-module___8aEwW__song{border:1px solid #838383;border-radius:3px;min-height:44px;margin-left:3px;padding:10px}.page-module___8aEwW__button{box-sizing:border-box;color:#000;cursor:pointer;background-color:#008f1f;border:1px solid #000;border-radius:.25rem;align-items:center;min-width:44px;min-height:44px;padding:.7rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s;position:relative;box-shadow:0 1px 3px #00000005}#page-module___8aEwW__smallButton{margin-left:.5rem;padding:.3rem}.page-module___8aEwW__songDesc{color:#838383;font-size:.7rem}.page-module___8aEwW__button:hover,.page-module___8aEwW__button:active,.page-module___8aEwW__button:focus,.page-module___8aEwW__song:active,.page-module___8aEwW__song:hover{color:#000;background-color:#dbb300;border-color:#000;box-shadow:0 4px 12px #0000001a}.page-module___8aEwW__song:hover{transform:translateY(-7px)}.page-module___8aEwW__button:hover{transform:translateY(-1px)}.page-module___8aEwW__link{text-align:center;color:#f90;justify-content:center;align-items:center;min-height:44px;padding:10px;text-decoration:underline;display:flex}.page-module___8aEwW__navIcon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}
.AddToPlaylist-module__dOaMyG__playlistButton{background:var(--main-button-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;min-width:44px;min-height:44px;padding:8px 12px;font-size:.9rem;transition:background-color .2s ease-in-out}.AddToPlaylist-module__dOaMyG__playlistButton:hover{opacity:.85}.AddToPlaylist-module__dOaMyG__dialog{color:#fff;background:#1e1e1e;border:none;border-radius:10px;width:calc(100vw - 2rem);max-width:420px;padding:0;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}.AddToPlaylist-module__dOaMyG__dialog::backdrop{background:#0009}.AddToPlaylist-module__dOaMyG__dialogHeader{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.AddToPlaylist-module__dOaMyG__dialogHeader h2{margin:0;font-size:1.1rem}.AddToPlaylist-module__dOaMyG__closeButton{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;min-width:44px;min-height:44px;font-size:1.1rem;transition:color .15s}.AddToPlaylist-module__dOaMyG__closeButton:hover{color:#fff}.AddToPlaylist-module__dOaMyG__message{color:#aaa;padding:1rem 1.25rem;font-size:.95rem}.AddToPlaylist-module__dOaMyG__loginPrompt{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.AddToPlaylist-module__dOaMyG__loginPrompt p{margin:0;line-height:1.5}.AddToPlaylist-module__dOaMyG__loginButton{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:5px;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:opacity .2s}.AddToPlaylist-module__dOaMyG__loginButton:hover{opacity:.85}.AddToPlaylist-module__dOaMyG__playlistList{max-height:240px;padding:.5rem 0;overflow-y:auto}.AddToPlaylist-module__dOaMyG__playlistItem{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;min-height:44px;padding:12px 1.25rem;font-size:1rem;transition:background .15s;display:block}.AddToPlaylist-module__dOaMyG__playlistItem:hover{background:#2a2a2a}.AddToPlaylist-module__dOaMyG__divider{border:none;border-top:1px solid #333;margin:0}.AddToPlaylist-module__dOaMyG__newForm{flex-direction:column;gap:.6rem;padding:1rem 1.25rem;display:flex}.AddToPlaylist-module__dOaMyG__newLabel{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.AddToPlaylist-module__dOaMyG__newRow{flex-wrap:wrap;gap:.5rem;display:flex}.AddToPlaylist-module__dOaMyG__newInput{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:5px;flex:1;min-height:44px;padding:10px 12px;font-size:.95rem}.AddToPlaylist-module__dOaMyG__newInput::placeholder{color:#888}.AddToPlaylist-module__dOaMyG__newInput:focus{border-color:var(--main-button-color,#888);outline:none}.AddToPlaylist-module__dOaMyG__createButton{background:var(--main-button-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;min-height:44px;padding:10px 14px;font-size:.9rem;transition:opacity .2s}.AddToPlaylist-module__dOaMyG__createButton:disabled{opacity:.5;cursor:not-allowed}.AddToPlaylist-module__dOaMyG__createButton:not(:disabled):hover{opacity:.85}