@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Potta+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Noto Sans,sans-serif}.main-container{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:2fr 3fr;padding:1rem .5rem}.class-adder,.main-container{background:#fff;border-radius:12px;-webkit-filter:drop-shadow(.5rem .5rem 4px #cdcdcd);filter:drop-shadow(.5rem .5rem 4px #cdcdcd);margin:1rem auto;width:95vw}.class-adder{padding:.5rem}.title{font-size:1.8rem;font-weight:700}.subtitle{color:#403651;font-size:1.5rem;font-weight:400}.right-container{margin:0 auto}.top-container{width:100%}.flex-d{align-items:center;display:flex}.flex-d.center{align-items:center;justify-content:center}.flex-d.end{align-items:center;justify-content:end}.form-field{margin:1.2rem 0;width:100%}.form-field,.form-field-row{display:flex;flex-direction:column}.form-field-row{width:48%}.form-field-row,.row{justify-content:space-between}.row{display:flex}label{font-size:1.2rem;font-weight:500;margin:.6rem 0}input,select{border:3px solid #cdcdcd;border-radius:12px;font-size:1.2rem;font-weight:400;padding:.5rem .8rem;transition:all 1s ease-in-out}input:focus{border:3px solid #cdcdcd;box-shadow:0 0 10px #719ece;outline:none!important}input.error_input{border:2px solid red;transition:all 1s ease-in-out}.custom-btn{background:#4754e2;border:none;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;margin:2rem 0;padding:1rem;width:80%}.custom-btn:hover{box-shadow:0 0 10px #719ece}.error{color:red;font-size:.8rem}.custom_table{margin:0 auto;width:96vw}th{background-color:#c4baba;padding:4px}td,th{border-left:.5px solid #fff}td{padding:8px;text-align:left}tr:nth-child(2n){background-color:#c4baba}.navbar{align-items:center;background:#fff;display:flex;-webkit-filter:drop-shadow(0 4px 4px #c0b0dd);filter:drop-shadow(0 4px 4px #c0b0dd);justify-content:space-between;overflow:hidden;padding:4px 4vw;width:calc(100vw - 4px)}.router-link{margin-left:1em;text-decoration:none;transition:all 1s ease-in-out}.router-link:hover{color:#403651;transition:all 1s ease-in-out}.btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:1em;padding:.5rem}.login-form{margin:0 auto;max-width:575px}.topbar{display:flex;flex-direction:row;justify-content:space-between;margin:1rem auto;width:95vw}.custom-exporter{background:#4754e2;border:none;border-radius:8px;color:#fff;margin-left:.2rem;padding:1.2rem;text-align:end;text-decoration:none}.search-bar{width:40%}.logo{color:#000;display:block;font-size:1.5rem;font-weight:700;padding:3vh 0;text-decoration:none}.input-field{padding-right:50px;width:100%}.icon-tail{color:gray;cursor:pointer;font-weight:700;margin-left:-50px;padding:.72rem;position:absolute;text-align:center;vertical-align:middle}.sort-by-date{cursor:pointer;font-weight:500;margin-right:.5rem}.audioshelf{grid-row-gap:20px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:95vw;row-gap:20px}.audio-card{align-items:center;background:#fff;border-radius:12px;display:flex;-webkit-filter:drop-shadow(.25rem .25rem 4px #cdcdcd);filter:drop-shadow(.25rem .25rem 4px #cdcdcd);flex-direction:column;justify-content:center;padding:.6rem 1rem}@media screen and (max-width:1020px){.audioshelf{grid-template-columns:repeat(2,1fr)}.main-container{-webkit-column-gap:0;column-gap:0;grid-template-columns:1fr}.flex-d.center{display:none}}@media screen and (max-width:768px){.logo{font-size:1.2rem}.navbar,.row{justify-content:space-between}.row{display:flex;flex-direction:column}.login-form{max-width:90vw}.form-field,.form-field-row{margin:.5rem 0;width:100%}.form-field-row{display:flex;flex-direction:column}.custom-btn{margin:1rem 0;padding:.6rem 1rem;width:100%}.title{font-size:1.2rem}.subtitle{font-size:.8rem}input,label{font-size:.9rem}.custom_table{overflow-x:scroll}.audioshelf{-webkit-column-gap:0;column-gap:0;grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.79336d9e.css.map*/