.voice-button{all:unset;cursor:pointer;box-sizing:border-box;border:2px solid #ff6756;border-radius:8px;justify-content:center;align-items:center;display:flex;width:36px!important;height:36px!important}.voice-button svg{color:#ff6756;width:24px;height:24px;transform:scale(.73)}.voice-button:disabled{cursor:not-allowed;opacity:.5}.voice-button.recording{border-color:#fd6555}.voice-button.recording svg{color:#fd6555}.voice-histogram{width:100%;max-width:180px;height:42px;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.voice-histogram--full{width:100%;max-width:none;-webkit-mask-image:none;mask-image:none}.voice-histogram-container{align-items:center;width:100%;height:42px;display:flex}.textarea__controls-voice{align-items:center;gap:8px;display:flex}.voice-hidden{display:none!important}.voice-recording{box-sizing:border-box;background-color:#fff;border-radius:12px;outline:2px solid rgba(51,51,51,.1);justify-content:space-between;align-items:center;width:100%;height:48px;min-height:66px;padding:0 10px;display:flex}.voice-recording__controls{flex-shrink:0;align-items:center;display:flex}.voice-recording__cancel{all:unset;cursor:pointer;background-color:#ff6756;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;transition:background-color .2s;display:flex}.voice-recording__cancel:hover{background-color:rgba(255,103,86,.584)}.voice-recording__cancel svg{color:#fff;width:16px;height:16px}.voice-recording__content{flex:1;justify-content:center;align-items:center;min-width:0;margin:0 8px;display:flex;overflow:hidden}.voice-recording__histogram{align-items:center;width:100%;height:42px;display:flex;overflow:hidden}.voice-recording__timer{justify-content:center;align-items:center;min-width:48px;margin:0 8px;display:flex}.voice-recording__timer-text{color:#ff6756;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.voice-recording__actions{flex-shrink:0;align-items:center;display:flex}.voice-recording__stop{all:unset;cursor:pointer;background-color:#ff6756;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.voice-recording__stop:hover{background-color:rgba(255,103,86,.584)}.voice-recording__stop svg{color:#fff;width:16px;height:16px}.textarea--recording{display:none!important}@media only screen and (min-width:500px){.voice-recording{min-height:75px;padding:0 20px}}
.header{height:var(--header-height);z-index:1;background-color:#fff5ec;border-bottom:1px solid rgba(0,0,0,.05);flex:none;align-items:center;width:100%;display:flex;position:-webkit-sticky;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;column-gap:12px;width:100%;display:flex}.header>*{font-size:14px;font-weight:400;line-height:1}.header .logo{cursor:pointer;width:112px;height:35px;margin-right:auto}.header .counter{color:rgba(127,89,67,.73);text-wrap:nowrap;font-size:10px;position:relative;top:-16px;left:39px}.header .back-link{color:#333;align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.header .back-link:hover{opacity:.7}.header .back-link svg{flex-shrink:0}@media only screen and (max-width:499px){.header .counter{display:none}}
.header .reset{animation:.25s fadeIn}.header .reset .btn-new-song{color:#fc6758;text-wrap:nowrap;background:0 0;border:2px solid #fc6758;align-items:center;height:32px;padding:0 14px;display:flex}@media only screen and (min-width:500px){.header .reset .btn-new-song{margin-right:10px;transition:background-color .25s}.header .reset .btn-new-song:hover{background-color:rgba(255,255,255,.4)}}
.modal-container.modal__new-song{font-size:15px}.modal-container.modal__new-song .btn{color:#fff;background:#fd6756;border:none;border-radius:10px;height:44px;padding:10px 35px;font-weight:500}.modal-container.modal__new-song .btn-cancel{color:#666;background:0 0;border:2px solid #e2e8ed}.modal-container.modal__new-song .btn-cancel:hover:not(:disabled){color:#999;border-color:#999}.modal-container.modal__new-song .btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media only screen and (min-width:500px){.modal-container.modal__new-song{min-width:420px;max-width:450px}}
/*# sourceMappingURL=d33a9ee3cea447d2.css.map*/