@keyframes container-rotate{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.VoiceRecordingPage-container{color:#fff;display:flex;flex-direction:column;align-items:center;position:relative}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.VoiceRecordingPage-container{margin-left:1rem;margin-right:1rem}}.VoiceRecordingPage-container:after{--size:min(20rem,70vw);--speed:10s;--easing:cubic-bezier(0.8,0.2,0.2,0.8);z-index:-10;position:absolute;inset-inline:0;margin-inline:auto;top:30%;content:"";width:var(--size);height:var(--size);filter:blur(calc(var(--size) / 4));background-image:linear-gradient(rgba(219,255,0,.667),rgba(219,255,0,.667));animation:container-rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.VoiceRecordingPage-title{font-family:var(--sequel-75);font-size:1rem;padding-bottom:1.5rem;padding-top:.5rem}.VoiceRecordingPage-subtitle{font-family:var(--sequel-55);font-size:.7rem;padding-bottom:1rem;line-height:1rem;opacity:.8}.VoiceRecordingPage-complete{font-family:var(--sequel-45);font-size:.8rem;line-height:1.2rem;margin-bottom:1.5rem}.VoiceRecordingPage-complete-button{width:12rem!important}.VoiceRecordingPage-options{color:#fff;display:flex}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.VoiceRecordingPage-options{flex-direction:row;align-items:center;justify-content:stretch}}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.VoiceRecordingPage-options{flex-direction:column;align-items:stretch;justify-content:stretch}}.VoiceRecordingPage-option{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#222;border-radius:1rem;padding:1rem;font-family:var(--sequel-75);font-size:.8rem;height:6rem;flex:1 1;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.VoiceRecordingPage-option-subtitle{margin-top:.2rem;font-family:var(--sequel-45);font-size:.6rem;opacity:.8}.VoiceRecordingPage-option-image{height:2rem;margin-bottom:.5rem}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.VoiceRecordingPage-options-spacer{width:100%;height:1rem}}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.VoiceRecordingPage-options-spacer{height:100%;width:1rem}}.VoiceRecordingPage-submit{margin-top:2rem!important;width:100%!important}.Lyrics-container{font-family:var(--sequel-45);font-size:.8rem;text-align:start;padding:1rem;margin:0 1.5rem;max-height:20rem;overflow-y:auto;background-color:#222;border-radius:1rem}.Lyrics-container p{font-size:.8rem;line-height:1rem}.Lyrics-container b{font-family:var(--sequel-55);font-size:1rem;line-height:1rem;display:inline-block;margin-top:.8rem;margin-bottom:.1rem}.RecordVoiceModal-Container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:min(500pt,100%);width:100%;outline:none;color:#fff}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.RecordVoiceModal-Container{background-color:#121212;border-radius:15pt;margin-top:3rem;padding:2rem .8rem 1rem}}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.RecordVoiceModal-Container{background-color:#000;flex-grow:1}}div:focus{outline:none}.RecordVoiceModal-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.RecordVoiceModal-wrapper{flex-grow:1}}.RecordVoiceModal-header{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.RecordVoiceModal-header{margin-top:5rem;margin-right:1rem}}.RecordVoiceModal-title{font-size:1rem;font-family:var(--sequel-75);text-align:center;margin-bottom:2rem}.RecordVoiceModal-image{width:5rem;margin-top:1rem;margin-bottom:1rem;align-self:center}.RecordVoiceModal-wrapper ul{font-family:var(--sequel-45);font-size:.8rem;margin-bottom:1rem}.RecordVoiceModal-wrapper li{margin:0 2rem;background-color:#0000;list-style-type:disc;cursor:auto}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.RecordVoiceModal-wrapper li{background-color:#000!important}}.RecordVoiceModal-hint{font-size:.8rem;font-family:var(--sequel-65);margin-left:1rem;margin-right:1rem}.RecordVoiceModal-close-container{position:absolute;right:0}.RecordVoiceModal-content-container{display:flex;flex-direction:column;align-items:stretch}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.RecordVoiceModal-content-container{justify-content:space-between;flex-grow:1}}.RecordVoiceModal-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:1rem;flex-grow:1;width:100%}.RecordVoiceModal-finish{margin:0 1rem!important;height:2rem!important;font-size:.8rem!important;width:6rem}.audio-recorder{margin:0 1rem;background-color:#dbff00;box-shadow:0 #0000}.audio-recorder-visualizer{color:#000!important}.VoiceRecordingPage-checkbox-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.VoiceRecordingPage-checkbox-label{color:#fff;word-wrap:break-word;text-align:left;font-family:var(--sequel-45);font-size:.5rem;text-decoration:none!important;height:100%}.VoiceRecordingPage-close-container{display:flex;flex-direction:row;align-items:start;justify-content:flex-end}.RecordVoiceModel-timer{font-family:var(--sequel-65);font-size:.8rem;width:5rem}.VoiceRecordingPage-close-button{cursor:pointer}.VoiceRecordingPage-model-photo{cursor:pointer;width:5rem;aspect-ratio:1;height:auto;object-fit:contain;border-radius:50%}.VoiceRecordingPage-model-photo-container{display:flex;width:100%;margin-top:1rem;margin-bottom:1rem}.VoiceRecordingPage-model-photo-upload-container{margin-bottom:0}.VoiceRecordingPage-model-photo-upload{font-family:var(--sequel-55);font-size:1rem;color:#fff;padding:.3rem 1rem}.VoiceRecordingPage-model-photo-upload-hint{font-family:var(--sequel-45);font-size:.8rem;color:#fff;opacity:.6;padding:0 1rem}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.VoiceRecordingPage-info-container{width:650px}}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.VoiceRecordingPage-info-container{width:100%}}.VoiceRecordingPage-genres-modal{background-color:#222;margin:1rem;padding:1rem;overflow-y:auto;border-radius:1rem}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.VoiceRecordingPage-genres-modal{max-height:50%}}.VoiceRecordingPage-genres-header{font-family:var(--sequel-75);font-size:1rem;color:#fff;display:flex;flex-direction:row;align-items:center;margin-bottom:.5rem;flex:1 1}.VoiceRecordingPage-genres-header-text{width:15rem}.VoiceRecordingPage-genres-header-close{aspect-ratio:1;width:auto;height:1rem;cursor:pointer;object-fit:contain}.VoiceRecordingPage-genre-item{display:flex;flex-direction:row;align-items:center;justify-items:start;margin:1rem 0;font-family:var(--sequel-45);cursor:pointer}.VoiceRecordingPage-genre-selection{background-color:#666;aspect-ratio:1;width:1.5rem;height:auto}.VoiceRecordingPage-genre-selection-selected{background-color:#fff;aspect-ratio:1;width:1.5rem;height:auto}.VoiceRecordingPage-genre{color:#666;margin:0 .5rem}.VoiceRecordingPage-genre-selected{color:#fff;margin:0 .5rem}.VoiceRecordingPage-genres-button{margin-top:1rem;color:#999;font-family:var(--sequel-45);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;border:none;font-size:1rem;height:2.5rem;border-radius:.5rem;padding:0 1rem;background-color:#222;cursor:pointer}