html,body{height:100%;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.reset-permissions{margin-top:20px;padding:20px;display:flex;flex-direction:column}ul{padding-inline-start:0}.reset-permissions li{display:flex;flex-wrap:wrap;position:relative;align-items:center}.reset-permissions .arrow-up{position:absolute;right:0;top:-50px}.reset-permissions .arrow-down{margin-left:30px;margin-top:15px}.reset-permissions .three-dots{margin-left:40px}.reset-permissions span.blue{color:#00b2fd}.reset-permissions span.number{width:37px;height:37px;background-color:#20263d;border-radius:50%;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:20px;margin-right:10px}.reset-permissions .button-container{display:flex;justify-content:center}.button-container button{width:215px;height:62px;border-radius:31px;box-shadow:0 6px 11px #00000026;background-color:#3cb0f7;font-size:18px;font-weight:900;text-align:center;color:#fff;border:none}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}.audioContainer{display:flex;flex-direction:column-reverse}.btn-box{display:flex;justify-content:center;align-items:center;margin:10px 0}.audioContainer canvas{width:200px!important;height:200px!important;border-radius:50%;padding:10px!important;border:3px solid black}audio{display:none}.audio-recording{margin:20px 0}.visualizer{width:200px;height:200px;border-radius:50%;border:5px solid black;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.inactive-visualizer{width:150px;height:1px;background:#007aff75}.player-container{display:flex;justify-content:space-evenly;margin:10px;gap:2;min-width:100%;max-width:500px}.audio-player{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0}.play-pause-button-container{position:relative;display:flex;justify-content:center;align-items:center}.primary{background-color:#007aff}.secondary{background-color:#80808094}.play-pause-button{padding:10px;width:90px;border-radius:5px;border:none;color:#fff;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1;transition:all .1s ease-in-out}.play-pause-button:hover{opacity:.9}.progress-circle{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid #007aff;display:flex;justify-content:center;align-items:center}.progress-circle input[type=range]{width:100%;transform:rotate(-90deg);position:absolute;top:0;left:0;background:transparent;pointer-events:none}.volume-control{margin:10px 0}.volume-control input{width:100%}.time{margin:10px 0}.text-xl{font-size:large}.text-center{margin:8px;text-align:center}