*{font-family:Helvetica,Calibri,system-ui;margin:auto;padding:0}body{background:#f5f5f5}.wrapper{-webkit-column-gap:25px;column-gap:25px;display:flex;justify-content:baseline;margin-top:20px;position:relative;width:1024px;z-index:0}.wrapper>div{flex:1 1;margin-top:0}header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0077ffaa;box-shadow:0 0 5px 2px #87a8cd;height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.logo{height:50px;left:2vw}#profileButton,.logo{bottom:0;position:absolute;top:0}#profileButton{background:transparent;border:none;cursor:pointer;height:40px;margin:auto;right:2vw}#profileButton img{height:100%;z-index:1}#searchContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:absolute;right:0;top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#searchContainer>input{background:#f5f5f5;border:none;border-radius:25px;outline:none;padding:10px;text-indent:25px;width:300px}#searchContainer>img{left:10px;position:absolute;top:10px;width:25px}#feedContainer{flex:2 1}#createPost{background:#ffd166;border-radius:50px;bottom:50px;box-shadow:2px 2px 5px 1px #87a8cd;cursor:pointer;display:block;height:60px;left:20px;position:fixed;transition:.2s;width:60px;z-index:5}#createPost>img{bottom:0;left:0;position:absolute;right:0;top:0;transition:.2s;width:35px}#createPost:hover{background:#07f;box-shadow:0 0 5px 1px #87a8cd}#createPost:hover>img{-webkit-filter:invert(100%);filter:invert(100%)}#createNewRecordingContainer{background-color:#4a90e2;border-radius:10px;bottom:120px;box-shadow:2px 2px 10px rgba(0,0,0,.5);height:500px;left:20px;overflow:hidden;padding:20px;position:fixed;transition:.3s ease-in-out;width:300px;z-index:0}#createNewRecordingContainer.hidden{height:0;padding:0;width:0}#loadMoreAudio{bottom:1000px;height:0;position:absolute;transition:.5s;width:0;z-index:10}#blackBg{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff55;bottom:0;height:100vh;left:0;pointer-events:all;position:fixed;transition:.3s ease-in-out;width:100vw;z-index:-1}#blackBg.hidden{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#ffffff00;pointer-events:none;z-index:-1}#record_button_ring{border:3px solid #fff;border-radius:50%;height:50px;width:50px;z-index:3}#record_button{background-color:red;border-radius:50%;height:45px;margin-top:2px;transition:.1s;width:45px}#time_stamp{color:#fff;margin-bottom:10px;text-align:center}#record_button:not(.live):hover{box-shadow:0 0 40px 0 rgba(255,0,0,.3)}#record_button.live{border-radius:5px;height:25px;margin-top:12px;width:25px}#recording_contents{height:100%}#description_box{background-color:#d2cfcf;border:none;border-radius:10px;height:30%;margin-top:10px;outline:none;overflow:none;padding:10px;resize:none;width:92%}#upload_button{background-color:#ffd166;height:auto;margin:10px auto auto;text-align:center;width:50%}#upload_button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#recording_buttons_container{display:flex}#recording_visualizer{height:25%;width:100%}#delete_recording_button{margin-right:35px;width:40px}#delete_recording_button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#play_pause_button{width:60px}#play_pause_button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#recording_title_input{background-color:#d2cfcf;border:none;border-radius:10px;font-size:larger;margin-bottom:10px;margin-left:0;outline:none;overflow:none;resize:none;width:90%}#profileButtonExpanded{background-color:#d5d3d3;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2);display:flex;flex-direction:column-reverse;height:150px;padding:10px;position:absolute;right:-.5vw;top:-.5vw;transition:.5 linear;width:200px;z-index:-1}#results_container{display:none}#results_container.open{background-color:#fff;border-radius:10px;display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:300px}#results_container li{display:flex;justify-content:space-between;list-style-type:none;padding:3px}#results_container li button{background-color:#ffd166;border:none;border-radius:8px;margin:0;padding:3px 6px}#results_container li button:hover{background-color:#cca751}#results_container li:hover{background-color:#e3f3f7}#feedButtons{display:flex;margin-bottom:2vh}#feedButtons>div,#feedButtons>p{font-weight:bolder;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#feedButtons>p{-webkit-user-select:none;user-select:none}#feedButtons>div:hover{color:grey;cursor:pointer}#myProfileContainer{background:linear-gradient(to top left,#0000,#0001);box-shadow:5px 5px 10px #10101555;display:flex;flex-direction:column;margin-bottom:20px;position:-webkit-sticky;position:sticky;row-gap:10px;top:90px;transition:.5s ease-in-out;width:300px}#myProfileContainer,#myProfileContainer.expanded{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px}#myProfileContainer #authorInfo,#myProfileContainer.expanded{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#myProfileContainer #authorInfo{cursor:pointer;display:flex;flex-direction:column;margin:auto}#myProfileContainer #authorInfo img{background:pink;border-radius:50px;height:75px;width:75px}#myProfileContainer #authorInfo #handles{-webkit-column-gap:5px;column-gap:5px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}#myProfileContainer #postsInfo{display:flex;flex-direction:column;margin-left:0;width:100%}#myProfileContainer #postsInfo>div{width:100%}#myProfileContainer #postsInfo>div p:first-child{float:left;margin-left:0;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#myProfileContainer #postsInfo>div p:nth-child(2){float:right;font-weight:bolder}hr{background:#0002;height:2px;width:100%}#editButton,hr{border:none;outline:none}#editButton{background:#ffd166;border-radius:50px;box-shadow:2px 2px 5px 1px #10101550;color:#101015;cursor:pointer;font-weight:bolder;padding:10px 25px;transition:.2s}#editButton:hover{background:#07f;box-shadow:0 0 5px 1px #10101550;color:#f5f5f5}#expandedProfileContent{display:flex;flex-direction:column}#new_icon_container{-ms-overflow-style:none;height:120px;margin-left:7px;overflow:scroll;scrollbar-width:none}#new_icon_container::-webkit-scrollbar{display:none}#new_icon_container img{padding:2px;width:50px}#postsInfo ol li{align-items:center;display:flex;list-style-type:none;margin-left:10px}#postsInfo ol li:hover{background-color:#e7f7f9;border-radius:5px}h4{margin-top:10px}#postsInfo ol img{border-radius:50%;margin:0;width:40px}#postsInfo ol{background-color:#e3e0e0;border-radius:5px;margin-top:5px;max-height:200px;overflow:scroll;padding:5px}#createRecording{background-color:#adff2f}.visualizer{background-color:#ff2a00;height:100px;width:100%}#record-buttons,#stop{padding:10px 20px}#record-buttons{background-color:#4352f5;border-radius:10px}audio::-webkit-media-controls-panel{background-color:#4a90e2}#uploadTrackButton{background-color:#77ef77;border:none;border-radius:5px;margin:0 0 0 10px}#deleteTrackButton{background-color:red;border:none;border-radius:5px;display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0;width:100px}#audioTrackLabel{background-color:#56aeff;border-radius:20px;margin-bottom:5px;margin-top:0;min-height:20px;min-width:10px;padding:3px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.RecordingBlock{background-color:#3dcbf6;border-radius:20px;display:flex;margin-bottom:10px;margin-top:20px;padding:10px;width:auto}.recordingBlockComponent{display:inline}#recordingList{margin:0;padding:0}#upload.active{background-color:orange;width:8rem}#discard.active{background-color:red;width:5rem}#discard.inactive{background-color:#780202}.postContainer{background:linear-gradient(to top left,#0000,#0001);box-shadow:5px 5px 10px #10101555;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;padding:10px}.postContainer #authorInfo{cursor:pointer;display:flex;margin-left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.postContainer #authorInfo img{background:pink;border-radius:50px;height:50px;width:50px}.postContainer #authorInfo #handles{margin-left:10px;position:relative}.postContainer #authorInfo #handles,.postContainer button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.postContainer button{background:transparent;border:none;cursor:pointer;display:block;-webkit-filter:brightness(100%) saturate(100%) drop-shadow(0 0 10px #101015);filter:brightness(100%) saturate(100%) drop-shadow(0 0 10px #101015);float:right;margin-right:10px;margin-top:0;outline:none;transition:.2s}.postContainer button:hover{background:transparent;-webkit-filter:brightness(120%) saturate(0) drop-shadow(0 0 10px #101015);filter:brightness(120%) saturate(0) drop-shadow(0 0 10px #101015)}.postContainer button img{width:25px}#handles h4{color:grey;font-weight:lighter}.customSlider{display:block;height:20px;position:relative}.customSlider:before{background:#000;content:"";height:5px}.audioBar,.customSlider:before{bottom:0;display:block;margin:auto;position:absolute;top:0;width:100%}.audioBar{cursor:pointer;height:20px;opacity:0;padding:0;right:0;z-index:1}.customTrack{background:#07f;bottom:0;display:block;height:5px;left:0;margin:auto;position:absolute;top:0;width:100%}#post_author{align-content:center;color:gray;font-size:smaller;text-align:left}#post_title{margin:10px 0}#viewsLikes{color:#000;display:flex;justify-content:space-between;margin:0;width:-webkit-max-content;width:max-content}#post_description{background-color:#d3d0d0;border-radius:5px;margin:10px 0;padding:5px}#post_stats{color:gray;display:flex;justify-content:space-between}#post_user_image{border:1px solid #000;border-radius:50%;margin-right:5px;vertical-align:middle;width:2rem}#post_like_icon.liked{-webkit-filter:invert(33%) sepia(100%) saturate(6230%) hue-rotate(331deg) brightness(101%) contrast(101%);filter:invert(33%) sepia(100%) saturate(6230%) hue-rotate(331deg) brightness(101%) contrast(101%)}#post_like_icon.liked,#post_like_icon:hover:not(.liked){-webkit-transform:scale(1.1);transform:scale(1.1)}#song{height:130px;width:800px}#mydiv{-webkit-backdrop-filter:saturate(0);backdrop-filter:saturate(0);height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}#recording_waveform_container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tabs{background:#4a90e2;border-radius:.5rem;box-shadow:4px 4px 4px rgba(0,0,0,.2);grid-template-rows:auto 1fr;margin-top:200px;width:400px}.tabs h2{margin-bottom:20px}body{background-color:#f5f5f5}.mainButton{background:#f8dd9f;border:none;cursor:pointer;font-size:1rem;letter-spacing:.25rem;padding:1rem 0;transition:all .1s linear;width:100%}.btn-container{display:grid;grid-template-columns:1fr 1fr}.mainButton:first-child{border-top-left-radius:.5rem}.mainButton:nth-child(2){border-top-right-radius:.5rem}.mainButton:hover:not(.live){background:#ffd166;color:#fff}.tabs-content{padding:2rem 1.5rem}@media (min-width:992px){.image{margin-bottom:0}.section-center{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr}}.content{display:none}.content.live{display:block}.mainButton.live{background:#4a90e2}#error-box-bad{-webkit-animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#f7e4e4;border:1px solid red;border-radius:.5rem;color:red;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}#error-box-bad,#error-box-good{box-shadow:4px 4px 4px rgba(0,0,0,.2);display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px;padding:10px;width:400px}#error-box-good{background-color:#e9f7e4;border:1px solid #59f65f;border-radius:.5rem;color:#2ad34f}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.form{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:5px}input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px}.button{background:#ffd166;border:none;border-radius:4px;cursor:pointer;margin:5px;padding:10px 20px}button:hover{background-color:#f5b624}h2{color:#333;text-align:center}.App{align-items:center;display:flex;height:100vh;justify-content:center}label{color:#000;margin:5px;width:120px}input{margin:5px;width:250px}
/*# sourceMappingURL=main.8dddcdf3.css.map*/