@font-face{font-family:Circular;src:local("Circular"),url(../../static/media/Circular.757b8ac8efa71be3fcd0.otf) format("truetype")}@font-face{font-family:CircularLight;src:local("CircularLight"),url(../../static/media/CircularLight.5e12df08ca91cc19e9e7.otf) format("truetype")}html{background-color:#051f20;font-family:Circular}body{color:#fff;margin:0 auto}footer{background-color:#051f20;bottom:0;height:4vh;position:absolute;width:100%}input,select,textarea{font-size:16px}.header{align-items:center;border-bottom:1px solid #888;color:#fff;display:flex;font-size:6vh;gap:3vh;justify-content:center;padding:1.5vh}.header-title{font-size:3vh;margin:0;text-align:center;width:60%}.header>img{cursor:pointer}.game-guess-title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2vh;position:relative;row-gap:1.2vh}.game-guess-title>input{background-color:#051f20;background-position:2vh;background-repeat:no-repeat;background-size:15px;border:1px solid #888;color:#888;font-weight:700;height:5vh;outline:none;padding:0 2vh;text-indent:3.5vh;width:48vw}#search-input{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVR4nO2WTUoDQRCFBzVu/NkpeAXjHdS1LoyoV5CI/xfoTZr32jnBrOMP5CKCuNEIRkzcu9aFriKV1MC4idM9IQhaUKv0669SXf2mo+g/fksYYyZJ7pC8BNAC8K7ZInkhv8maoUJJbpLskOwOSgBtAJXCQGPMGMmzzMZ3JA+ttYtxHE9JkiwDOCJ5nymCoi3yT88U+EFyd9BmWmRV1/bgRdrblY2cc8t5dQBWUrhzbiNkkDpa+a5v0c65PdU+J0lSyi1kf3p7ZxpyVo1GY5xkU+FbuYUArhR8EAUGyWPd49xH9CQimd4C4LKCWz6iNxEZY6ZDwc65GW3120jBxpjZEPBT0VZba5fSyfYBX+j5HIWCSZ4quO59nUjeh14nAA9a/LaXgQBoK7zqCya5r9qOMWbCSwygklqm2GBenXNuleSnWuZ6FBLsR+rXe9LCH9xqP4UCeI3jeD4IbPpfnB5cs6mOVJarJinTC+AkPdMUmq4PhkvIV0auRY6HwAvJNYFlvLoYPEmSkhi+eC/JRzEGefpoQXWZ3uwgDRXuG9bauczL5LFWqy1EfwIef2/7zcjAGfgtgOuRgv8j0vgCjQnQruImpCkAAAAASUVORK5CYII=);background-position:1vh;background-position-y:center;background-repeat:no-repeat;background-size:3.5vh 3.5vh;text-indent:3vh}#search-input:focus{border:1px solid #04aa6d}.game-main{bottom:0;margin-bottom:5vh;position:absolute;width:100%}.game-time{display:flex;position:relative}.game-time>span:first-child,.game-time>span:nth-child(2){width:10%}.game-time>span:nth-child(3){width:30%}.game-time>span:nth-child(4){width:40%}.game-time>span:nth-child(5){width:45%}.game-time>span:nth-child(6){width:55%}.game-time-grid{border:1px solid #888;height:2vh}.game-time-grid-loaded{background-color:#404040;height:2vh;width:0;z-index:-1}#time-all{position:absolute}.outer-container{align-items:center;display:flex;justify-content:center}.game-time-play{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1vh}.game-play-btn{cursor:pointer}.game-buttons{display:flex;justify-content:space-between;margin-top:2vh}.game-buttons>button{border-radius:5vh;cursor:pointer;font-weight:700;height:8vh;width:10vw}.skip-btn{align-self:flex-start;background-color:#051f20;border:1px solid #888;color:#fff;transition:all .2s ease}.skip-btn:hover{border-color:#04aa6d;color:#04aa6d}.skip-btn:active{background-color:#0a3a3c}.submit-btn{align-self:flex-end;background-color:#24f053;border:none;box-shadow:0 4px 12px rgba(36,240,83,.2);color:#000;transition:all .2s ease}.submit-btn:hover{background-color:#2dff5c;box-shadow:0 6px 16px rgba(36,240,83,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-btn:active{background-color:#1ed43d;box-shadow:0 2px 8px rgba(36,240,83,.2);-webkit-transform:translateY(0);transform:translateY(0)}.submit-btn:disabled{align-self:flex-end;background-color:#014a2f;border:none;box-shadow:none;color:#000;cursor:not-allowed;-webkit-transform:none;transform:none}.todays-answer-btn{cursor:pointer;display:inline-block;font-weight:700;margin-bottom:3vh;margin-top:3vh;text-decoration:underline}.grid-layout{background-color:#0a2f31;border:1px solid #04aa6d;border-radius:8px;bottom:5.3vh;box-shadow:0 4px 16px rgba(4,170,109,.2);display:grid;max-height:40vh;overflow-x:hidden!important;overflow-y:auto!important;position:absolute;width:100%!important;z-index:100}.grid-layout,.grid-layout-song{box-sizing:border-box!important}.grid-layout-song{align-items:center;background-color:initial;border:none;border-bottom:1px solid #0d3d3f;color:#fff;cursor:pointer;display:flex;font-family:CircularLight;line-height:1.4;max-width:100%!important;min-height:44px;overflow:hidden!important;padding:12px 2vh;text-indent:0!important;text-overflow:ellipsis!important;transition:all .15s ease;white-space:nowrap!important}.grid-layout-song:hover{background-color:#0d3d3f;border-left:3px solid #04aa6d;padding-left:calc(2vh - 3px)}.grid-layout-song:active{background-color:#0a3a3c}.grid-layout-song:last-child{border-bottom:none;border-radius:0 0 8px 8px}.grid-layout-song:first-child{border-radius:8px 8px 0 0}.grid-layout-searching{color:#888;font-style:italic}.grid-layout-error,.grid-layout-searching{font-family:CircularLight;padding:16px;text-align:center}.grid-layout-error{color:#ff6b6b}.grid-layout::-webkit-scrollbar{width:8px}.grid-layout::-webkit-scrollbar-track{background:#051f20;border-radius:0 8px 8px 0}.grid-layout::-webkit-scrollbar-thumb{background:#04aa6d;border-radius:4px}.grid-layout::-webkit-scrollbar-thumb:hover{background:#05c87a}.streaming-dropdown-container{display:inline-block;position:relative}.streaming-dropdown{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;margin-top:4px;min-width:160px;position:absolute;top:100%;z-index:1000}.streaming-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.streaming-option:hover{background-color:#f5f5f5}.streaming-option:first-child{border-radius:8px 8px 0 0}.streaming-option:last-child{border-radius:0 0 8px 8px}.streaming-icon{font-size:16px}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}mark{background:#04aa6d;border-radius:3px;color:#fff;font-weight:600;padding:2px 4px}.result-container,.result-screen{overflow-x:hidden;width:100%}.result-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-top:5vh;max-width:100%;padding:0 2rem}.result-play-again{background:none;border:none;color:#24f053;cursor:pointer;font-size:2vh;font-weight:700;margin-top:2vh;text-decoration:underline}.result-album-cover{border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15);height:150px;width:150px}.result-song{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:2vh;max-width:600px;overflow:hidden;padding:0 1rem;width:100%}.result-song-title{font-size:1.5rem;line-height:1.3;margin-bottom:.5vh;margin-top:1.5vh}.result-song .result-text,.result-song-title{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:center;width:100%;word-break:break-word}.result-song .result-text{color:#888;font-size:1rem;line-height:1.4;margin:0;padding-bottom:0}.result-desc{font-size:4vh;font-weight:600;margin-bottom:2vh;margin-top:3vh}.result-comment,.result-desc{max-width:600px;padding:0 1rem;text-align:center;width:100%}.result-comment{word-wrap:break-word;box-sizing:border-box;font-family:CircularLight;margin-bottom:2rem;margin-top:1rem;white-space:pre-wrap}.result-boxes{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:.5rem;margin-top:1.5rem}.result-box{background-color:#ddd;border-radius:6px;height:30px;width:30px}.result-box.correct{background-color:#2ecc71}.result-box.wrong{background-color:#e74c3c}.result-box.skipped{background-color:#3282f6}.result-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.result-action-btn{background:linear-gradient(135deg,#04aa6d,#058b57);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(4,170,109,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:120px;padding:12px 25px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.result-action-btn:hover{background:linear-gradient(135deg,#05c87a,#04aa6d);box-shadow:0 6px 16px rgba(4,170,109,.45);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.result-action-btn:active,.result-action-btn:focus{background:linear-gradient(135deg,#047a52,#035d3f);box-shadow:0 2px 8px rgba(4,170,109,.2);outline:none;-webkit-transform:translateY(0);transform:translateY(0)}.play-again-link{color:#04aa6d;cursor:pointer;display:inline-block;font-family:CircularLight;font-size:1rem;margin-top:1rem;position:relative;text-align:center;text-decoration:none;transition:color .2s ease;z-index:10}.play-again-link:hover{color:#05c87a}.toast-notification{background-color:#333;border-radius:20px;bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font-size:14px;left:50%;opacity:.9;padding:8px 16px;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:9999}.listen-deezer-btn{background-color:#24f053;border:none;box-shadow:0 4px 12px rgba(36,240,83,.2);color:#000;height:6vh;transition:all .2s ease}.listen-deezer-btn:hover{background-color:#2dff5c;box-shadow:0 6px 16px rgba(36,240,83,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.listen-deezer-btn:active{background-color:#1ed43d;box-shadow:0 2px 8px rgba(36,240,83,.2);-webkit-transform:translateY(0);transform:translateY(0)}.result-share{background:linear-gradient(135deg,#04aa6d,#058b57);border:none;border-radius:5vh;box-shadow:0 4px 12px rgba(4,170,109,.3);color:#fff;cursor:pointer;font-size:2vh;font-weight:700;padding:1.5vh 3vh;transition:all .3s ease}.result-share:hover{background:linear-gradient(135deg,#05c87a,#04aa6d);box-shadow:0 6px 16px rgba(4,170,109,.45);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.result-share:active{background:linear-gradient(135deg,#047a52,#035d3f);box-shadow:0 2px 8px rgba(4,170,109,.2);-webkit-transform:translateY(0);transform:translateY(0)}.next-heardle-timer{color:#888;font-family:CircularLight;margin-bottom:2rem;margin-top:3rem;position:relative;text-align:center;z-index:10}.modal{background:#051f20;border:1px solid #888;bottom:auto;font-family:Helvetica;font-size:3vh;left:50%;margin-right:-50%;padding:2vh;position:fixed;right:auto;text-align:center;top:25%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);visibility:visible;width:37vw;z-index:500}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:0 3vh}.modal-title{flex:1 1;font-size:3.5vh;text-align:center}.new-line{white-space:pre-line}.modal-close{border:none;cursor:pointer;font-size:14px}.modal-stats-table{display:flex;justify-content:space-between;padding:0 3vw}.modal-stats-stack{align-items:center;display:flex;flex-direction:column}.modal-stats-stack>p{color:#fff;font-size:2vh}.modal-stats-stack>p.day{color:#888}.modal-stats-stack>img{align-items:center;display:flex}.modal-stats-result{height:20vh;margin-bottom:2vh;width:2vw}.modal-stats-result.correct{background-color:green}.modal-stats-result.wrong{background-color:red}.modal-stats-table-subtitle{color:#888;font-size:2vh;margin:0;padding-bottom:3vh}.modal-stats-footer{border-top:1px solid #888;display:flex;justify-content:space-between;padding:2vh 2vw 0}.modal-stats-div{display:flex;flex-direction:column;width:100%}.modal-stats-div *{margin:0}.modal-stats-num{font-size:3.5vh;font-weight:700}.modal-stats-title{color:#888;font-size:2vh}.modal-how-to{align-items:center;display:flex;flex-direction:column}.modal-how-to-line{align-items:center;display:flex;gap:2vh;height:10vh;text-align:left}.modal-play-btn{flex:1 1;text-align:center}@media only screen and (max-width:850px){.game-guess-title>input{width:80vw}.game-buttons>button{width:28vw}.grid-layout{max-height:35vh}.grid-layout-song{font-size:16px;min-height:48px;padding:14px 2vh}.result-screen{padding:0 1rem}.result-album-cover{height:100px;width:100px}.result-song{margin-bottom:2vh;max-width:90vw;padding:0 .5rem}.result-song-title{font-size:4vh}.result-song .result-text{font-size:2.5vh}.modal{font-size:1.5vh;width:70vw}.modal-title{font-size:4vh}.modal-stats-stack>p,.modal-stats-table-subtitle{font-size:3vh}.modal-about,.modal-how-to{font-size:2.5vh}.modal-how-to-icon{height:25px;width:25px}.modal-stats-num{font-size:2.5vh}.modal-stats-title{font-size:1.5vh}.modal-stats-result{height:10vh;margin-bottom:2vh;width:2vw}}
/*# sourceMappingURL=main.d13d0497.css.map*/