.black-button{background-color:rgba(0,0,0,0.32);color:var(--light-text);font-family:var(--font-family);font-size:var(--p-size);border:1px solid transparent;padding:0.5rem 0.75rem 0.5rem 0.75rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.black-button:hover{border:1px solid transparent;cursor:pointer;background-color:rgba(0,0,0,0.22)}.white-button{background-color:rgba(255,255,255,0.6);color:var(--black-text);font-family:var(--font-family);font-size:var(--p-size);border:1px solid transparent;padding:0.5rem 0.75rem 0.5rem 0.75rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.white-button:hover{border:1px solid black;cursor:pointer}.purple-button{background-color:#684EA4;padding:0.5rem 0.75rem 0.5rem 0.75rem;color:var(--light-text);font-family:var(--font-family);text-decoration:none;border-radius:var(--border-radius);border:2px solid #684EA4;display:flex;width:fit-content;height:fit-content;font-size:var(--p-size)}.purple-button:hover{border:2px solid whitesmoke;cursor:pointer}.back-button{border-radius:10px;width:fit-content;height:fit-content;background-color:black;font-family:sans-serif;padding:0.5rem;color:var(--light-text);text-decoration:none;cursor:pointer;border:2px solid black}.back-button:hover{border:2px solid whitesmoke}.red-notify{color:whitesmoke;background-color:var(--red-text);border-radius:10px;padding:0.5rem}.waveform-element{display:flex;flex-direction:column;width:100%}.waveform-info{display:flex;flex-direction:row;align-items:center}.play-button{height:5rem;width:5rem;margin-right:1rem;background-color:rgba(0,0,0,0.25);border-radius:20px}.waveform{margin-top:auto;width:100%}.icon-play-button{display:flex;flex-direction:row;position:relative;height:5rem;width:5rem}.icon-play-button-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon-button{cursor:pointer;border-width:1.6rem 0rem 1.6rem 3rem;box-sizing:border-box;border-color:transparent transparent transparent rgba(255,255,255,0.75);border-style:solid}.pause-icon-button{cursor:pointer;display:none;height:50px;border-width:25px;border-style:solid;border-width:0px 0px 0px 25px;border-color:rgba(255,255,255,0.75);border-style:double}.form{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.form-input{height:2.5rem;margin-bottom:1rem;font-size:1rem;padding:0rem 0.5rem 0rem 0.5rem;border-radius:var(--border-radius);border:2px solid black;font-family:sans-serif;width:100%;box-sizing:border-box}.form-input::placeholder{color:gray;font-family:'Font2'}.form-text-area{resize:vertical;height:15rem;font-size:1rem;margin-bottom:2.5rem;color:black;padding-top:0.5rem}.form-switch{display:flex;flex-direction:row;align-items:center;background-color:black;padding:0.5rem;border-radius:10px;margin:0rem 0rem 1rem 0rem}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0rem 0.25rem 0rem 0.25rem}.switch input{opacity:0;width:0;height:0}.radio-input-container{display:flex;flex-direction:row;align-items:center}.radio-input{height:1rem;width:1rem;margin-right:0.5rem}.wave{display:flex;align-items:flex-end;height:1rem;gap:0.25rem;margin-left:1rem}.wave span{width:4px;height:0px;background:#684EA4;animation:wave 1.2s ease-in-out infinite}.wave span:nth-child(1){animation-delay:0s}.wave span:nth-child(2){animation-delay:0.1s}.wave span:nth-child(3){animation-delay:0.2s}.wave span:nth-child(4){animation-delay:0.3s}.wave span:nth-child(5){animation-delay:0.4s}@keyframes wave{0%{height:0}50%{height:1rem}100%{height:0rem}}