*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{min-height:100%;background:#6845b6;overscroll-behavior-y:none}body{min-height:100%;background:#6845b6;background-image:linear-gradient(85.1deg,#4f45af 2.94%,#7d43b6 98.13%);overscroll-behavior-y:none;position:relative}body::before{content:"";position:fixed;inset:-120px 0;background:#6845b6;background-image:linear-gradient(85.1deg,#4f45af 2.94%,#7d43b6 98.13%);z-index:-1;pointer-events:none}main{display:flex;align-items:center;flex-direction:column;height:100vh;user-select:none;background:#6845b6;background-image:linear-gradient(85.1deg,#4f45af 2.94%,#7d43b6 98.13%);position:relative}.bg-image{position:absolute;z-index:0;width:100%;height:100vh}.logo-container{display:flex;align-items:center;color:#fff;margin:80px 0 5px}.logo-letters{font-size:44px;font-style:italic;font-weight:800;margin-right:10px}.logo{font-size:35px;font-weight:400}h2{font-size:18px;font-weight:400;color:#fff;opacity:.5}.container{width:1000px;height:600px;max-height:80%;min-height:300px;border-radius:12px;display:grid;grid-template-columns:2fr 2fr;background:#2e2b4a;box-shadow:2px 8px 8px -4px #10182808,0 20px 24px -4px #10182814;z-index:1;margin-top:50px;margin-bottom:100px}.recordings{border-radius:10px 0 0 10px;background:#343051;overflow:auto;overflow-x:hidden;position:relative;padding:0 40px}.recordings__title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#fff;position:sticky;padding:40px 0 10px;top:0;background:#343051;z-index:3}.recListControlButtons{display:flex;align-items:center}.recListControlButtons span{padding:4px;font-size:20px;cursor:pointer;opacity:.5}.recListControlButtons span:hover{opacity:1}.recListPlaybackSpeedButton{width:40px;text-align:center}.icon-download:hover{color:#006eff}#recordingsList{list-style-type:none;text-align:left;margin:20px 0;height:calc(100% - 122px)}.recordingItem{background:#2e2b4a;border-radius:12px;box-shadow:0 2px 4px -2px #00000008,0 2px 8px -2px #1018280D;margin-bottom:5px;display:flex;align-items:center;padding:15px;height:81px;cursor:grab}.recordingItem:active{cursor:grabbing}.recordingItem__container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.recordingItem__title{display:flex;align-items:center;justify-content:space-between}.recordingItem__title p{font-size:12px;font-weight:700;color:#fff}.editing{cursor:text}.recordingItem__icons{justify-content:space-between;opacity:0;transform:scale(0);transition:.2s linear}.recordingItem:hover .recordingItem__icons{transform:scale(1);opacity:1}#audioDuration{font-size:12px;font-weight:400;color:#fff;opacity:.5;position:absolute;right:15px;transform:translateX(-130%)}.recordingItem:hover #audioDuration{display:none}.recordings__icon{font-size:18px;padding:0 5px;cursor:pointer;opacity:.5;color:#fff}.recordings__icon:hover{opacity:1}.icon-trash:hover{color:red}.icon-edit:hover{color:#ff9e1b}.audio-container{display:flex;align-items:center;position:relative}.playback-speed-btn{width:26px;font-size:12px;color:#fff;cursor:pointer;transition:.1s linear;opacity:.5;padding-bottom:4px}.playback-speed-btn:hover{opacity:1}.audio-container img{cursor:pointer;opacity:.5}.icon-pause,.icon-play{font-size:24px;cursor:pointer;opacity:.5;color:#fff;margin-left:-4px}.icon-pause:enabled:hover,.icon-play:hover{opacity:1}audio{display:none}.audio-controls{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;margin-top:4px;border-radius:2px}.recorder{display:grid;grid-template-rows:1fr 1fr 1fr;justify-items:center;align-items:center}.recorder__controls{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20%;align-self:self-start}.recorder__timer{align-self:end}#timer{font-size:55px;font-family:"Times New Roman",Times,serif;transition:.1s ease;font-weight:700}#timer.active{color:#fff}#timer.restart{transform:scale(1.3);opacity:.5;color:#673b92}#timer.paused{font-size:45px;opacity:.5}.recorder__play-controls{width:100%;display:flex;align-items:flex-start;justify-content:space-evenly;padding:0 20%}.button-shape{border:none;border-radius:50%;padding:20px;transition:.1s ease;cursor:pointer;box-shadow:0 2px 8px -2px #1018280D;background-color:#37325a;outline:0;position:relative;display:flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:default}.button-shape:enabled{opacity:1}.big-button{width:100%;border-radius:100px;background:#37325a;box-shadow:0 2px 4px -2px #00000008,0 2px 8px -2px #1018280D;color:#fff}.big-button:hover{background:#4f45af}.tooltiptext{visibility:hidden;width:110px;height:28px;font-size:10px;font-weight:400;background-color:#fff;color:#414141;text-align:center;border-radius:39px;padding:8px;position:absolute;z-index:2;top:-50%;left:50%;transform:translateX(-50%);opacity:1}.tooltiptext span{color:#414141;opacity:.8;margin-left:5px}.tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent}.button-shape:hover .tooltiptext{visibility:visible}.icon-mic,.recorder__controls .icon-pause,.recorder__controls .icon-play{font-size:35px}.icon-close,.icon-done,.icon-retake{width:35px;height:35px;display:inline-block;position:relative}.icon-done::after{content:'';position:absolute;width:100%;height:18px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:translateX(-50%) rotate(-50deg)}#retakeButton:enabled:hover{background-color:#ff9e1b}.icon-pause:enabled:hover{background-color:#006eff}#cancelButton:enabled:hover{background-color:red}#correctButton:enabled:hover .icon-done::after{border-left:4px solid #fff;border-bottom:4px solid #fff}.custom-bg-color::after,.custom-bg-color::before{background-color:#fff}.progress-bar__wrapper{width:100%;padding:6px 0;cursor:pointer;display:flex;align-items:center}.progress-bar{-webkit-appearance:none;width:92%;height:4px;background:#37325a;border-radius:45px;cursor:pointer;outline:0;overflow:hidden}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:.1px;height:4px;box-shadow:-407px 0 0 400px #fff}.volume-container{display:flex;align-items:center;position:absolute;right:0}.icon-volume{font-size:24px;cursor:pointer;color:#fff;opacity:.5;position:relative}.volume-container:hover .icon-volume{opacity:1}::-webkit-scrollbar{width:5px;cursor:pointer;background-color:#343051}::-webkit-scrollbar-thumb{background-color:#554da0;border-radius:6px}.icon-volume{position:relative}.muted::after{content:"";position:absolute;left:0;height:26px;width:2px;background-color:#000;transform:translate(544%,-8%) rotate(45deg)}.emptyState{width:100%;padding-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.emptyState img{height:65px;opacity:.5;cursor:pointer}.emptyState p{font-size:15px;font-weight:400;color:#6b43b3;margin-top:30px}.spinner{border:4px solid #fff;border-radius:50%;border-top:4px solid #7d43b6;width:30px;height:30px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dropArea{border:2px dashed;opacity:.5}.recordingItem.deleteAnimation{animation:zoom forwards .7s linear 1}@keyframes zoom{0%{transform:scale(1);width:500px;opacity:1}50%{transform:scale(0);opacity:0}100%{width:0;min-width:0;transform:scale(0);opacity:0;padding:0;margin:0}}.playing{background-color:#554da0}.hide{display:none}.show{display:block}.flex{display:flex}
 .recListDownloadVideo{width:30px;height:28px;line-height:28px;position:relative;display:inline-flex;align-items:center;justify-content:center}.recListDownloadVideo svg{width:24px!important;height:16px!important;display:block;fill:currentColor;transform:none!important;transform-origin:center}.recListDownloadVideo:hover{color:#006eff}.recListControlButtons span.recListButtonLoading{color:transparent!important;opacity:1;pointer-events:none;position:relative}.recListControlButtons span.recListButtonLoading svg{visibility:hidden}.recListControlButtons span.recListButtonLoading::before{content:""}.recListControlButtons span.recListButtonLoading::after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;animation:buttonSpin .8s linear infinite}@keyframes buttonSpin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.recorder__timer{width:100%;height:105px;display:grid;grid-template-rows:48px 52px;align-content:end;justify-items:center;text-align:center}#micWaveform{display:block;width:min(320px,80%);height:48px}#timer.hide{display:block;visibility:hidden}
#timer .timer-colon{display:inline-block;transform:translateY(-.04em)}
main{height:auto;min-height:100vh;overflow-x:hidden}.bg-image{position:fixed;inset:0;width:100vw;height:100vh;min-height:0;object-fit:cover;pointer-events:none}.container{width:min(1000px,calc(100% - 32px));height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;gap:28px;background:transparent;box-shadow:none;margin-top:40px}.recorder{order:1;width:min(440px,100%);align-self:center;min-height:315px;border-radius:12px;background:#2e2b4a;box-shadow:2px 8px 8px -4px #10182808,0 20px 24px -4px #10182814}.recordings{order:2;width:100%;overflow:visible;background:transparent;border-radius:0;padding:0 0 100px}.recordings__title{position:static;background:transparent;padding:0 0 10px}.recordings__title>p{font-size:18px}#recordingsList{height:auto;min-height:180px;margin:12px 0 0}.recordingItem{width:100%;background:#343051}.emptyState{min-height:220px;padding:22px 0 46px;border-radius:12px;background:rgba(46,43,74,.72)}
.recListControlButtons span.recListActionDisabled{color:#b8b3d6!important;cursor:default;opacity:.38}.recListControlButtons span.recListActionDisabled:hover{color:#b8b3d6!important;opacity:.38}.recListControlButtons span.recListButtonLoading.recListActionDisabled{color:transparent!important;opacity:1;pointer-events:none}
.recListControlButtons,.recordingsTitleLeft,.recListPlaybackSpeeds{display:flex;align-items:center;gap:10px}.recListPlaybackSpeeds{gap:6px}.recordingsTitleLeft .recListPlay,.recordingsTitleLeft .recListPause,.recordingsTitleLeft .recListPlaybackSpeedButton{padding:4px;font-size:20px;cursor:pointer;opacity:.5}.recordingsTitleLeft .recListPlaybackSpeedButton{font-size:14px;width:auto;min-width:26px;text-align:center}.recordingsTitleLeft .recListPlay:hover,.recordingsTitleLeft .recListPause:hover,.recordingsTitleLeft .recListPlaybackSpeedButton:hover,.recordingsTitleLeft .recListPlaybackSpeedButton.active{opacity:1}
.audio-container{gap:6px}.playback-speed-btn{width:38px;text-align:left}.audio-container>.icon-play,.audio-container>.icon-pause{margin-left:0;flex:0 0 auto}
body{padding-bottom:118px}.logo-container{margin-top:36px}.container{margin-top:16px;gap:16px}.recorder{order:1;width:min(440px,100%);min-height:0;background:transparent;box-shadow:none}.recordings{order:2}.recorder__timer{height:74px;grid-template-rows:48px 24px;align-content:start}#micWaveform{height:48px}.recorder__controls{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483647;width:auto;min-width:min(430px,calc(100% - 32px));justify-content:center;gap:22px;padding:12px 18px;border-radius:999px;background:rgba(127,101,219,.95);box-shadow:0 16px 32px rgba(16,24,40,.22);backdrop-filter:blur(8px);align-self:auto}.recorder__controls .button-shape{width:58px;height:58px;padding:0;flex:0 0 auto}.recorder__controls .big-button{width:58px}.recorder__controls .icon-close,.recorder__controls .icon-retake{width:28px;height:28px}.recorder__controls .icon-pause,.recorder__controls .icon-play,.recorder__controls .icon-mic{font-size:30px}.recordings__title{padding-top:0}
.recorder{display:block;height:auto}.recorder__controls{display:flex}.recordings{margin-top:0}
.recorder__controls .icon-done{width:28px;height:28px}.recorder__controls .icon-done::after{width:26px;height:13px;border-left-width:3px;border-bottom-width:3px;transform:translate(-44%,-4%) rotate(-50deg)}