#loading-spinner-container{img{height:10vw;width:10vw}}.container-loading-spinner{height:15vh;width:100vw}.container-loading-spinner,.loader-spinner{align-items:center;display:flex;justify-content:center}.loader-spinner{height:80px;position:absolute;@media (max-width:800px){height:50px}}.loader-spinner .spinner-stroke:first-child{animation:animate-1 .8s linear infinite;height:30%}.loader-spinner .spinner-stroke:first-child,.loader-spinner .spinner-stroke:nth-child(2){background:brown;border-radius:50px;display:block;margin:0 5px;position:relative;width:7px}.loader-spinner .spinner-stroke:nth-child(2){animation:animate-2 .8s linear infinite;height:50%}.loader-spinner .spinner-stroke:nth-child(3){animation:animate-3 .8s linear infinite;height:75%}.loader-spinner .spinner-stroke:nth-child(3),.loader-spinner .spinner-stroke:nth-child(4){background:brown;border-radius:50px;display:block;margin:0 5px;position:relative;width:7px}.loader-spinner .spinner-stroke:nth-child(4){animation:animate-4 .8s linear infinite;height:40%}.loader-spinner .spinner-stroke:nth-child(5){animation:animate-5 .8s linear infinite;height:35%}.loader-spinner .spinner-stroke:nth-child(5),.loader-spinner .spinner-stroke:nth-child(6){background:brown;border-radius:50px;display:block;margin:0 5px;position:relative;width:7px}.loader-spinner .spinner-stroke:nth-child(6){animation:animate-6 .8s linear infinite;height:80%}.loader-spinner .spinner-stroke:nth-child(7){animation:animate-7 .8s linear infinite;background:brown;border-radius:50px;display:block;height:30%;margin:0 5px;position:relative;width:7px}@keyframes animate-1{50%{height:80%}}@keyframes animate-2{50%{height:20%}}@keyframes animate-3{50%{height:100%}}@keyframes animate-4{50%{height:90%}}@keyframes animate-5{50%{height:20%}}@keyframes animate-6{50%{height:20%}}@keyframes animate-7{50%{height:50%}}.spinner-stroke:first-child,.spinner-stroke:nth-child(2){animation-delay:0s}.spinner-stroke:nth-child(3){animation-delay:.6s}.spinner-stroke:nth-child(4){animation-delay:.9s}.spinner-stroke:nth-child(5){animation-delay:.6s}.spinner-stroke:nth-child(6){animation-delay:.3s}.spinner-stroke:nth-child(7){animation-delay:0s}#container-loading-modal{align-items:center;background-color:#fff9;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000;img{height:10vw;width:10vw}@media (max-width:800px){img{height:15vw;width:15vw}}}#container-page-contents{display:flex;height:fit-content;position:absolute;width:100%;@media (max-width:300px){width:300px}}#container-form-contents{align-items:center;bottom:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;left:0;margin:40px 0 20px;right:0;top:0}#container-contents-left{background-color:#f5f5f5;height:150vh;width:10vw}#container-center-contents{align-items:center;background-color:#f5f5f5;display:flex;flex:0 0 80%;flex-direction:column}#container-title-player{width:100%;z-index:3}#container-contents-right{background-color:#f5f5f5;height:150vh;width:10vw}.container-letters-title{border:2px solid #000;border-radius:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-right:5px;padding-bottom:10px;padding-top:10px;-webkit-user-select:none;user-select:none;width:20px}.container-letters-title,.letter{align-items:center;justify-content:center}.letter{display:flex}#my-contents-container{justify-content:center;margin-top:20px}#container-title-my-contents,#contents-container,#my-contents-container{display:flex;height:fit-content}#contents-container{align-items:start;justify-content:center;width:70vw}.no-contents-style{background-color:#fff;border:1px solid #bdbdbd;border-radius:10px}#container-ul-my-contents{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:450px;margin:0;overflow-x:auto;padding:2px;position:relative;scrollbar-color:#888 #0000;scrollbar-width:thin;white-space:nowrap;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}#container-loading-spineer{margin-bottom:10px;margin-top:10px}}.loading-spinner-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.container-audio-player-my-content{margin:none;padding:none}.container-ul--my-contents ul{margin:10px 0 0;padding-left:10px;width:100%}.submit-button-container{overflow:auto}#li-my-contents,.submit-button-container{display:flex;flex-direction:row}#li-my-contents{list-style:none;width:100%;#container-my-contents-buttons{height:70px;margin-top:10px;position:absolute;right:50px;width:0;z-index:3;@media (max-width:500px){right:40px;top:0}#more-details-my-content{align-items:center;background-color:#464646;border:none;border-radius:5px;cursor:pointer;height:30px;justify-content:center;padding:5px;transition:background-color .3s,box-shadow .3s;width:40px;@media (max-width:500px){height:20px;width:25px}&:hover{background-color:#000;box-shadow:none}img{height:20px;width:20px;@media (max-width:500px){height:10px;width:10px}}}}}#container-title-content{display:flex;height:1px;left:120px;position:sticky;z-index:3}#container-title-content-h5{background-color:#000;border-radius:2px;color:#fff;display:flex;height:fit-content;left:10px;margin:0;opacity:.6;padding:2px 5px;position:relative;top:10px;width:fit-content;z-index:3}.title-content-h5{display:flex;margin:0;padding:none}#ul-my-contents{display:flex;flex-direction:column;margin:0;padding:0 0 0 5px}.no-contents-yet{color:#555;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;text-align:center}.container-wave-surfer-player{box-sizing:border-box;display:flex;left:-5px;position:relative;width:100%;z-index:3px}#container-instrument-name{align-content:center;background-color:#000;border-radius:5px;box-sizing:border-box;margin-bottom:4px;margin-top:4px;padding-right:10px;width:45px;z-index:1}#container-instrument-name,#container-instrument-name h5{align-items:center;display:flex;justify-content:center;position:relative}#container-instrument-name h5{border-radius:2px;color:#fff;font-size:10px;height:0;margin:0;padding:5px 5px 2px;text-align:center;transform:rotate(-90deg);-webkit-user-select:none;user-select:none;white-space:pre-wrap;width:0}.container-wave-surfer{margin:2px}.container-time-progress{font-size:4vw;@media (min-width:300px){font-size:10px}@media (max-width:500px){font-size:8px}}.wave-surfer,.wave-surfer div{height:100%;position:relative;width:100%}#container-form-labels-create-content{display:flex;justify-content:center}#content-type{margin:5px 0}#content-type span{-webkit-user-select:none;user-select:none}#container-form-add-content{background-color:#f3f3f3;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;display:relative;margin:0;padding:10px;width:70vw}@media (min-width:200px){#container-form-add-content{max-width:500px}}#container-form-add-content h3{-webkit-user-select:none;user-select:none}#container-title{display:flex;flex-direction:column;margin-top:5px;width:60vw}@media (min-width:200px){#container-title{max-width:400px}}#container-title input{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;outline:none;padding:5px;transition:border-color .3s,box-shadow .3s}#container-title input:focus{border-color:#000;box-shadow:0 2px 4px #0003}#container-title input::placeholder{color:#888;opacity:1}#container-title input:hover{border-color:#000}#container-description{display:flex;flex-direction:column;margin-top:5px;width:60vw}@media (min-width:200px){#container-description{max-width:400px}}#container-description textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;outline:none;padding:5px;resize:none;transition:border-color .3s,box-shadow .3s}#container-description textarea:focus{border-color:#000;box-shadow:0 2px 4px #0003}#container-description textarea::placeholder{color:#888;opacity:1}#container-description textarea:hover{border-color:#000}#container-description label{margin-bottom:5px}#container-description textarea{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#container-instrument-selection{display:flex;flex-direction:column;margin-bottom:5px;margin-top:5px}#download-abled span{-webkit-user-select:none;user-select:none}#container-instrument-selection select{border:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;margin-bottom:5px;margin-right:5px;text-align:center;width:200px}#container-instrument-selection select,#upload-button{background-color:brown;border-radius:5px;color:#fff;height:30px}#upload-button{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center;margin-top:10px;transition:background-color .3s;width:70px}#upload-button:hover{background-color:darkred;box-shadow:none}#container-content-info-edit-modal{align-items:center;background-color:#0009;bottom:0;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:100;#container-screen-transparent-content-info-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-content-info-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:.5em;width:60%;@media (max-width:540px){width:70%}@media (max-width:450px){width:80%}@media (min-width:900px){width:50%}#container-top-content-informations{display:flex;flex-direction:row;height:fit-content;justify-content:space-between;margin-bottom:10px;width:100%;#container-title-date-project-content{display:flex;flex-direction:column;@media (max-width:400px){width:200px}@media (max-width:380px){width:150px}h1{font-size:18px;margin:0;width:auto;@media (max-width:600px){font-size:16px}}h1,h6{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}h6{color:#666;font-size:10px;font-weight:700;margin:2px 0 0}#container-title-input-content-modal{display:flex;flex-direction:column;input{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;outline:none;padding:5px;transition:border-color .3s,box-shadow .3s;&:focus{border-color:#000;box-shadow:0 2px 4px #0003}&::placeholder{color:#888;opacity:1}&:hover{border-color:#000}@media (max-width:650px){font-size:14px;width:200px}@media (max-width:610px){font-size:12px;width:180px}@media (max-width:570px){width:160px}}}}#continer-download-abled-button-close{align-items:start;display:flex;flex-direction:row;#container-download-abled-icon{align-items:center;display:flex;margin-right:20px;margin-top:.5em;div{align-items:center;display:flex;label{font-size:12px;margin-right:5px;@media (max-width:500px){font-size:10px}@media (max-width:650px){font-size:8px}}}#container-download-abled-content-info-modal{text-wrap:nowrap}}button{align-items:center;background-color:#ca2500;border:none;border-radius:5px;color:#fff;display:flex;height:fit-content;justify-content:center;padding:5px;transition:background-color .5s ease;&:hover{background-color:#a01d00;cursor:pointer}}}}#container-middle-1-content-information{#instrument-content-info{align-items:center;display:flex;flex-direction:row;margin:0 0 5px;label{font-size:12px;font-weight:700;margin-bottom:0;margin-right:5px}h6{font-weight:lighter;margin:0}select{background-color:brown;border:none;border-radius:5px;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;font-weight:700;height:25px;margin-bottom:0;margin-right:5px;text-align:center;width:150px}}#duration-content-info{align-items:end;display:flex;flex-direction:row;margin-bottom:5px;label{font-size:12px;font-weight:700;margin-bottom:0;margin-right:5px}h6{font-weight:lighter;margin:0}}}#container-middle-2-content-information{pre{text-wrap:wrap;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;margin:10px 0}#container-label-input-description{display:flex;flex-direction:column;textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;outline:none;padding:5px;resize:none;transition:border-color .3s,box-shadow .3s;&:focus{border-color:#000;box-shadow:0 2px 4px #0003}&::placeholder{color:#888;opacity:1}&:hover{border-color:#000}}}#container-content-player{display:flex;margin:5px 0 10px}}#container-bottom-content-information{display:flex;justify-content:end;width:100%;#container-buttons-content-information-modal{align-items:center;display:flex;height:40px;margin-right:5px;width:fit-content;#container-button-edit-cancel{display:flex;margin-right:10px;div{display:flex;button{align-content:center;align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:30px;margin-right:5px;transition:background-color .3s,box-shadow .3s;width:60px;&:hover{background-color:#000;box-shadow:none}}}}#container-button-delete{button{align-items:center;background-color:#ca2500;border:none;border-radius:5px;color:#fff;display:flex;height:30px;justify-content:center;transition:background-color .5s ease;width:60px;&:hover{background-color:#a01d00;cursor:pointer}img{height:20px;width:20px}}}}}}}}#container-yes-no-dialog-modal{align-items:center;background-color:#0009;bottom:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:0;position:fixed;right:0;top:0;z-index:1001}#container-screen-transparent-yes-no-diolog{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#container-modal-yes-no{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:0 auto;max-width:60vw;padding:1.5em;@media (min-width:700px){width:40vw}}#container-message-yes-no-modal{margin-bottom:10px;width:100%;p{text-wrap:wrap;margin:0;text-align:center;@media (max-width:400px){font-size:12px}}}#container-yes-no-diolog-modal-bottom{display:flex;justify-content:center;width:100%}#container-yes-no-diolog-modal-buttons{display:flex;#button-yes-diolog-yes-no-modal{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:30px;margin:5px;width:60px}#button-yes-diolog-yes-no-modal:hover{background-color:#c60101}#button-no-diolog-yes-no-modal{background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:30px;margin:5px;width:60px}#button-no-diolog-yes-no-modal:hover{background-color:#fff;border:2px solid #464646;color:#464646}}#logo{height:22vw;width:30vw}#h1-sign-in-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;margin-top:5px;@media(max-width:400px){font-size:20px}}.error-container{align-items:center;display:flex;flex-direction:column;font-size:24px;height:100vh;justify-content:center}.page-not-found-error-message{color:red;font-family:Times New Roman,Times,serif;font-style:italic}.back-home-button{background-color:#9c1d1d;border:.5px solid #fff;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background-color .3s,box-shadow .3s}.back-home-button:hover{background-color:darkred;box-shadow:none}#header-app-tool-bar{background-color:brown;box-sizing:border-box;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}#menu-container{align-items:center;display:flex;#container-messages-notifications{align-items:center;display:flex}}#container-notifications-component{margin-right:10px}#toolbar{align-items:center;display:flex;height:50px;justify-content:space-between}@media (min-width:500px){#toolbar{justify-content:left;justify-content:space-between}}#logo-search-input{align-items:center;display:flex}#container-logo{cursor:pointer;-webkit-user-select:none;user-select:none}#container-logo img{height:50px}@media(max-width:500px){#container-logo img{height:30px}}#logo-seach-input{align-items:center;display:flex}#logo-seach-input input{padding:5px 10px 5px 35px;width:100%}#button-search{-webkit-tap-highlight-color:transparent;background-color:initial;border:none;border-radius:50%;cursor:pointer;margin-left:5px}#button-search:hover{background-color:#8b0000}#button-search img{padding:5px}#menu-button{background-color:#9c1d1d;border:none;border-radius:5px;cursor:pointer;height:fit-content;justify-content:center;margin-right:10px;padding:5px;width:fit-content}#menu-button img{height:30px}@media (max-width:500px){#menu-button img{height:20px}}.sign-in-button{align-items:center;background-color:#9c1d1d;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:flex;margin-right:20px;padding:10px;transition:background-color .3s,box-shadow .3s}.sign-in-button:hover{background-color:darkred;box-shadow:none}.profile-button{align-items:center;background-color:#9c1d1d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;margin-right:20px;padding:5px;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;user-select:none}@media (min-width:300px){.profile-button{margin-right:20px}}.profile-button:hover{background-color:#8b0000;box-shadow:none}.profile-image-app-bar{border-radius:100%;height:50px;object-fit:cover;width:50px}.menu{background-color:#fff;border-radius:2%;box-shadow:0 0 8px #0006;color:#4b4b4b;margin-right:20px;position:absolute;right:20px;top:60px;z-index:1000}.menu ul{color:#4b4b4b;list-style-type:none;margin:0;padding:0;text-align:center;width:200px}.menu li{cursor:pointer;margin:4px;padding:10px;transition:background-color .3s ease}.menu li:hover{background-color:#d8d8d8;border-radius:4%;box-shadow:none}.menu a{color:#000;font-family:sans-serif;text-decoration:none}.configure-icon,.logout-icon{margin-right:10px;vertical-align:middle;width:20px}.sign-in-icon{align-items:center;color:#fff;width:20px}#search-input{background-color:#882020;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABAklEQVR4nO2TwWrCQBRFs691pf0djX+g+CsSuygYs+mun1Kx31H1T6yp2/bIwxsIgYR5URFKLwxkyJ13Hm/mRtGfFPAEZMAWOGptgCXQv7T4FMip1wGYXFL8V4XegQHwoDUEVvr3A4zbjKXofNbgS+T5AnoeQFZ0HuBdy5t6ADsdGgR4Y3k3HsC3DnUCvI/y5h5A7gB02wDszZuGAd5RmxFZiEyrAO+HvAsPoK8QmZIG37M8e3eqLaEKEXqKsd2J1qjUuenFVbwEGStEddpb8dJ+0QbSsxABn3q+R32nxVgqUD8koImkAnn9h9TK7qAyrnl0Y8jh6oDoDJkrrG83AdxFJ4huGn8FUqRpAAAAAElFTkSuQmCC);background-position:10px 50%;background-repeat:no-repeat;border:none;border-radius:20px;color:#fff;height:25px;margin-left:10px;margin-right:10px;outline:none;padding:5px 40px;width:fit-content}#search-input:focus{outline:none}#search-input::placeholder{color:#fff;opacity:.5}#container-side-bar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}#side-bar-container{background-color:#fafafa;border-radius:0 10px 10px 0;box-shadow:0 0 6px #0006;color:#555;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;font-weight:700;height:fit-content;margin:0;padding:5px;position:relative;position:fixed;top:80px;transition:.1s;-webkit-user-select:none;user-select:none;width:200px;z-index:999}#side-bar-container ul{list-style:none;margin:0;padding:0}#side-bar-container li{cursor:pointer;text-align:center;transition:background-color .3s}#side-bar-container li:hover{background-color:#e0e0e0;border-radius:5px}#button-open-close-toggle-notifications{-webkit-tap-highlight-color:transparent;background-color:initial;border:none;border-radius:50%;cursor:pointer;outline:none;#container-notifications-tag{align-items:center;justify-content:center;margin-left:10px;position:absolute;#notifications-number{margin:0}}}#button-open-close-toggle-notifications:hover{background-color:#8b0000}#button-open-close-toggle-notifications img{padding:5px}#container-toggle-notifications{background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #0003;display:flex;height:300px;justify-content:center;overflow-y:auto;padding:0;position:fixed;right:5vw;top:60px;width:300px;@media(max-width:500px){height:250px;width:250px}}#container-toggle-notifications ul{justify-content:center;margin:0;padding:0;width:100%}#li-notifications-not-visualized{align-items:center;background-color:#ccc;border-bottom:1px solid #ccc;box-sizing:border-box;cursor:pointer;display:flex;list-style:none;padding:10px;width:100%}#li-notifications-not-visualized img{border-radius:50%;height:30px;margin-right:10px}#li-notifications-visualized{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;box-sizing:border-box;cursor:pointer;display:flex;list-style:none;padding:10px;width:100%}#li-notifications-visualized img{border-radius:50%;height:30px;margin-right:10px}#container-h5-small-badge{align-items:center;display:flex;justify-content:space-between;width:100%}#h5-notification{color:#000;font-weight:400;margin:0 10px 0 0;text-align:left;-webkit-user-select:none;user-select:none;@media(max-width:500px){font-size:10px}}#notifications-number{align-items:center;background-color:#d80000;border-radius:20%;color:#fff;display:flex;font-size:12px;height:fit-content;justify-content:center;padding:4px;position:absolute;right:-5px;top:-5px;width:fit-content;z-index:2}#button-open-close-toggle-messages{-webkit-tap-highlight-color:transparent;background-color:initial;border:none;border-radius:50%;cursor:pointer;outline:none;#container-messages-tag{align-items:center;justify-content:center;margin-left:10px;position:absolute;#messages-number{align-items:center;background-color:#d80000;border-radius:20%;color:#fff;display:flex;font-size:12px;height:fit-content;justify-content:center;margin:0;padding:4px;position:absolute;right:-5px;top:-2px;width:fit-content;z-index:2}}}#button-open-close-toggle-messages:hover{background-color:#8b0000}#button-open-close-toggle-messages img{padding:5px}#container-toggle-dialogues{background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #0003;display:flex;height:300px;justify-content:center;overflow-y:auto;padding:0;position:fixed;right:5vw;top:60px;width:300px;@media(max-width:500px){height:250px;width:250px}@media(max-width:500px){height:200px;right:50px;width:200px}}#container-toggle-dialogues ul{background-color:#fff;display:flex;flex-direction:column;margin:0;padding:0;width:100%}#container-toggle-dialogues ul #li-dialogue-visualized:hover{background-color:#ccc}#container-toggle-dialogues ul #li-dialogue-visualized{align-items:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;#container-badge{display:flex;justify-content:right;width:90%}}#container-toggle-dialogues ul #li-dialogue-visualized div{#p-dialogue-member-nickname{font-weight:700;margin:0;@media(max-width:500px){font-size:10px}}}#container-toggle-dialogues ul #li-dialogue-visualized #container-message{display:flex;justify-content:space-between;width:100%;div{display:flex}p{margin:10px 0 10px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media(max-width:500px){font-size:12px}}#p-member-type{color:#575757;font-size:16px;font-weight:700}#p-date{align-content:center;font-size:10px;font-weight:700;margin-right:5px}}#container-toggle-dialogues ul #li-dialogue-not-visualized{align-items:center;background-color:#ccc;cursor:pointer;display:flex;flex-direction:column;#container-badge{display:flex;justify-content:right;width:90%}}#container-toggle-dialogues ul #li-dialogue-not-visualized div{#p-dialogue-member-nickname{font-weight:700;margin:0;@media(max-width:500px){font-size:10px}}}#container-toggle-dialogues ul #li-dialogue-not-visualized #container-message{display:flex;justify-content:space-between;width:100%;div{display:flex}p{margin:10px 0 10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media(max-width:500px){font-size:12px}}#p-date{align-content:center;font-size:10px;font-weight:700;margin-right:5px}}.dialogue-member{align-items:center;display:flex;margin-top:5px;width:100%}.dialogue-member img{border-radius:50%;height:25px;margin:0 10px;object-fit:cover;width:25px;@media(max-width:500px){height:15px;width:15px}}#container-page-projects{display:flex;height:fit-content;width:100%}@media (max-width:300px){#container-page-projects{width:300px}}#container-form-list-projects{height:80%;margin-top:30px;width:90%}#header-manage-projects{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;margin:10px 0}#container-projects-titles{border:2px solid #000;border-radius:20px;height:fit-content;margin-right:5px;padding:0 5px;-webkit-user-select:none;user-select:none;width:fit-content}@media (max-width:400px){#container-projects-titles{font-size:10px}}#header-manage-projects h2{margin:0}#container-filters-top{display:flex;flex-direction:column;justify-content:flex-end}@media (min-width:700px){#container-filters-top{flex-direction:row;justify-content:flex-end}}#container-filters-top select{background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;height:30px;margin-bottom:5px;margin-right:5px;text-align:center;width:140px}@media (max-width:400px){#container-filters-top select{font-size:10px;height:20px;width:90px}}#container-form-projects{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:90px 0 20px}#container-projects-left{background-color:#f5f5f5;width:10vw}@media (max-width:600px){#container-projects-left{width:5vw}}#container-center-projects{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;width:80vw}@media (max-width:600px){#container-center-projects{width:90vw}}#container-projects-right{background-color:#f5f5f5;width:10vw}@media (max-width:600px){#container-projects-right{width:5vw}}#container-manage-projects{display:flex;flex-direction:column;height:100%;justify-content:start;margin-top:10px;width:100%}#projects-container{align-items:top;background-color:#f5f5f5;display:flex;height:100%;justify-content:center}#no-projects-container-style{align-items:center;background-color:#fff;border:1px solid #bdbdbd;border-radius:10px;display:flex;justify-content:center;min-height:100px}#container-no-projects{align-content:center;display:flex;justify-content:center;margin-top:30px}#no-projects-yet{color:#555;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width:400px){#no-projects-yet{font-size:14px}}@media (max-width:300px){#no-projects-yet{font-size:12px}}#ul-list-projects{background-color:#fafafa;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:90%;margin:0;padding:0}#container-loading-spinner{padding-bottom:1em;padding-top:1em}#container-audio-player-my-project{margin:none;padding:none}#container-ul-projects{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:600px;margin:0;overflow-x:hidden;overflow-y:auto;padding:2px;scrollbar-color:#888 #0000;scrollbar-width:auto;white-space:nowrap;width:100%}#container-ul-projects::-webkit-scrollbar{height:6px}#container-ul-projects::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}#container-ul-projects::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}#submit-button-container{display:flex;flex-direction:row;overflow:auto}#container-title-description{flex-direction:column;width:100%}#container-li-projects{border:1px solid #bdbdbd;border-radius:10px;box-sizing:border-box;height:fit-content;margin-bottom:2px;margin-right:2px;min-height:155px}#container-li-projects,#li-project{flex-direction:column;list-style:none;width:100%}#li-project{display:flex;height:100%}#container-usability{display:flex;flex-direction:column;height:max-content;justify-content:flex-start}#container-usability-label{display:flex;flex-direction:row;height:fit-content}#container-usability-label label{font-size:10px;margin-right:5px}@media (max-width:400px){#container-usability-label label{font-size:8px}}#container-usability-label h4{height:fit-content;margin:0;width:fit-content}#container-project-top{align-items:start;display:flex;flex-direction:column;height:fit-content;width:100%}#container-project-top h3{margin:0}#container-privacity-project{align-content:center}@media (max-width:400px){#container-privacity-project i{font-size:12px}}#container-project-another-info,#container-project-title{display:flex;flex-direction:row;margin-left:5px}#container-project-title{justify-content:space-between;margin-top:5px;width:100%}@media (max-width:500px){#container-project-title{font-size:10px}}#container-project-title i{align-items:center;display:flex;font-size:2vw}@media (min-width:500px){#container-project-title i{font-size:15px}}#project-actions{height:fit-content;position:relative;right:10px;z-index:3}#container-title-privacity{display:flex;flex-direction:row}#container-title-privacity h3{align-content:center;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}@media (max-width:500px){#container-title-privacity h3{max-width:150px;width:150px}}#container-usability-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width:400px){#container-usability-footer{align-items:flex-start;flex-direction:column}}#container-footer-project{display:flex;justify-content:start}#container-footer-project h5{margin-left:10px}#project-description{display:flex;font-size:.9em;padding-left:10px;padding-right:10px}@media (max-width:400px){#project-description{font-size:.6em}}#button-more-details{align-items:center;background-color:#464646;border:none;border-radius:5px;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;transition:background-color .3s,box-shadow .3s;width:40px;@media (max-width:500px){height:20px;width:25px}&:hover{background-color:#000;box-shadow:none}img{height:20px;width:20px;@media (max-width:500px){height:10px;width:10px}}}#project-description-modal{align-items:center;background-color:#0009;bottom:0;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}#modal-project-details-container{background-color:#fff;border-radius:20px;bottom:0;box-shadow:0 0 20px #000c;box-sizing:border-box;height:fit-content;max-width:60vw;padding:1.5em;@media (min-width:700px){width:40vw}@media (max-width:400px){padding-bottom:1em;padding-left:1em;padding-right:1em;padding-top:1em}}#container-bottom-row-project-details-modal{padding-top:15px;width:100%}#container-bottom-date-tracks{flex-direction:column;width:100%}#container-dates-usability-button-add{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;#container-buttons{display:flex}}#container-date-usabilty{margin-right:5px}#container-date-column,#container-date-usabilty{display:flex;flex-direction:column}#container-date-row{align-items:center;display:flex;flex-direction:row;height:fit-content;@media (max-width:500px){align-items:flex-start;flex-direction:column}}#container-date-row label{font-size:2vw;white-space:nowrap;@media (min-width:300px){font-size:8px}}#container-date-row h5{font-size:2vw;margin:0 0 0 5px;white-space:nowrap;@media (min-width:300px){font-size:8px}@media (max-width:500px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:400px){font-size:8px}}#container-usability-column{display:flex;flex-direction:column;margin-top:5px}#container-usabilty-row{align-items:center;display:flex;flex-direction:row;height:fit-content}#container-usabilty-row label{font-size:2vw;white-space:nowrap;@media (min-width:300px){font-size:8px}}#container-usabilty-row h5{font-size:2vw;margin:0 0 0 5px;white-space:nowrap;@media (min-width:300px){font-size:8px}}.date-column{display:flex;flex-direction:column}.date-row{align-items:baseline;display:inline-flex;flex-direction:column;padding:none;label{white-space:nowrap}}.date-column .date-row h5{display:flex;font-size:2vw;font-style:italic;margin:0 20px 0 5px;white-space:nowrap;@media (min-width:300px){font-size:10px}}.date-column .date-row label{font-size:2vw;@media (min-width:600px){font-size:10px}}#container-button-close-project-details-modal{display:flex;justify-content:right;width:100%}#button-close-project-details-modal{align-items:center;background-color:#ca2500;border:0;border-radius:5px;bottom:0;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:relative;transition:background-color .5s ease;width:35px}#buttpn-close-project-details-modal:hover{background-color:#a01d00}#container-row-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:0;padding-top:0;width:100%;h2{word-wrap:break-word;flex:1 1;margin-bottom:0;word-break:break-word;@media (max-width:800px){font-size:18px}@media (max-width:700px){font-size:14px}@media (max-width:400px){font-size:12px}}h2,i{margin-top:0;padding-top:0}i{border:1px solid #888;border-radius:10px;box-sizing:border-box;padding-left:10px;padding-right:10px;-webkit-user-select:none;user-select:none;@media (max-width:700px){font-size:12px}}}#row-description{background-color:#fafafa;border:1px solid #ddd;height:20vw;margin-top:5px;overflow-x:auto;padding:5px;scrollbar-color:#888 #0000;scrollbar-width:thin;@media (min-width:400px){height:4em}@media (min-width:500px){height:20vw}@media (min-width:500px){height:15vw}@media (min-width:700px){height:10vw}&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}p{word-wrap:break-word;font-size:10px;margin-block-start:0;margin-top:0;word-break:break-all}}#button-delete{align-items:center;background-color:red;border:none;border-radius:5px;bottom:20px;cursor:pointer;display:flex;height:fit-content;margin-right:5px;opacity:.8;padding:10px;width:fit-content;img{height:2vw;@media (max-width:450px){height:4vw}}@media (min-width:100px){bottom:10px;justify-content:center}@media (min-width:500px){bottom:10px;justify-content:center}@media (max-width:450px){padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px}}#button-manage-project{align-items:center;background-color:#000;border:none;border-radius:5px;bottom:20px;cursor:pointer;display:flex;height:fit-content;opacity:.8;padding:10px;width:fit-content;img{height:2vw;@media (max-width:450px){height:4vw}}@media (min-width:100px){bottom:10px;justify-content:center}@media (min-width:500px){bottom:10px;justify-content:center}@media (max-width:450px){padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px}}#button-manage-project:hover{background-color:#000;border:none;border-radius:5px;color:#ddd;opacity:1;transition:background-color .5s ease}#container-tracks-project-details-modal{display:flex;height:100%;position:relative;#unordered-list-projects-modal{border:1px solid #ccc;border-radius:10px;flex-direction:column;height:20vw;list-style:none;margin:0;overflow-y:auto;padding:2px;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%;@media (min-width:400px){max-height:100vw}@media (min-width:450px){max-height:400px}@media (min-width:600px){max-height:400px}@media (min-width:1000px){max-height:400px}&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}}#li-content-modal{box-sizing:border-box;height:80px;position:relative;width:98%}#no-master-files-yet{font-size:1vw;margin-top:40px;padding:1em;@media (max-width:600px){margin-top:4vw}@media (max-width:500px){font-size:8px;margin-top:2vw;padding-bottom:.2em;padding-left:.2em;padding-right:.2em;padding-top:.2em}}#container-player-project-track-title{background-color:#000;border-radius:2px;color:#fff;display:flex;left:10px;margin:0;opacity:.8;padding:2px 5px;position:absolute;top:2px;width:fit-content;z-index:3;#project-player-project-track-title{display:flex;margin:0;padding:none;-webkit-user-select:none;user-select:none}h5{@media (max-width:600px){font-size:8px}}}.container-wave-surfer{align-items:center;background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;box-sizing:border-box;display:flex;flex-direction:row;height:100%;width:100%}.container-time-progress{justify-content:flex-end}.container-wave-top-project{display:flex;height:100%;width:100%}.wave-surfer-project .div{background-color:blue;height:100%}#container-form-labels-create-project{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:10px;width:100%}#container-form-create-project{background-color:#f3f3f3;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:500px;padding:20px;width:60vw}#container-form-create-project h3{color:#333;font-size:20px;text-align:center}#container-description-project-form,#container-project-privacity,#container-title-project-form{display:flex;flex-direction:column;margin-bottom:15px}#container-description-project-form label,#container-project-privacity label,#container-title-project-form label{color:#555;font-weight:700;margin-bottom:5px}#container-description-project-form textarea,#container-title-project-form input{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;font-size:16px;outline:none;padding:10px;transition:border-color .3s,box-shadow .3s}#container-description-project-form textarea:focus,#container-title-project-form input:focus{border-color:#000;box-shadow:0 2px 4px #0003}#container-description-project-form textarea::placeholder,#container-title-project-form input::placeholder{color:#888;opacity:1}#container-description-project-form textarea{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:50px;resize:none}#container-project-privacity{display:flex;flex-direction:column}#project-privacity-form{align-items:center;display:flex;gap:10px}#project-privacity-form input[type=radio]{margin-right:5px}#project-privacity-form span{color:#555;font-size:12px}#button-create-project{background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background-color .3s}#button-create-project:hover{background-color:darkred}#button-open-project-form{background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s,box-shadow .3s}#button-open-project-form:hover{background-color:#000}@media (max-width:768px){#container-form-create-project{width:80vw}#container-form-create-project h3{font-size:18px}#container-description-project-form textarea,#container-title-project-form input{font-size:14px}#button-create-project{font-size:14px;padding:8px 16px}#button-open-project-form{font-size:14px;padding:8px}}@media (max-width:480px){#container-form-create-project{padding:15px;width:70vw}#container-form-create-project h3{font-size:16px}#container-description-project-form textarea,#container-title-project-form input{font-size:12px}#button-create-project{font-size:12px;padding:6px 12px}#button-open-project-form{font-size:12px;padding:6px}}#my-contents-footer-container{background-color:#0000;bottom:0;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;left:0;overflow-x:auto;overflow-y:hidden;position:fixed;transition:.1s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;z-index:1}#container-button-contents{display:flex;width:100%}#container-ul-audios-footer{background-color:#fafafa;border:1px solid #ddd;display:flex;width:100%;#container-loading-animation-contents-footer{height:100px}}#container-button-footer-slide-up{display:flex;margin-left:80vw;margin-top:-30px;position:fixed}#container-button-footer-slide-up button{background-color:#000;border:none;border-radius:5px 5px 0 0;cursor:pointer;height:30px;opacity:.8;padding-top:2px;width:60px}#container-button-footer-slide-up button img{height:20px;width:30px}.content-player-title{background-color:#000;border-radius:2px;color:#fff;left:10px;margin:0;opacity:.6;padding:2px 5px;position:absolute;top:7px;width:fit-content;z-index:3}#ul-audio-contents,.content-player-title{display:flex;-webkit-user-select:none;user-select:none}#ul-audio-contents{align-content:center;flex-direction:row;list-style:none;margin:10px;padding-left:0;width:100%;#container-loading-spineer{height:100%}}#container-li-contents-footer,#li-contents-footer{display:flex;flex-direction:row}#li-contents-footer{align-items:center;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:300px}#container-title-player-content-footer{width:100%;z-index:3}#container-title-content-footer{background-color:#000;border-radius:2px;color:#fff;display:flex;height:fit-content;left:10px;margin:0;opacity:.6;padding:2px 5px;position:relative;top:10px;width:fit-content;z-index:3}#container-wave-surfer-player-my-contents-footer{display:flex;left:-8px;position:relative;width:100%;z-index:3px}#container-conteiner-title-content-footer{display:flex;height:1px;left:120px;position:sticky;z-index:3}#container-content-footer-instrument-name{align-content:center;align-items:center;background-color:#000;border-radius:5px 0 0 5px;display:flex;height:90%;justify-content:center;margin:4px 5px 5px;padding-right:10px;position:relative;width:40px;z-index:1;label{align-items:center;color:#fff;display:flex;font-size:10px;height:0;justify-content:center;margin-left:10px;position:relative;text-align:center;transform:rotate(-90deg);-webkit-user-select:none;user-select:none;white-space:pre-wrap;width:0}}#container-button-attach-content-footer{display:flex;height:100%;left:-8px;position:relative}#button-attach-content{align-items:center;bottom:20px;cursor:pointer;display:flex;height:100%;margin-bottom:5px;opacity:.8;padding:2px;z-index:3;img{height:20px}}#button-attach-content,#button-attach-content:hover{background-color:#000;border:none;border-radius:5px;color:#ddd;-webkit-user-select:none;user-select:none;-webkit-user-select:none;user-select:none}#button-attach-content:hover{opacity:1;transition:background-color .5s ease}.button-select-all-useful-contents{background-color:#0009;box-shadow:0 4px 8px #0003;color:#fff;margin-left:5px;padding:10px}.button-select-all-useful-contents,.button-select-all-useful-contents:hover{background-position:50%;background-size:cover;border:none;border-radius:5px;justify-content:center}.button-select-all-useful-contents:hover{background-color:#000;box-shadow:0 0 0 #0006;cursor:pointer}.checkbox-container{cursor:pointer;display:inline-block;height:20px;position:relative;width:20px}.checkbox-button-project{opacity:0;position:absolute}.checkmark{background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px red;height:13px;left:2px;position:absolute;top:2px;width:13px}.checkbox-container.selected .checkmark{background:radial-gradient(circle,red,#fffc);border:2px solid #fff;box-shadow:0 0 0 2px red,;height:10px;position:absolute;width:10px}.container-wave-surfer-project{display:flex;flex-direction:row;height:100%;margin:2px;-webkit-user-select:none;user-select:none;width:fit-content;.container-show-startIn-endsIn{padding:5px;right:10px;@media (max-width:500px){padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px}}&:hover .container-show-startIn-endsIn,.container-show-startIn-endsIn{align-items:center;background-color:#f5f5f5;border:1px solid #afafaf;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;display:flex;flex-direction:column;font-size:14px;justify-content:center;opacity:1;position:sticky;-webkit-user-select:none;user-select:none;width:fit-content;z-index:1}&:hover .container-show-startIn-endsIn{right:125px}.container-starts-in-formated{background-color:#f2f2f2;border:1px solid #ccc;color:#888;padding:0;text-align:center;@media (max-width:500px){font-size:8px}}.container-starts-in-formated,.label-starts-in{font-size:10px;-webkit-user-select:none;user-select:none}.label-starts-in{color:#000;margin-bottom:2px;@media (max-width:500px){font-size:8px}}#container-change-usability-useless-contents{display:flex;flex-direction:row;margin-right:10px}#container-change-usability-comments-info{display:none}&:hover #container-change-usability-comments-info{align-items:center;display:flex;flex-direction:row;position:sticky;right:2px;right:10px;-webkit-user-select:none;user-select:none;width:110px}#change-usabilty-button{align-items:center;background-color:#000000bd;border:none;border-radius:5px;display:flex;height:30px;justify-content:center;margin-right:5px;width:30px;img{border-radius:50%;height:20px;width:20px}}#change-usabilty-button:hover{background-color:#000;background-position:50%;background-size:cover;border:none;border-radius:5px;cursor:pointer;justify-content:center}#container-button-comment-info{display:flex;flex-direction:column}#button-comment-project-content{align-items:center;background-color:#000000bd;border:none;border-radius:5px;display:flex;height:30px;justify-content:center;margin-bottom:2.5px;width:30px;img{border-radius:50%;height:20px;width:20px}}#button-comment-project-content:hover{background-color:#000;cursor:pointer}#button-project-content-more-info{align-items:center;background-color:#000000bd;border:none;border-radius:5px;display:flex;height:30px;justify-content:center;margin-top:2.5px;width:30px;img{border-radius:50%;height:20px;width:20px}}#button-project-content-more-info:hover{background-color:#000;cursor:pointer}}#container-change-usability-comments-info{display:flex;flex-direction:column}.container-controller-box{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;height:100%}.container-checkBox-play-button,.container-controller-box{display:flex;flex-direction:row}.checkBox-container,.container-checkBox-play-button,.container-controller-box{align-items:center;-webkit-user-select:none;user-select:none}.checkBox-container{margin-left:10px;margin-right:10px;div{display:flex}}.container-time-progress{align-items:flex-end;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none}.conainer-wave-slider,.wave-project-content{display:flex;-webkit-user-select:none;user-select:none;width:100%}.conainer-wave-slider{flex-direction:column;height:100%}.container-wave{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;margin-left:1px}.container-wave,.wave-surfer{display:flex;-webkit-user-select:none;user-select:none}.wave-surfer{height:50%}.wave-surfer div{display:flex;-webkit-user-select:none;user-select:none}.container-wave-slider{display:flex;flex-direction:column}.container-slider-bar{align-items:center;background-color:#f5f5f5;border:1px solid #afafaf;border-radius:0 0 5px 5px;bottom:0;display:flex;height:20%;margin:1px 0 1px 1px;position:relative}.container-slider-bar,.wave-slider{-webkit-user-select:none;user-select:none}.wave-slider{height:100%;margin:1px -2px 0 -1px;padding:0;transition:left .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out}.container-time-from-start{display:flex;margin:0;width:fit-content;h5{display:flex;margin:0}}.container-time-to-end{display:flex;width:fit-content;h5{margin:0}}#text-remove-content-from-project{font-size:20px;font-weight:700;@media (max-width:400px){font-size:15px}}#container-project-content-info-modal-component{display:flex;z-index:10000}#mix-contents-button{align-items:center;background-color:#fff;bottom:120px;display:flex;height:60px;justify-content:center;left:20px;position:fixed;width:60px;z-index:1000}#mix-contents-button img{height:20px;width:20px}#mix-contents-button:hover{background-color:#555}#project-name-field-project-management-route{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;font-size:16px;outline:none;padding:12px 18px;transition:border-color .3s,box-shadow .3s;width:100%}#project-name-field-project-management-route:focus{border-color:#000;box-shadow:0 4px 8px #0003}#project-name-field-project-management-route::placeholder{color:#888;opacity:1}#project-name-field-project-management-route:hover{border-color:#000}.input-project-duration{background-color:#555;border:none;border-radius:5px;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;text-align:center;width:40px}.container-edit-duration{align-items:center;display:flex;flex-direction:row;font-size:30px;font-weight:700;justify-content:flex-end;margin-left:auto;position:relative}.container-mix-project-contents{margin-left:50px;margin-top:200px;position:fixed;z-index:2}#container-useful-useless{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;z-index:1}#container-useful-contents,#container-useful-useless{align-items:center;display:flex;justify-content:center;position:relative}#container-useful-contents{flex-direction:column;height:70%;margin-bottom:50px;margin-top:50px;width:80vw}#container-top-manage-project{align-items:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%}#container-title-line{align-items:center;display:flex;flex-direction:row;justify-content:center;width:400px;div{width:100%}#container-title{margin:0 10px 0 0;width:fit-content;#project-name{display:flex;flex-grow:1;margin:0;overflow-wrap:break-word;position:relative;text-justify:center;width:fit-content;word-break:break-word}}}input[name=input-edit-title]{background-color:initial;font-size:2em;font-weight:700;margin:0;outline:none;padding:0}#edit-project-title-button{background-color:#000000bd;background-position:50%;background-size:cover;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;height:fit-content;justify-content:center;margin-left:5px;padding:2px;width:fit-content;&:hover{background-color:#000}img{height:20px}}#container-visualisations-privacity{display:flex;justify-content:end;width:100%}#container-number-label-project-visitors{align-items:center;display:flex;margin-right:50px}#container-button-project-privacity{display:flex;flex-direction:row;margin-left:100px}#public-description-project-management{font-size:15px;-webkit-user-select:none;user-select:none}#container-play-project{display:flex;height:100%;margin-bottom:10px;width:100%}#container-top-tracks{display:flex;flex-direction:column;height:100%;position:relative;width:100%}#container-master-track{align-items:center;display:flex;justify-content:left;margin-bottom:20px;margin-top:20px;width:100%}#container-project-player-master-mixed{display:flex;width:100%}#container-sketch-track{align-items:center;display:flex;margin-bottom:20px;margin-top:20px;width:100%}#container-project-player-sketch-mixed{display:flex;height:80px;width:90%}#button-commit-sketch:hover{background-color:#555}#mix-contents-button{border:4px solid #000;border-radius:50%;cursor:pointer;height:70px;width:70px}#container-select-all{display:flex;justify-content:flex-start;margin-bottom:10px;margin-left:100px;margin-top:10px;position:relative;width:100%;@media (max-width:400px){margin-left:30px;width:80%}}#container-project-duration{display:flex;justify-content:flex-end;margin-left:auto;position:relative;h2{font-size:1.5vw;margin-right:10px;@media(max-width:900px){font-size:2vw}@media(max-width:600px){font-size:3vw}}}#container-title-ul{display:flex;flex-direction:row;width:100%}#container-title-useful-contents{display:flex;height:fit-content;left:2px;min-width:35px;position:relative;@media(max-width:1000px){left:12px}}#useful-contents-letters-title{align-items:center;border:2px solid #000;border-radius:20px;height:fit-content;justify-content:center;padding:10px;@media(max-width:1000px){padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px}#letter-useful-contents{align-items:center;display:flex;justify-content:center;@media(max-width:1000px){font-size:10px}}}#container-record-button-manage-project{overflow:hidden;position:fixed;right:5vw;top:68vh;z-index:2;.audio-recorder{overflow:hidden}}#container-ul-useful-contents{background-color:#fafafa;background:linear-gradient(90deg,#e2e2e2 1px,#0000 0);background-size:5px 100%;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;height:350px;margin:0 50px 2px 10px;max-width:90%;min-width:90%;position:relative;white-space:nowrap}#li-manage-project{display:flex;height:70px;overflow:visible;padding-top:0;width:fit-content}#container-project-content-instrument-name{align-content:center;align-items:center;background-color:#000;border-radius:5px;display:flex;justify-content:center;margin-bottom:4px;margin-top:4px;padding-right:10px;position:relative;width:50px;z-index:1;label{align-items:center;border-radius:2px;color:#fff;display:flex;font-size:12px;height:0;justify-content:center;margin:0;padding:5px 5px 2px;position:relative;text-align:center;transform:rotate(-90deg);-webkit-user-select:none;user-select:none;white-space:pre-wrap;width:0}}#container-container-title-project-content-player{left:-10px;margin-bottom:5px;max-width:90%;position:relative;width:fit-content;z-index:2;#container-player-project-content-title{background-color:#000;border-radius:2px;color:#fff;display:flex;left:30px;margin:0;opacity:.6;padding:2px 5px;position:absolute;top:2px;width:fit-content;z-index:1}}#container-title-content-project-content{#project-content-title{display:flex;margin:0;padding:none;-webkit-user-select:none;user-select:none}}#container-title-useless-contents{display:flex;height:fit-content;left:-5px;min-width:35px;position:relative}#container-ul-useless-contents{background-color:#fafafa;background:linear-gradient(90deg,#e2e2e2 1px,#0000 0);background-size:5px 100%;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;height:350px;margin:0 50px 2px 10px;max-width:90%;min-width:90%;position:relative;white-space:nowrap}#unordered-list-manage-project{height:100%;list-style:none;margin:2px 0;overflow-x:auto;padding:0 0 0 2px;scrollbar-color:#888 #0000;scrollbar-width:thin;width:fit-content;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}#button-commit-sketch{border:4px solid #000;border-radius:50%;cursor:pointer;height:70px;width:70px}.mix-contents-button:hover{background-color:#555}.useful-contents-title,.useless-contents-title{border:2px solid #000;border-radius:20px;margin-bottom:10px;margin-top:10px;padding:0 5px}.container-ul-contents ul{margin-top:0}.unordered-list-usability-button{height:fit-content;list-style:none;margin:2px 0;padding:0 0 0 2px;width:100%}.container-player-projects-track-title{background-color:#000;border-radius:2px;color:#fff;display:flex;left:15px;margin:0;opacity:.8;padding:2px 5px;position:absolute;top:40px;width:fit-content;z-index:3}.project-player-projects-track-title{display:flex;margin:0;padding:none;-webkit-user-select:none;user-select:none}#container-loading-modal-screen{align-items:center;background-color:#fff9;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}#container-project-content-info-modal{background-color:#0009;bottom:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:0;position:fixed;right:0;top:0;z-index:100}#container-project-content-info-modal,#container-screen-transparent-project-content-info{align-items:center;display:flex;height:100%;width:100%}#container-screen-transparent-project-content-info{flex-direction:column;justify-content:center;#container-button-close-project-content-info-modal{position:relative;top:-5px;button{background-color:#ca2500;border:none;border-radius:5px;justify-content:center;left:75vw;padding:5px;position:relative;transition:background-color .5s ease;@media (max-width:600px){left:80vw}}button:hover{background-color:#a01d00;cursor:pointer}}}#container-project-content-info{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:0 auto;max-width:60vw;padding:1.5em;@media (min-width:700px){width:40vw}#container-top-project-content-info-modal{#container-title-description-project-content-info{display:flex;flex-direction:column;#container-content-info-project-content-info-modal{#container-title-description-project-content-info-modal{#container-title-download-abled-project-content-info-modal{align-items:center;display:flex;flex-direction:row;justify-content:space-between;h1{font-size:20px;margin:0}#container-download-abled-project-content-info-modal{label{font-size:12px;font-weight:700;margin-right:5px}}}p{margin-bottom:5px;margin-top:5px}}}#container-content-duration-project-content-info-modal{align-items:end;display:flex;flex-direction:row;margin-bottom:5px;margin-top:5px;label{font-size:12px;font-weight:700;margin-bottom:0;margin-right:5px}h6{font-weight:lighter;margin:0}}}}#container-middle-project-content-info-modal{#container-left-top-project-content-info-modal{#container-user-info-project-containet-info{align-items:center;display:flex;margin-bottom:5px;margin-top:5px;img{border-radius:50%;cursor:pointer;height:60px;object-fit:cover;width:60px;@media (max-width:300px){height:40px;width:40px}}#container-user-name-nickname-project-content{margin:10px;a{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700}a:hover{cursor:pointer;text-decoration:underline}h6{color:#646464;margin:0}}}}}#container-bottom-project-content-info-modal{margin-top:5px;#container-instrument-project-content-modal-info{label{font-weight:700}a,label{font-size:12px}a{margin-left:5px}}#container-botto-right-project-content-info-modal{label{font-weight:700}a,label{font-size:12px}a{margin-left:5px}}}}#container-project-content-comments-modal{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-project-content-comments-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-project-content-comments{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:.5em;width:70%;@media (min-width:700px){width:50%}#container-project-title-project-contents-comments{height:fit-content;width:100%;#container-top-project-content-title-button-modal{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;margin:0 0 .5em;width:100%;#container-title-project-content{h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:18px;margin:0 10px 0 5px;width:auto}}button{align-items:center;background-color:#ca2500;border:none;border-radius:5px;color:#fff;display:flex;height:fit-content;justify-content:center;padding:5px;transition:background-color .5s ease;&:hover{background-color:#a01d00;cursor:pointer}}}#container-middle-project-content-comments-and-container-text-area-buttom-modal{display:flex;flex-direction:column;height:30vh;width:100%;#container-ul-project-content-comments-modal{border-radius:5px;box-shadow:0 0 4px #0006;height:fit-content;height:100%;padding:2px;#ul-project-content-comments-modal{height:100%;list-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-color:#888 #0000;scrollbar-width:thin;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}#container-li-project-content-comment{border-radius:5px;margin-bottom:2px;li{display:flex;flex-direction:column;margin:2px;#container-li-top-project-content-comment{display:flex;flex-direction:row;justify-content:space-between;#container-user-comment-project-content-comment-modal{align-items:start;display:flex;width:100%;#container-user-photo-project-content-comment-modal{align-items:center;display:flex;flex-direction:row;margin-left:2px;margin-top:2px;img{border-radius:50%;height:30px;object-fit:cover;width:30px}}#container-body-date-project-content-comment-modal{margin-left:10px;margin-right:5px;width:100%;#container-nickname-body-delete-project-content-comment{display:flex;flex-direction:row;#container-body-project-content-comment{background-color:#c8c8c8;border-radius:5px;box-sizing:border-box;margin-right:10px;padding:5px;width:100%;h2{cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;margin:0;width:fit-content;&:hover{text-decoration:underline}}h6{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:lighter;margin:0}}#container-delete-project-content-comment{align-items:center;display:flex;margin-right:5px;button{align-items:center;background-color:#ca2500;border:none;border-radius:5px;color:#fff;display:flex;height:fit-content;justify-content:center;padding:5px;transition:background-color .5s ease;&:hover{background-color:#a01d00;cursor:pointer}img{height:10px;width:10px}}}}#container-body-project-content-comment-modal{h6{color:#848484;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0}}}}}#container-li-middle-project-content-comment{margin:2px}#container-li-bottom-project-content-comment{margin:0}}}#container-loading-spinner{margin-bottom:5px;margin-top:5px}}}}#container-bottom-project-contentc-comments-modal{height:30%;#container-form-create-project-content-comment-modal{margin-top:.5em;#container-text-area-create-project-content-comment-modal{textarea{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 3px #0003;box-sizing:border-box;font-family:inherit;font-size:12px;height:15vh;margin-top:.5em;outline:none;padding:2px;width:100%}textarea:focus{border-color:#000}}#container-button-create-project-content-comment-modal{display:flex;justify-content:end;margin-top:.5em;width:100%;button{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin-top:.5em;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}button:hover{background-color:#000;box-shadow:none}}}}}}}}#container-modal-create-audio-recorded{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-audio-content-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-form-labels-create-content-recorded-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:1em;width:70%;@media (min-width:700px){width:50%}#container-top-form-labels-create-content-recorded-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%;h1{font-size:25px;margin:0 0 0 5px}button{align-items:center;background-color:#ca2500;border:none;border-radius:5px;color:#fff;display:flex;height:fit-content;justify-content:center;padding:5px;transition:background-color .5s ease;&:hover{background-color:#a01d00;cursor:pointer}}}}#container-bottom-form-labels-create-content-recorded-modal{#submit-button-container{justify-content:end;width:100%}#container-form-add-content-recorded{margin:10px 0 0 5px;div{margin-top:5px;label{margin-bottom:5px}}#container-title{width:200px}#container-description{box-sizing:border-box;width:100%;textarea{box-sizing:border-box;width:100%}}#container-content-type{width:400px}#container-instrument-selection{select{background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;height:30px;margin-bottom:5px;margin-right:5px;text-align:center;width:200px}}}}}}#container-search-page{background-color:#f5f5f5;display:flex;height:auto;margin-top:40px;min-height:calc(100vh - 40px);width:100%}#container-search-page-left{height:100%;width:20%}#container-search-page-right{height:100%;width:10%}#container-search-page-left{#container-side-bar{position:relative;top:50px}}#container-search-page-middle{align-items:center;display:flex;flex-direction:column;flex-grow:1;width:60%;#container-results-search{background-color:#f5f5f5;padding:20px;width:100%}}#container-users-search{#container-nothing-to-show-users-search{display:flex;justify-content:center;position:relative;top:50px;h2{color:#818181;width:fit-content;@media (max-width:800px){font-size:18px}@media (max-width:600px){font-size:12px}}}ul{list-style:none;padding:0;#container-li-search-user{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;box-sizing:border-box;margin-bottom:2px;transition:background-color .1s;width:100%;li{padding:5px;#container-top-li-search-user{align-items:center;display:flex;margin-bottom:10px;#container-user-info-li-search{display:flex;img{border-radius:100%;height:30px}a{align-content:center;cursor:pointer;font-weight:700;margin:0 0 0 10px;-webkit-user-select:none;user-select:none;&:hover{text-decoration:underline}}}}#container-middle-li-search-user{box-sizing:border-box;display:flex;flex-direction:column;#container-about-user-search{background-color:#fff;border:2px solid brown;border-radius:5px;box-sizing:border-box;color:#000;display:flex;font-weight:700;margin:0;overflow-y:scroll;padding:5px;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}pre{word-wrap:break-word;cursor:default;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;margin:0;max-height:4em;min-height:50px;white-space:pre-wrap;width:100%;@media (max-width:500px){font-size:12px}}}#container-location-user-search{display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;font-weight:700;justify-content:end;margin-top:5px;@media(max-width:800px){font-size:10px}}}#container-bottom-li-search-user{#container-instruments-user-search{h4{margin:5px 0;@media(max-width:600px){font-size:12px}}ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0;@media(max-width:600px){font-size:8px}}}}}#container-genres-user-search{h4{margin:5px 0;@media(max-width:600px){font-size:12px}}ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0;@media(max-width:600px){font-size:8px}}}}}}}}}}#container-groups-search{#container-nothing-to-show-groups-search{display:flex;justify-content:center;position:relative;top:50px;h2{color:#818181;width:fit-content;@media (max-width:800px){font-size:18px}@media (max-width:600px){font-size:12px}}}ul{padding:0;#container-li-search-group{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;box-sizing:border-box;margin-bottom:2px;transition:background-color .1s;width:100%;#li-group-search{box-sizing:border-box;display:flex;flex-direction:column;padding:5px;width:100%;#container-li-top-group-search{align-items:center;display:flex;height:50px;justify-content:space-between;margin-left:10px;margin-right:10px;width:calc(100% - 20px);#container-top-left{display:flex;flex-direction:column;#container-group-title{h4{margin:0}}}#container-group-title{text-overflow:ellipsis;width:300px;@media (max-width:700px){font-size:12px;width:200px}@media (max-width:600px){font-size:12px;width:150px}@media (max-width:500px){font-size:12px;width:100px}a{font-weight:700;height:fit-content;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;&:hover{text-decoration:underline}@media (max-width:500px){font-size:12px}}}#container-group-info{font-size:12px;font-weight:700;margin:5px 0 10px 10px;@media (max-width:500px){font-size:8px}#members-span{margin-right:10px}}#container-owner-group-search{align-items:center;display:flex;font-weight:700;height:30px;margin-right:5px;@media (max-width:500px){font-size:10px}#img-avatar{border-radius:100%;height:24px;margin-right:5px;object-fit:contain;width:24px}span{cursor:pointer}span:hover{text-decoration:underline}}#button-more-info-group{align-items:center;background-color:#464646;border:none;border-radius:5px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s,box-shadow .3s;width:40px;@media (max-width:500px){height:20px;width:25px}img{height:20px;width:20px;@media (max-width:500px){height:10px;width:10px}}}#button-more-info-group:hover{background-color:#000;box-shadow:none}}#container-li-middle{background-color:#fff;border:1px solid #afafaf;border-radius:5px;display:flex;margin:0 10px 10px;padding:5px;width:calc(100% - 35px);pre{cursor:default;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;margin:0;max-height:4em;min-height:50px;overflow-y:scroll;scrollbar-color:#888 #f5f5f5;scrollbar-width:thin;white-space:pre-wrap;width:100%;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}&::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:6px}@media (max-width:500px){font-size:12px}}}#container-li-bottom{#container-genres-group-search{h4{font-size:12px;margin:5px 0;@media (max-width:500px){font-size:10px}}ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0}}}@media (max-width:500px){font-size:12px}}}}}#container-li-search-project{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;box-sizing:border-box;flex-direction:column;height:fit-content;list-style:none;margin-bottom:2px;min-height:120px;width:100%;#li-project-search{display:flex;flex-direction:column;height:100%;list-style:none;width:100%;#container-title-description-project-search{display:flex;flex-direction:column;width:100%;#container-top-li-project-search{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:space-between;width:100%;h3{margin:0}#container-project-title{margin-left:5px;@media (max-width:500px){font-size:10px}}#container-privacity-project{i{align-items:center;display:flex;font-size:2vw;-webkit-user-select:none;user-select:none;@media (min-width:500px){font-size:15px}}}#container-usability{display:flex;flex-direction:column;height:max-content;justify-content:flex-start;-webkit-user-select:none;user-select:none;#container-usability-label{display:flex;flex-direction:row;height:fit-content;label{font-size:10px;margin-right:5px}h4{height:fit-content;margin:0;width:fit-content}}}#project-actions{height:fit-content;position:relative;right:10px;top:10px;z-index:3;@media (max-width:500px){right:5px;top:0}}}}}}}}#container-modal-group-details{align-items:center;background-color:#0009;bottom:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#container-group-details-modal{align-items:center;display:flex;height:100%}#container-group-details{background-color:#fff;border-radius:20px;box-shadow:0 0 20px #000c;height:fit-content;margin:0 auto;max-width:60vw;padding:1em;width:fit-content;@media (min-width:700px){width:40vw}@media (max-width:500px){border-radius:10px;padding-bottom:.5em;padding-left:.5em;padding-right:.5em;padding-top:.5em}#container-button-close-group-details-modal{display:flex;justify-content:end;margin-bottom:5px}}#close-group-details-modal{align-items:center;background-color:#ca2500;border:0;border-radius:5px;color:#fff;display:flex;height:35px;justify-content:center;transition:background-color .5s ease;width:35px;@media(max-width:1000px){height:30px;width:30px}@media(max-width:800px){height:25px;width:25px}}#close-group-details-modal:hover{background-color:#a01d00;cursor:pointer}#container-top-group-details-modal{display:flex;flex-direction:row;#container-privacity{display:flex;justify-content:end;width:100%}}#container-title-group-details{width:70%}#container-title-group-details h2{word-wrap:break-word;flex:1 1;font-size:14px;margin-bottom:0;margin-top:0;padding-top:0;width:100%;@media(max-width:500px){font-size:10px}}#container-top-group-details-modal i{border:1px solid #888;border-radius:10px;height:fit-content;margin-top:0;padding-left:10px;padding-right:10px;padding-top:0;text-align:justify;@media(max-width:600px){font-size:10px;margin-left:5px}@media(max-width:400px){font-size:8px;margin-left:5px}}#container-group-descriptions{background-color:#fafafa;border:1px solid #ddd;height:10vw;margin-top:10px;overflow-x:hidden;padding:10px 5px;scrollbar-color:#888 #f5f5f5;scrollbar-width:thin;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}&::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:6px}}#container-group-descriptions pre{cursor:default;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:10px;margin:0;max-height:100%;min-height:50px;overflow-wrap:break-word;white-space:pre-wrap;width:100%;word-break:break-word;@media (max-width:500px){font-size:8px}}#container-dates-nmembers-delete-enter{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;margin-top:10px}#row-nmember-group-details-modal{align-items:center;display:flex;flex-direction:row}#row-nmember-group-details-modal h5{margin:0}#container-date-column-group-details{display:flex;flex-direction:column}#container-date-row-group-details-modal{align-items:center;display:flex;flex-direction:row;height:fit-content}#container-date-row-group-details-modal label{font-size:2vw;white-space:nowrap;@media (min-width:400px){font-size:8px}}#container-date-row-group-details-modal h5{font-size:2vw;margin:0 0 0 5px;white-space:nowrap;@media (min-width:400px){font-size:8px}}#container-nmembers-group-details-modal{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:center;width:fit-content}#container-row-nmembers-group-details-modal{display:flex;flex-direction:row;justify-content:start}#container-row-nmembers-group-details-modal h5{font-size:2vw;margin:0;white-space:nowrap;@media (min-width:400px){font-size:8px}}#container-row-nmembers-group-details-modal label{font-size:2vw;margin:0 5px 0 0;white-space:nowrap;width:fit-content;@media (min-width:400px){font-size:8px}}#container-right-dates-nmembers-delete-enter{display:flex;flex-direction:row;width:fit-content;@media (max-width:500px){flex-direction:column}}#button-delete-group{align-items:center;background-color:#dc0000;border:none;border-radius:5px;color:#ddd;cursor:pointer;display:flex;flex-direction:row;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:700;height:40px;justify-content:center;margin-right:5px;opacity:.8;padding-top:5px 5px 5px 5px;width:80px;@media (max-width:900px){bottom:10px;font-size:8px;height:25px;white-space:nowrap;width:50px}@media (max-width:500px){margin-bottom:5px}}#button-delete-group:hover{background-color:#af0404;border:none;border-radius:5px;color:#ddd;opacity:1;transition:background-color .5s ease}#button-delete-group img{height:20px}#button-enter-group{align-items:center;bottom:20px;cursor:pointer;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:700;height:40px;justify-content:center;opacity:.8;padding:5px 10px;width:80px;@media (max-width:900px){bottom:10px;font-size:8px;height:25px;white-space:nowrap;width:50px}}#button-enter-group,#button-enter-group:hover{background-color:#000;border:none;border-radius:5px;color:#ddd}#button-enter-group:hover{opacity:1;transition:background-color .5s ease}#ul-musical-genres-group-details-modal{border-radius:10px;display:flex;flex-wrap:wrap;list-style:none;margin:0;max-height:100%;min-height:20%;overflow-y:auto;padding:2px;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%}#ul-musical-genres-group-details-modal::-webkit-scrollbar{height:6px}#ul-musical-genres-group-details-modal::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}#ul-musical-genres-group-details-modal::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}#li-musical-genres-group-details{border:1px solid;border-radius:5px;color:#00be00;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h5{margin:0;width:fit-content;@media(max-width:1000px){font-size:8px}}}#container-modal-delete-group-dialog{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;padding:10px;position:absolute;width:fit-content;z-index:4;@media (max-width:700px){right:0}}#container-input-button-delete-group-dialog{display:flex;flex-direction:row;margin-top:10px}#container-form-delete-group-dialog{align-items:center;display:flex;flex-direction:column}#container-form-delete-group-dialog label{height:fit-content;width:200px}#container-form-delete-group-dialog input{margin-right:5px;width:150px}#container-projects-search{#container-nothing-to-show-projects-search{display:flex;justify-content:center;position:relative;top:50px;h2{color:#818181;width:fit-content;@media (max-width:800px){font-size:18px}@media (max-width:600px){font-size:12px}}}ul{padding:0;#container-li-search-project{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;box-sizing:border-box;flex-direction:column;height:fit-content;list-style:none;margin-bottom:2px;min-height:120px;width:100%;#li-project-search{display:flex;flex-direction:column;height:100%;list-style:none;width:100%;#container-title-description-project-search{display:flex;flex-direction:column;width:100%;#container-top-li-project-search{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:space-between;width:100%;h3{margin:0}#container-project-title{align-content:center;margin-left:5px;margin-top:5px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px;@media (max-width:500px){font-size:10px}}#container-privacity-project{margin-right:10px;i{align-items:center;display:flex;font-size:2vw;-webkit-user-select:none;user-select:none;@media (min-width:500px){font-size:15px}}}#project-actions{height:fit-content;position:relative;right:10px;top:5px;z-index:3;@media (max-width:500px){right:5px;top:0}}}#container-usability{display:flex;flex-direction:column;height:max-content;margin-left:5px;-webkit-user-select:none;user-select:none;#container-usability-label{display:flex;flex-direction:row;height:fit-content;width:fit-content;label{font-size:10px;@media (max-width:500px){font-size:8px}}}}}}}}}#container-menu-search-page{background-color:#fff;border-radius:0 5px 5px 0;box-shadow:2px 4px 6px #0000001a;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;height:fit-content;justify-content:center;min-width:50px;position:fixed;-webkit-user-select:none;user-select:none;width:15vw;ul{list-style:none;margin:0;padding:5px;width:100%;li{margin:2px 0}#deselected-option-search-menu{border-radius:4px;box-sizing:border-box;color:#555;cursor:pointer;padding:2px;text-align:center;width:100%;&:hover{background-color:#e0e0e0}h1{font-size:14px;margin:2px 0;@media (max-width:500px){font-size:14px}@media (max-width:450px){font-size:10px}@media (max-width:400px){font-size:10px}@media (max-width:300px){font-size:8px}}}#selected-option-search-menu{background-color:#e0e0e0;border-radius:4px;box-sizing:border-box;color:#555;cursor:pointer;padding:2px;text-align:center;width:100%;h1{font-size:14px;margin:2px 0;@media (max-width:500px){font-size:14px}@media (max-width:450px){font-size:10px}@media (max-width:400px){font-size:10px}@media (max-width:300px){font-size:8px}}}}}#container-profile{background-color:#f5f5f5;bottom:0;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;justify-content:center;top:0;width:100%;#container-center{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;position:relative;width:900px;#container-top{background-color:initial;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:end;margin:0;width:100%;#container-top-cover{align-items:center;bottom:-50px;display:flex;flex-direction:row;justify-content:space-between;margin-right:1em;position:relative;z-index:3;#container-user-more-info-cover{align-items:center;background-color:#000;border-radius:10px;bottom:55px;box-sizing:border-box;display:flex;flex-direction:column;height:fit-content;opacity:80%;padding:10px;position:absolute;right:0;width:fit-content;#container-complete-name{margin-bottom:5px;h2{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1vw;font-weight:700;margin:0;@media (max-width:800px){font-size:12px}}}#container-about{width:600px;@media (max-width:780px){width:400px}@media (max-width:580px){width:350px}@media (max-width:530px){width:300px}@media (max-width:450px){width:250px}@media (max-width:400px){width:200px}@media (max-width:370px){width:150px}h2{word-wrap:break-word;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8vw;margin:0;overflow-wrap:break-word;white-space:normal;width:100%;@media (max-width:800px){font-size:8px}}}#container-contact{align-items:center;display:flex;margin-top:5px;@media(max-width:450px){flex-direction:column}div{display:flex;flex-direction:row;margin:5px;h2{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8vw;margin:0 5px;@media (max-width:800px){font-size:8px}}img{height:10px;margin-left:5px;width:10px}}}#container-location{display:flex;margin-top:5px;h2{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8vw;margin:0;@media (max-width:800px){font-size:8px}@media (max-width:350px){font-size:6px}}}#container-website{display:flex;margin-top:5px;a{color:#00f;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:.8vw;text-decoration:underline;@media (max-width:800px){font-size:8px}@media (max-width:350px){font-size:6px}}}}#container-user-avater-nickname{align-items:center;display:flex;#container-profile-image-top{background-color:#fff;border:4px solid #fff;border-radius:50%;display:flex;height:fit-content;margin-left:30px;margin-right:10px;outline:4px solid brown;width:fit-content;@media (max-width:500px){margin-left:20px}img{border-radius:50%;height:100px;object-fit:cover;width:100px;@media(max-width:500px){height:70px;width:70px}}}#container-profile-title{bottom:-80px;color:brown;display:flex;flex-direction:column;height:fit-content;margin-top:80px;width:fit-content;h2{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;@media (max-width:600px){font-size:20px}@media (max-width:550px){font-size:16px}}#container-name-last-name-profile{display:flex;flex-direction:row;h3{color:#8c8c8c;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;@media (max-width:600px){font-size:18px}@media (max-width:550px){font-size:14px}}}}}}}#container-references-top{border-radius:20px;display:block;position:relative;z-index:2;#container-user-instruments-top-profile{align-content:center;background-color:#fff;display:flex;flex-direction:column;height:fit-content;list-style:none;margin-bottom:0;padding-left:10px;padding-top:50px;h3{margin:5px 0 5px 2px;@media (max-width:500px){font-size:14px}}ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0}@media (max-width:500px){font-size:12px}}#remaining-user-instruments-profile{background-color:initial;border:none;border-radius:5px;color:#00be00;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;margin:2px;padding:2px;white-space:nowrap;width:fit-content;h6{cursor:pointer;font-size:16px;margin:0;&:hover{text-decoration:underline}@media (max-width:500px){font-size:12px}}}#li-add-user-instruments-profile{background-color:initial;border:none;color:#00be00;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;margin:2px;padding:2px;white-space:nowrap;width:fit-content;h6{cursor:pointer;font-size:16px;margin:0;&:hover{text-decoration:underline}@media (max-width:500px){font-size:12px}}}}}}#container-music-genres-top-profile{align-content:center;background-color:#fff;border-radius:0 0 10px 10px;display:flex;flex-direction:column;height:fit-content;list-style:none;margin:0;padding:0 10px 10px;h3{margin:5px 0 5px 2px;@media (max-width:500px){font-size:14px}}ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0}@media (max-width:500px){font-size:12px}}#remaining-music-genres-profile{background-color:initial;border:none;border-radius:5px;color:#00be00;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;margin:2px;padding:2px;white-space:nowrap;width:fit-content;h6{cursor:pointer;font-size:16px;margin:0;&:hover{text-decoration:underline}@media (max-width:500px){font-size:12px}}}#li-add-music-genres-profile{background-color:initial;border:none;color:#00be00;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100%;margin:2px;padding:2px;white-space:nowrap;width:fit-content;h6{cursor:pointer;font-size:16px;margin:0;&:hover{text-decoration:underline}@media (max-width:500px){font-size:12px}}}}}}#container-roll{background-color:#fff;border-radius:10px 10px 0 0;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;margin-top:5px;#container-profile-contents{border-radius:10px 10px 0 0;width:100%;#button-contents-profile{border:none;border-radius:10px 0 0 0;font-size:30px;height:50px;width:50%;@media (max-width:500px){font-size:20px}}#button-projects-profile{border:none;border-radius:10px 10px 0 0;font-size:30px;height:50px;width:100%;@media (max-width:500px){font-size:20px}}}}#container-music-influences-top-profile{align-content:center;background-color:#fff;border-radius:0 0 10px 10px;display:flex;flex-direction:column;height:fit-content;list-style:none;margin-bottom:0;padding-bottom:10px;padding-left:10px;padding-top:0;h3{margin:5px}h6{margin:0}ul{align-content:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;li{border:1px solid;border-radius:5px;color:#00be00;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}#remaining-music-influences-profile{border:1px solid #00be00;border-radius:5px;height:100%;h6{margin:0}&:hover{background-color:#fff;border:1px solid #00be00;color:#00be00}}#li-add-more-influences-genres,#remaining-music-influences-profile{background-color:#00be00;color:#fff;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:2px;padding:2px;white-space:nowrap;width:fit-content}#li-add-more-influences-genres{border:1px solid;border-radius:5px;display:flex;height:fit-content;&:hover{background-color:#fff;border:1px solid #00be00;color:#00be00};}}}#container-ul-user-contents-projects{padding:5px;ul{display:flex;flex-direction:column;list-style:none;margin:0;min-height:500px;padding:0 5px;p{color:#c7c7c7;display:block;font-size:40px;font-weight:700;margin-top:200px;text-align:center;width:100%}li{#container-title-content-profile{background-color:#000;border-radius:2px;color:#fff;display:flex;left:10;list-style:none;margin-left:10px;margin-top:5px;opacity:.6;padding:2px 5px;position:absolute;top:30;width:fit-content;z-index:3;.title-content-profile-h5{display:flex;margin:0;padding:none}}}}}#container-project-profile{background-color:#f5f5f5;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0000001a;height:145px;margin-bottom:5px;padding-bottom:5px;@media(max-width:800px){height:135px}@media(max-width:600px){height:130px}#container-top-profile-project-line{align-items:center;display:flex;flex-direction:row;margin-bottom:5px;margin-top:5px;width:100%;#container-details-project-profile{h3{margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;width:300px;@media(max-width:800px){font-size:14px}@media(max-width:600px){font-size:12px;width:250px}@media(max-width:500px){font-size:10px;width:200px}@media(max-width:450px){width:150px}@media(max-width:400px){width:120px}@media(max-width:350px){width:90px}}#container-visitors{align-items:center;display:flex;flex-direction:row;height:100%;margin-left:10px;img{height:20px}h4{margin:0;@media(max-width:800px){font-size:14px}@media(max-width:600px){font-size:12px}@media(max-width:500px){font-size:10px}}}}#container-details-button-project-profile{@media(max-width:650px){display:flex;flex-direction:column}#container-another-project-profile-details{display:flex;flex-direction:column;font-size:10px;height:fit-content;margin-left:5px;position:relative;top:1;#container-usability-project-profile{display:flex;flex-direction:row;label{font-weight:700;@media(max-width:800px){font-size:8px}@media(max-width:600px){font-size:6px}}h4{@media(max-width:800px){font-size:8px}@media(max-width:600px){font-size:6px}}}#container-dates-project-profile{label{font-weight:700;@media(max-width:800px){font-size:8px}@media(max-width:600px){font-size:6px}}h4,label{text-wrap:nowrap}h4{@media(max-width:800px){font-size:8px}@media(max-width:600px){font-size:6px}}}h4{color:#4e4e4e;display:flex;margin:0;padding:0 2px}#container-dates-project-profile{display:flex;flex-direction:row}}#container-access-project-buttons{#button-more-details-project-profile{align-items:center;background-color:#464646;border:none;border-radius:5px;display:flex;height:25px;z-index:1;&:hover{background-color:#000;cursor:pointer}img{height:20px}}}}}#container-player-project-profile{display:flex}}}#container-profile-buttons{bottom:-50px;display:flex;position:relative;@media(max-width:500px){bottom:-40px;flex-direction:column;margin-top:20px}}#button-send-message{justify-content:center;margin-left:10px;padding:0 5px;position:relative;&:hover{background-color:#000;cursor:pointer}div{height:30px}@media(max-width:500px){margin-left:0}@media (max-width:950px){height:45px;width:125px;img{height:30px}}@media (max-width:700px){height:35px;width:115px;img{height:20px}}h4{@media (max-width:950px){font-size:10px}@media (max-width:700px){margin-right:10px}}}#button-fellowship-profile,#button-send-message{align-items:center;align-items:center;background-color:#2b2a2a;border:none;border-radius:5px;color:#fff;display:flex;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;height:50px;width:135px}#button-fellowship-profile{box-sizing:border-box;padding:5px;div{height:30px;width:45px}&:hover{background-color:#000;cursor:pointer;opacity:1}img{height:30px}@media(max-width:500px){margin-bottom:5px}@media (max-width:950px){height:45px;width:125px}@media (max-width:700px){font-size:10px;height:35px;width:115px;img{height:20px}}h4{@media (max-width:950px){font-size:10px}@media (max-width:700px){margin-right:10px}}}#container-user-musical-genres-background-modal{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-user-musical-genres-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-user-musical-genres-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:1em;width:70%;@media (min-width:700px){width:50%}#container-top-user-musical-genres-modal{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%;button,h2{margin:0}button{align-items:center;align-self:baseline;background-color:#ca2500;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:static;transition:background-color .5s ease;width:35px}}#container-list-user-musical-genres-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 4px #0006;height:300px;overflow-y:auto;position:relative;scrollbar-color:#888 #0000;scrollbar-width:auto;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;-webkit-transition:background-color .2s,width .2s;transition:background-color .2s,width .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;width:12px}ul{display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;list-style:none;margin:0;padding:0;li{background-color:#00be00;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#fff;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}}}}}}#container-add-remove-user-instruments-background-modal{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-add-remove-user-instruments-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-add-remove-user-instruments-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:1em;width:70%;@media (min-width:700px){width:50%}#container-top-add-remove-user-instruments-modal{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%;button,h2{margin:0}button{align-items:center;align-self:baseline;background-color:#ca2500;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:static;transition:background-color .5s ease;width:35px}}#container-list-add-remove-user-instruments-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 4px #0006;height:300px;overflow-y:auto;position:relative;scrollbar-color:#888 #0000;scrollbar-width:auto;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;-webkit-transition:background-color .2s,width .2s;transition:background-color .2s,width .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;width:12px}ul{display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;list-style:none;margin:0;padding:0;#li-instruments-available{background-color:#fff;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#00be00;cursor:pointer;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;&:hover{border:1px solid #00be00}h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}#li-user-instruments-already-selected{background-color:#00be00;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#fff;cursor:pointer;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;&:hover{border:1px solid #00be00}h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}}}}}}#container-user-instruments-background-modal{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-instruments-genres-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-user-instruments-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:1em;width:70%;@media (min-width:700px){width:50%}#container-top-user-instruments-modal{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%;button,h2{margin:0}button{align-items:center;align-self:baseline;background-color:#ca2500;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:static;transition:background-color .5s ease;width:35px}}#container-list-user-instruments-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 4px #0006;height:300px;overflow-y:auto;position:relative;scrollbar-color:#888 #0000;scrollbar-width:auto;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;-webkit-transition:background-color .2s,width .2s;transition:background-color .2s,width .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;width:12px}ul{display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;list-style:none;margin:0;padding:0;li{background-color:#00be00;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#fff;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}}}}}}#container-add-remove-user-musical-genres-background-modal{align-items:center;background-color:#0009;bottom:0;display:flex;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000;#container-screen-transparent-add-remove-user-musical-genres-modal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;#container-add-remove-user-musical-genres-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000c;height:fit-content;margin:1em;padding:1em;width:70%;@media (min-width:700px){width:50%}#container-top-add-remove-user-musical-genres-modal{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%;button,h2{margin:0}button{align-items:center;align-self:baseline;background-color:#ca2500;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:static;transition:background-color .5s ease;width:35px}}#container-list-add-remove-user-musical-genres-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 4px #0006;height:300px;overflow-y:auto;position:relative;scrollbar-color:#888 #0000;scrollbar-width:auto;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;-webkit-transition:background-color .2s,width .2s;transition:background-color .2s,width .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;width:12px}ul{display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;list-style:none;margin:0;padding:0;#li-music-genres-available{background-color:#fff;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#00be00;cursor:pointer;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;&:hover{border:1px solid #00be00}h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}#li-user-music-genres-already-selected{background-color:#00be00;border:1px solid #00be00;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;color:#fff;cursor:pointer;height:fit-content;margin:5px 0 0 2px;padding:5px 10px;width:fit-content;&:hover{border:1px solid #00be00}h3{margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}}}}}}}#container-form-general-config{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#555;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;max-width:600px;min-width:200px;padding:20px;position:absolute;-webkit-user-select:none;user-select:none;width:60%}#label-title{text-wrap:nowrap;font-size:20px;font-weight:700;margin-bottom:10px;-webkit-user-select:none;user-select:none;@media(max-width:600px){font-size:14px}}#container-button-submit-general-configurations{display:flex;justify-content:end;padding:10px 0 0}#container-profile-photo{align-items:center;display:flex;flex-direction:column}#container-photo{height:fit-content;margin-bottom:10px;margin-top:10px;width:fit-content}#container-photo img{border-radius:100%;height:80px;object-fit:cover;width:80px;@media (max-width:600px){height:60px;width:60px}}#button-upload-new-profile-photo{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:10px;font-weight:700;height:fit-content;justify-content:center;margin-bottom:20px;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}#button-upload-new-profile-photo:hover{background-color:#000;box-shadow:none}#container-inputs-form-general-config{flex-direction:column}#container-label-input{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%}#input-form-general-config{height:25px!important;padding:0 5px;@media (min-width:500px){height:20px}@media (min-width:600px){height:20px}@media (min-width:1000px){height:20px}}#input-about-form-general-config,#input-form-general-config{border:1px solid #464646;border-radius:5px;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;margin-bottom:10px;width:100%}#input-about-form-general-config{height:20vw;padding:5px}#container-inputs-form-general-config label{font-weight:700;margin-bottom:5px}#button-submit-form-general-config{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:18px;font-weight:700;height:fit-content;justify-content:center;padding:10px;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:fit-content;@media (min-width:400px){font-size:18px;width:80px}@media (min-width:1000px){font-size:18px;width:100px}}#button-submit-form-general-config:hover{background-color:#000;box-shadow:none}.container-user-config-side-bar{border-radius:0 10px 10px 0;box-shadow:0 4px 6px #0000001a;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;height:fit-content;justify-content:center;min-width:50px;position:absolute;top:90px;-webkit-user-select:none;user-select:none;width:18vw}.container-user-config-side-bar ul{background-color:#fff;border-radius:0 5px 5px 0;flex-direction:column;list-style:none;margin:0;padding:1%;width:100%}.container-user-config-side-bar ul li{background-color:#fff;border-radius:2px;color:#555;height:fit-content;margin:2px;padding:2px;text-align:center}.container-user-config-side-bar ul li:hover{background-color:#e0e0e0;cursor:pointer}.container-user-config-side-bar ul li.selected{background-color:#e0e0e0}.container-user-config-side-bar ul li label{font-size:4vw;@media (min-width:200px){font-size:2vw}@media (min-width:500px){font-size:2vw}@media (min-width:700px){font-size:1vw}@media (min-width:1000px){font-size:1vw}}@media screen and (max-width:600px){label{font-size:.8em}}#container-edit-user-configurations-informations{background-color:#f5f5f5;display:flex;height:1200px;position:absolute;top:30px;width:100%;z-index:1}#container-left-edit-configurations{background-color:#f5f5f5;display:flex;height:100%;width:20%}#container-center-edit-configurations{align-items:top;background-color:#f5f5f5;display:flex;justify-content:center;padding-top:85px}#container-form-general-config{display:flex;width:50%}#container-form-privacity-config{color:#555;margin-right:20px;min-width:50vw;#title-privacity-config{font-size:20px;font-weight:700;margin-bottom:20px;-webkit-user-select:none;user-select:none;@media (max-width:500px){font-size:14px}}#container-inputs-form-privacity-config{margin:0;#label-title-contents-privacity{font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;@media (max-width:500px){font-size:10px}}#label-title-projects-privacity{font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;@media (max-width:500px){font-size:10px}}#container-contents-privacity-config{flex-direction:row;#container-label-radio-buttom{align-items:center;flex-direction:row;-webkit-user-select:none;user-select:none;input{align-items:center;height:4vw;margin-bottom:0;margin-left:0;margin-top:0}label{align-items:center;font-size:10px;margin:0 5px 0 0;@media(max-width:500px){font-size:8px}}}}}@media (min-width:1000px){font-size:2vw;width:100px}#container-button-submit-privacity-configurations{justify-content:end;margin-top:10px;width:100%;button{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;font-weight:700;height:25px;justify-content:center;padding:10px;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:90px;&:hover{background-color:#000;box-shadow:none}@media (max-width:500px){font-size:10px;height:20px;width:80px}}}}#container-form-access-config,#container-form-privacity-config{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;display:flex;display:flex;display:flex;display:flex;display:flex;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;height:fit-content;padding:20px;position:absolute;width:fit-content;width:fit-content}#container-form-access-config{align-items:center;color:#464646;-webkit-user-select:none;user-select:none}#title-accessibility{font-size:20px;font-weight:700;margin-bottom:20px;width:100%;@media (max-width:500px){font-size:14px}}#container-bottom-access-config{height:fit-content}#container-bottom-access-config,#container-change-password-link{display:flex;flex-direction:column;justify-content:left;width:100%}#container-change-password-link{align-items:end;margin-bottom:10px}#label-password-change{color:blue;cursor:pointer;font-size:4vw;font-weight:700;margin-top:10px;text-align:right;text-decoration:underline;@media (min-width:300px){font-size:10px;width:100px}}#label-password-change:hover{color:#00008b}.container-input-form-access-config{display:flex;flex-direction:column;width:100%}.container-input-form-access-config label{font-weight:700;margin-bottom:10px;margin-top:10px}.container-inputs-form-access-config input{border:1px solid #464646;border-radius:5px;display:flex;flex-direction:column;height:25px;width:100%}.container-access-idiom-change{align-items:center;display:flex;flex-direction:row;height:fit-content;width:500px;@media(max-width:800px){width:400px}@media(max-width:600px){width:300px}@media(max-width:500px){width:200px}}#change-idiom-input{background-color:#e9e9e9;border:1px solid #acacac;border-radius:5px;display:flex;height:5vw;margin-left:10px;width:20vw;@media (min-width:200px){height:15px;width:30vw}@media (min-width:500px){height:20px;width:200px}}.change-idiom-input:disabled{background-color:#f0f0f0;border:1px solid #d9d9d9;color:#999;cursor:not-allowed}#container-button-confirm-access-configurations{display:flex;justify-content:end;width:100%}#container-button-confirm-access-configurations button{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:700;height:fit-content;justify-content:center;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}.container-button-confirm-access-configurations button:hover{background-color:#000;box-shadow:none}#container-info-form-config{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#464646;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;min-width:500px;padding:1em;position:absolute;-webkit-user-select:none;user-select:none;width:fit-content;@media (max-width:700px){min-width:400px}@media (max-width:600px){min-width:300px}@media (max-width:500px){min-width:200px}h1{font-size:20px;font-weight:700;margin:0;@media (max-width:500px){font-size:14px}}#container-information,h1{width:100%}#container-information{margin-top:10px;#container-info{display:flex;flex-direction:row;dt{text-wrap:nowrap;font-weight:700;@media (max-width:500px){font-size:10px}}#container-mb{display:flex;flex-direction:row;justify-content:right;margin-left:5px;dd{font-weight:700;margin-left:5px;@media (max-width:500px){font-size:10px}}}}#container-total{display:flex;flex-direction:row;margin-top:10px;dt{text-wrap:nowrap;font-size:40px;font-weight:700;@media (max-width:500px){font-size:30px}}#container-mb{display:flex;flex-direction:row;justify-content:right;margin-left:5px;dd{font-size:40px;font-weight:700;margin-left:5px;@media (max-width:500px){font-size:30px}}}}}}#container-page-member-groups{display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:140vh;width:100vw;@media (max-width:300px){width:300px}#container-member-groups-left{flex:0 0 10%}#container-member-groups-center,#container-member-groups-left{background-color:#f5f5f5}#container-member-groups-center{align-items:center;display:flex;flex:0 0 80%;flex-direction:column;height:140vh;#container-form-and-member-groups{align-items:center;bottom:0;flex-direction:column;height:100vh;justify-content:center;left:0;margin:50px 0 20px;right:0;top:0;#container-member-groups{display:flex;justify-content:center;margin-top:20px;#container-ul-member-groups{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:596px;margin:0;overflow-y:auto;padding:2px;position:relative;scrollbar-color:#888 #0000;scrollbar-width:thin;white-space:nowrap;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}#ul-member-groups{display:flex;flex-direction:column;margin:0 5px 0 0;padding:0;#container-li-member-groups{align-items:center;border:1px solid #afafaf;border-radius:5px;box-shadow:0 2px 4px #0003;display:flex;height:fit-content;margin:2px;transition:background-color .1s;width:100%;#li-member-groups{cursor:pointer;display:flex;flex-direction:column;width:100%;#container-li-top{align-items:center;display:flex;height:50px;justify-content:space-between;margin-left:10px;margin-right:10px;width:calc(100% - 20px);#container-top-left{display:flex;flex-direction:column;#container-group-title{text-overflow:ellipsis;width:300px;@media (max-width:700px){font-size:12px;width:200px}@media (max-width:600px){font-size:12px;width:150px}@media (max-width:500px){font-size:12px;width:100px}h4{height:fit-content;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;@media (max-width:500px){font-size:12px}}}#container-group-info{font-size:12px;font-weight:700;margin:5px 0 10px 10px;@media (max-width:500px){font-size:8px}#members-span{margin-right:10px}}}#container-owner{align-items:center;display:flex;font-weight:700;height:30px;margin-right:5px;@media (max-width:500px){font-size:10px}#img-avatar{border-radius:100%;height:24px;margin-right:5px;object-fit:contain;width:24px}span:hover{text-decoration:underline}}#button-more-info-group{align-items:center;background-color:#464646;border:none;border-radius:5px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s,box-shadow .3s;width:40px;@media (max-width:500px){height:20px;width:25px}img{height:20px;width:20px;@media (max-width:500px){height:10px;width:10px}}}#button-more-info-group:hover{background-color:#000;box-shadow:none}}}}#container-li-middle{background-color:#fff;border:1px solid #afafaf;border-radius:5px;display:flex;margin:0 10px 10px;padding:5px;width:calc(100% - 35px);pre{cursor:default;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;max-height:4em;min-height:50px;overflow-y:scroll;scrollbar-color:#888 #f5f5f5;scrollbar-width:thin;width:100%;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}&::-webkit-scrollbar-track{border-radius:6px}@media (max-width:500px){font-size:12px}}}#container-li-bottom{ul{align-content:center;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:10px;margin-top:0;padding-left:10px}li{background-color:#00be00;border:1px solid #00be00;border-radius:5px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin:2px;padding:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content;h6{margin:0}}}}}}}}#container-member-groups-right{background-color:#f5f5f5;flex:0 0 10%}}#no-groups-yet{color:#555;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;text-align:center}.groups-container{background-color:initial;border-radius:0 5px 5px 5px;height:600px;width:70vw}#container-loading-spineer,.groups-container{align-items:center;display:flex;justify-content:center}#container-loading-spineer{height:70px;width:100%}#li-ellipsis label{margin:0 5px;-webkit-user-select:none;user-select:none}#modal-group-select-genre{background-color:#0009;bottom:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:0;position:fixed;right:0;top:0;z-index:1000}#modal-group-genres-container{background-color:#fff;border-radius:20px;box-shadow:0 0 20px #000c;height:80%;left:0;margin:0 auto;max-width:60vw;padding:1.5em;position:fixed;right:0;top:10%;@media (min-width:700px){width:40vw}}#close-group-genre-selection{align-items:center;background-color:#ca2500;border:0;border-radius:5px;color:#fff;display:flex;height:35px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background-color .5s ease;width:35px}#close-group-genre-selection:hover{background-color:#a01d00;cursor:pointer}#container-button-create-container{display:flex;height:fit-content}#container-music-genres-list{height:90%;margin-top:5px;overflow-y:auto;scrollbar-color:#888 #0000;scrollbar-width:thin;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}#ul-musical-genre{list-style:none;margin:0;padding:0}#li-musical-genre label{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:row;height:40px}#li-musical-genre label input[type=checkbox]{display:none}#li-musical-genre label .custom-checkbox{align-items:center;border:2px solid red;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:5px;margin-right:10px;position:relative;width:20px}#li-musical-genre label .custom-checkbox:before{background-color:initial;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}#li-musical-genre label input[type=checkbox]:checked+.custom-checkbox:before{background-color:red;background:radial-gradient(circle,red,#fffc)}#li-musical-genre label .custom-checkbox-disabled{align-items:center;border:2px solid #7b7b7b;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:5px;margin-right:10px;position:relative;width:20px}#li-musical-genre label .custom-checkbox-disabled:before{background-color:initial;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}#li-musical-genre label input[type=checkbox]:checked+.custom-checkbox-disabled:before{background-color:red;background:radial-gradient(circle,#7b7b7b,#fffc)}#container-title-modal-create-group h2{margin:0;@media(max-width:700px){font-size:18px}@media(max-width:500px){font-size:16px}}#no-master-files-yet{color:#555;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:700;text-align:center}#h5-musical-genre-description{margin:0}#container-form-labels-create-group{display:flex;justify-content:center}#button-open-form{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin-top:10px;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}#button-open-form:hover{background-color:#000;box-shadow:none}#container-form-create-group{background-color:#f3f3f3;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;display:relative;margin:0;padding:10px;width:70vw;@media (min-width:200px){max-width:500px}}#button-select-group-genres{align-items:center;background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:10px;padding:20px;transition:background-color .3s;width:100px}#button-select-group-genres:hover{background-color:darkred;box-shadow:none}#button-create-group{align-items:center;background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:10px;padding:20px;transition:background-color .3s;width:100px}#button-create-group:hover{background-color:darkred;box-shadow:none}#container-page-group{display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:100em;width:100%}#container-group-left{background-color:#f5f5f5;flex:0 0 10%}#container-group-center{align-items:center;background-color:#f5f5f5;display:flex;flex:0 0 80%;flex-direction:column;height:100em;width:50%}#container-group-right{background-color:#f5f5f5;flex:0 0 10%}#container-header-group{background-color:#f5f5f5;height:fit-content;margin-top:50px;width:100%}#container-header-group #container-group-info{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin:0;padding:10px;#container-pre-group-description{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;pre{font-size:10px}}}#h1-group-name{font-size:20px;margin:0;@media (max-width:500px){font-size:18px}}#h1-group-name,#pre-group-description{overflow-wrap:break-word;white-space:pre-wrap;width:100%;word-break:break-word}#pre-group-description{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:50px;margin:10px 0;overflow:hidden}#retract-show-button img{height:20px;transform:rotate(180deg)}#retract-show-button{background-color:initial;border:none;border-radius:5px;cursor:pointer;margin-top:5px;padding:5px}#retract-show-button:hover{background-color:#eee}#container-create-post-component{display:flex;flex-wrap:wrap;width:100%}#container-ul-posts{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:596px;margin:0;overflow-y:auto;padding:2px;position:relative;scrollbar-color:#888 #0000;scrollbar-width:thin;white-space:nowrap;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}#container-posts-component{display:flex;margin-top:10px;position:relative;width:100%}#container-form-labels-create-post{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;flex-wrap:wrap;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:fit-content;margin-top:10px;width:100%}#container-top{margin:10px}#h4-post-owner{margin:0}#container-profile-pic-text-area{display:flex;flex-direction:row;textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;outline:none;padding:5px;resize:none;transition:border-color .3s,box-shadow .3s;&:focus{border-color:#000;box-shadow:0 2px 4px #0003}&::placeholder{color:#888;opacity:1}&:hover{border-color:#000}}}#img-profile-image{border-radius:100%;height:50px;margin-right:5px;object-fit:cover;width:50px}#text-area-form-post-create{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;margin-right:10px;outline:none;padding:.2em;resize:vertical;width:100%}#text-area-form-post-create:focus{border-color:#007bff}#container-middle{display:flex;flex-direction:column;justify-content:right;width:100%}#container-project-selected-button-selection{border:1px solid #ccc;border-radius:10px;margin:10px;padding:5px 5px 10px}#container-no-project-selected{height:100%}#container-no-project-selected h2{color:#969696;text-align:center;width:100%}#container-project-selected-post{border:1px solid #bdbdbd;border-radius:10px;min-height:100px;#container-title-description{display:flex;flex-direction:row;#container-project-top{display:flex;flex-direction:row;padding:.5em;@media(max-width:900px){padding-bottom:.2em;padding-left:.2em;padding-right:.2em;padding-top:.2em}#container-project-title{margin:0;h3{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:500px;@media(max-width:900px){width:425px}@media(max-width:800px){width:350px}@media(max-width:700px){width:250px}@media(max-width:600px){width:200px}@media(max-width:500px){width:150px}@media(max-width:450px){width:100px}@media(max-width:400px){width:80px}}}#container-selected-project-info{display:flex;justify-content:space-between;width:50%;#container-privacity-project{margin-right:10px}}}}}#container-button-select-project{display:flex;justify-content:right}#button-select-project{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin:10px 10px 0 0;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}#button-select-project:hover{background-color:#000;box-shadow:none}#container-bottom{display:flex;justify-content:right;margin-bottom:10px;width:100%}#button-post{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin:10px 10px 0 0;padding:10px 30px;transition:background-color .3s,box-shadow .3s;width:fit-content}#button-post:hover{background-color:#000;box-shadow:none}#container-ul-group-posts{border:1px solid #ccc;display:flex;flex-direction:column;height:1000px;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:2px;position:relative;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}#container-post-top-pre{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:10px;pre{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}}#ul-group-posts{margin:5px;padding:0}#container-li-group-posts{border:1px solid #bdbdbd;border-radius:10px;flex-direction:column;height:fit-content;list-style:none;margin-bottom:5px;width:100%}#li-post{display:flex;flex-direction:column;width:100%}#container-post-middle{border:1px solid #bdbdbd;border-radius:10px;flex-direction:column;height:fit-content;list-style:none;margin:5px;min-height:120px}#container-project-player-projects{height:fit-content;margin-top:0;#container-player-projects-track-title{position:absolute;z-index:3;h5{background-color:#000;color:#fff;margin:5px 0 0 5px}}}#container-middle-top,#container-project-player-projects{display:flex;display:flex;width:100%}#container-middle-top{align-items:center;flex-direction:row;justify-content:space-between;list-style:none;margin:5px;#container-project-title{flex-direction:row;justify-content:space-between;margin-top:5px;@media (max-width:500px){font-size:10px}h3{margin:0}}#container-privacity-project i{align-items:center;font-size:2vw;margin-right:20px;@media (min-width:500px){font-size:15px}}#project-actions{#button-more-details{align-items:center;background-color:#464646;border:none;border-radius:5px;cursor:pointer;height:30px;justify-content:center;padding:5px;transition:background-color .3s,box-shadow .3s;width:40px;@media (max-width:500px){height:20px;width:25px}&:hover{background-color:#000;box-shadow:none}img{height:20px;width:20px;@media (max-width:500px){height:10px;width:10px}}}}}#container-title-description{display:flex;flex-direction:row;justify-content:space-between}#container-user-info-date{#container-date{h6{color:#7a7a7a;margin:0 0 0 10px}}}#container-delete-post{display:flex;button{background-color:#dc0000;border:none;border-radius:5px;color:#ddd;cursor:pointer;height:fit-content;margin-right:10px;margin-top:10px;opacity:.8;padding:5px 10px;width:fit-content;img{height:15px}}button:hover{background-color:#af0404;border:none;border-radius:5px;color:#ddd;opacity:1;transition:background-color .5s ease}}#container-usability{margin-right:5px}#container-image{align-items:center;display:flex;height:50px;justify-content:center;width:50px}#container-user-img-nickname img{border-radius:50%;height:40px;left:0;object-fit:scale-down;top:0;width:40px}#container-user-img-nickname{align-items:center;display:flex;flex-direction:row}#container-middle-middle{display:flex;height:80px;margin-bottom:20px}#container-middle-bottom{display:flex;padding:0;width:100%;button{align-items:center;border:1px solid;color:#888;cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:center;margin:none;width:100%;img{margin-right:5px}h3{margin-bottom:10px;margin-top:10px}}}#button-post-like{border-radius:0 0 0 10px}#button-post-open-comments{border-radius:0 0 10px 10px;img{height:25px}}#container-post-comments{height:fit-content}#container-ul-comments{height:60%}#container-create-comment{display:flex;flex-direction:column;height:40%;position:relative;top:0;width:100%;textarea{border-radius:5px;height:80%;margin:5px}}#container-button-create-comment{display:flex;justify-content:right;margin-bottom:5px;margin-right:5px}#button-create-comment{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin-bottom:5px;margin-top:5px;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}#button-create-comment:hover{background-color:#000;box-shadow:none}#container-ul-post-comments{box-sizing:border-box;padding:.5em;width:100%;#ul-post-comments{list-style:none;padding:0;#container-no-post-comments-yet{align-items:center;display:flex;height:50px;justify-content:center;width:100%;h1{color:#4d4d4d;font-size:14px;margin:0;text-align:center}}#container-post-with-comments{width:100%;#container-post-comment{border-radius:10px;margin-bottom:5px;padding:.2em;#li-post-comment{#container-post-comment-top{align-items:center;display:flex;justify-content:space-between;#container-top-left{align-items:center;display:flex;img{border-radius:50%;height:40px;object-fit:cover;width:40px}#container-post-comment-created-at{margin-left:10px;h4{margin:0 0 2px}#container-time-relative-time-created-at{display:flex;h6{color:#7c7c7c;font-size:8px;margin:0 0 0 2px}}}}button{background-color:#dc0000;border:none;border-radius:5px;color:#ddd;cursor:pointer;height:fit-content;opacity:.8;padding:5px 10px;width:fit-content;img{height:15px}}button:hover{background-color:#af0404;border:none;border-radius:5px;color:#ddd;opacity:1;transition:background-color .5s ease}}#container-post-comment-middle{pre{word-wrap:break-word;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;overflow-wrap:break-word;white-space:normal;word-break:break-all}}}}}}}#container-create-comment{textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #0000001a;color:#000;font-size:16px;height:100px;outline:none;padding:5px;resize:none;transition:border-color .3s,box-shadow .3s;&:focus{border-color:#000;box-shadow:0 2px 4px #0003}&::placeholder{color:#888;opacity:1}&:hover{border-color:#000}}}#container-select-project-modal{background-color:#0009;bottom:0;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:0;position:fixed;right:0;top:0;z-index:9999}#container-h2-modal-project-selection-project-title{margin:5px 0}#h2-modal-project-selection-project-title{margin:0}#container-select-project{background-color:#fff;border-radius:20px;box-shadow:0 0 20px #000c;height:fit-content;left:0;margin:0 auto;max-width:60vw;padding:.5em 1.5em 1.5em;position:fixed;right:0;top:10%;@media (min-width:700px){width:100vw}}#close-project-selection-modal{align-items:center;background-color:#ca2500;border:0;border-radius:5px;color:#fff;display:flex;height:35px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background-color .5s ease;width:35px}#close-project-selection-modal:hover{background-color:#a01d00;cursor:pointer}#ul-list-projects-selection{border:1px solid #ccc;border-radius:10px;flex-direction:column;height:400px;list-style:none;margin:0;min-height:20%;overflow-y:auto;padding:2px;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%;&::-webkit-scrollbar{height:6px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;-webkit-transition:background-color .2s,height .2s;transition:background-color .2s,height .2s}&::-webkit-scrollbar-thumb:hover{background-color:#555;height:8px}}#container-select-post{align-items:center;display:flex;height:100%}#container-li-projects-selection{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-bottom:5px}#container-project-modal-selection{height:fit-content;width:100%}#container-title-project-modal-select{width:1px}#container-player-projects-track-title-modal-select-project{background-color:#000;border-radius:2px;color:#fff;display:flex;height:fit-content;left:10px;margin:5px 0 0 5px;opacity:.6;padding:2px 5px;top:25px;width:fit-content}#container-player-projects-track-title-modal-select-project h5{display:flex;margin:0;white-space:nowrap}#li-project-selection-modal-post{display:flex;flex-direction:row;height:100%}#container-project-player-projects-selection-post{display:flex}#button-attach-project{align-items:center;background-color:#464646;border:none;border-radius:5px;color:#fff;cursor:pointer;height:fit-content;justify-content:center;margin-top:10px;padding:10px;transition:background-color .3s,box-shadow .3s;width:fit-content}#container-button-attach-project{display:flex;justify-content:end;width:100%}#button-attach-project:hover{background-color:#000;box-shadow:none}#container-select-post{height:100px}#container-checkbox{padding:5px}#container-message-box{box-shadow:0 2px 4px #0003;box-sizing:border-box;position:relative;width:100%}#container-message-box #container-ul-messages-box-components{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}#container-message-box #container-ul-messages-box-components ul{background-color:#fff;display:flex;flex-direction:column;height:170px;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;width:95%;#container-loading{display:flex;justify-content:center;width:100%}}#container-message-box #container-ul-messages-box-components ul #container-message-sender{background-color:#fff;box-sizing:border-box;display:flex;justify-content:right;margin:0;padding:0 0 0 10px;width:100%}#container-message-box #container-ul-messages-box-components ul #container-message-recipient{background-color:#fff;box-sizing:border-box;display:flex;justify-content:left;margin:0;padding:0 10px 0 0;width:100%}#container-message-box #container-ul-messages-box-components ul div li{background-color:#fff;margin:0;padding:0;width:100%}#container-message-box #container-ul-messages-box-components ul div #li-sent{background-color:#b15050;border-radius:4px;margin:2.5px;padding:5px;width:85%;p{color:#fff;font-size:10px;margin:0;padding:0;@media (max-width:850px){font-size:8px}@media (min-width:900px){font-size:1vw}@media (min-width:1200px){font-size:1vw}}#container-date-hour{display:flex;font-weight:700;justify-content:right;span{color:#fff;font-size:8px;margin-top:5px}}}#container-message-box #container-ul-messages-box-components ul div #li-did-not-send{background-color:#ad8b8b;border-radius:4px;margin:5px;padding:5px;width:85%;p{color:#fff;margin:0;padding:0;@media (min-width:850px){font-size:1vw}@media (min-width:900px){font-size:1vw}@media (min-width:1200px){font-size:1vw}}#container-date-hour{display:flex;font-weight:700;justify-content:right;span{color:#fff;font-size:8px;margin-top:5px}}}#container-message-box #container-ul-messages-box-components #container-field-button{align-items:center;background-color:#3c3c3c;box-sizing:border-box;display:flex;flex-direction:row;height:80px;justify-content:space-between;margin:0;padding:5px;width:100%}#container-message-box #container-ul-messages-box-components #container-field-button textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;height:100%;margin:0;outline:none;padding:5px;resize:none;transition:border-color .3s,box-shadow .3s;width:80%}#container-message-box #container-ul-messages-box-components #container-field-button textarea:focus{border-color:#000;box-shadow:0 2px 4px #0003}#container-message-box #container-ul-messages-box-components #container-field-button button{background-color:initial;border:none;cursor:pointer;height:fit-content;margin-right:5px;width:fit-content}#container-message-box #container-ul-messages-box-components #container-field-button button img{height:20px;width:20px;@media (max-width:700px){height:15px;width:15px}}#container-messages-boxes{align-items:flex-start;background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;height:35px;position:fixed;top:70px;width:100%;z-index:500;ul{display:flex;flex-direction:row;list-style:none;margin:0 0 0 10px;padding:0}ul li{margin-right:2px;width:20vw;@media (max-width:900px){width:30vw}@media (max-width:700px){width:200px}#container-user-name{align-items:center;background-color:#3c3c3c;border-radius:0 0 5px 5px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0 2px 0 0;padding:5px 10px;width:20vw;width:100%;h3{font-size:1vw;@media(max-width:900px){font-size:2vw}@media(max-width:500px){font-size:3vw}}button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:fit-content;width:fit-content;img{height:20px;width:20px}}}#container-user-name:hover{box-shadow:0 6px 12px #0006}#container-remaining-dialogues{align-items:center;background-color:#3c3c3c;border-radius:0 0 5px 5px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0 2px 0 0;padding:6px 10px;width:fit-content;h3{align-items:center;display:flex;font-size:1vw;height:20px;justify-content:center;-webkit-user-select:none;user-select:none;width:20px;@media(max-width:900px){font-size:2vw}@media(max-width:500px){font-size:3vw}}}}ul li h3{font-size:1.1rem;font-weight:600;margin:0}ul li p{font-size:.9rem;margin:8px 0 0}li h3{margin:0}}#container-landing-page{background-color:initial;display:flex;flex-direction:column;height:fit-content;justify-content:center;overflow:hidden;width:100%;#session-1{display:flex;height:fit-content;justify-content:center;width:100%;#container-session-1-sub-1{align-items:center;background-color:#f0f8ff;border:4px solid brown;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;margin:50px 100px 0;padding:1em;width:fit-content;#container-text-session-1-sub-1{display:flex;flex-direction:column;justify-content:space-between;margin-left:50px;padding:1em 0;@media(max-width:800px){margin-left:20px}@media(max-width:400px){margin-left:0}#text-top-session-1-sub-1{h1{text-wrap:nowrap;color:brown;margin:0 0 5px;@media (max-width:900px){font-size:28px}@media (max-width:850px){font-size:22px}@media (max-width:800px){font-size:20px}@media (max-width:500px){font-size:18px}@media (max-width:450px){font-size:16px}@media (max-width:400px){font-size:14px}}h2{margin:5px 0 0;@media (max-width:900px){font-size:28px}@media (max-width:850px){font-size:22px}@media (max-width:800px){font-size:20px}@media (max-width:500px){font-size:18px}@media (max-width:450px){font-size:16px}@media (max-width:400px){font-size:14px}}}h3{font-weight:400;@media (max-width:900px){font-size:22px}@media (max-width:850px){font-size:18px}@media (max-width:800px){font-size:14px}@media (max-width:500px){font-size:12px}@media (max-width:450px){font-size:10px}@media (max-width:400px){font-size:8px}}}img{height:200px;margin-left:20px;margin-right:50px;width:240px;@media (max-width:900px){height:150px;width:190px}@media (max-width:850px){height:120px;width:160px}@media (max-width:800px){height:100px;width:140px}@media(max-width:800px){margin-right:20px}@media (max-width:400px){height:80px;margin-right:0;width:120px}}}}#session-2{background-color:initial;display:flex;height:fit-content;margin-top:30px;width:100%;#container-cases{box-sizing:border-box;display:flex;flex-direction:column;height:fit-content;width:100%;#container-case-1{align-items:end;background-color:initial;display:flex;height:300px;width:100%;@media(max-width:800px){height:250px}@media(max-width:700px){height:200px}@media(max-width:700px){height:150px}@media(max-width:550px){height:120px}#container-bar-text-pic{background-color:brown;box-sizing:border-box;display:flex;height:240px;justify-content:center;width:100%;@media (max-width:800px){height:190px}@media (max-width:700px){height:150px}@media (max-width:550px){height:100px}#container-case-text{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:start;margin-right:200px;padding:1em;@media (max-width:1100px){margin-right:100px}@media (max-width:1000px){margin-right:50px}@media (max-width:950px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:700px){padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}#container-depoiment{border:4px solid #fff;border-radius:20px;box-sizing:border-box;padding:1em;@media (max-width:700px){border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:2px;border-left-color:#fff;border-left-style:solid;border-left-width:2px;border-radius:10px;border-right-color:#fff;border-right-style:solid;border-right-width:2px;border-top-color:#fff;border-top-style:solid;border-top-width:2px;padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}h4{font-size:20px;@media (max-width:950px){font-size:14px}@media (max-width:700px){font-size:10px;width:250px}@media (max-width:650px){width:300px}@media (max-width:550px){font-size:8px;width:200px}@media (max-width:400px){font-size:8px;width:150px}}#h4-depoiment{color:#fff;font-size:20px;font-weight:700;margin:0;width:350px;@media (max-width:950px){font-size:14px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:700px){font-size:10px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:650px){width:300px}@media (max-width:550px){font-size:8px;width:200px}@media (max-width:400px){font-size:8px;width:150px}}#h4-deponent-name{color:#fff;font-weight:700;margin-bottom:0;margin-top:10px;@media (max-width:550px){margin-top:5px}}}}img{height:300px;left:10px;position:relative;top:-60px;width:300px;@media (max-width:800px){height:250px;width:250px}@media (max-width:700px){height:210px;width:210px}@media (max-width:600px){height:150px;top:0;width:150px}@media (max-width:550px){height:130px;top:-30px;width:130px}@media (max-width:350px){height:100px;top:0;width:100px}}}}#container-case-2{background-color:initial;display:flex;height:200px;width:100%;@media (max-width:800px){height:190px}@media (max-width:700px){height:150px}@media (max-width:550px){height:100px}#container-bar-text-pic{background-color:brown;box-sizing:border-box;display:flex;height:200px;justify-content:center;width:100%;@media (max-width:800px){height:190px}@media (max-width:700px){height:150px}@media (max-width:550px){height:100px}#container-case-text{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:start;margin-right:200px;padding:1em;@media (max-width:1100px){margin-right:100px}@media (max-width:1000px){margin-right:50px}@media (max-width:950px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:700px){padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}#container-depoiment{border:4px solid #fff;border-radius:20px;box-sizing:border-box;padding:1em;@media (max-width:700px){border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:2px;border-left-color:#fff;border-left-style:solid;border-left-width:2px;border-radius:10px;border-right-color:#fff;border-right-style:solid;border-right-width:2px;border-top-color:#fff;border-top-style:solid;border-top-width:2px;padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}h4{font-size:20px;@media (max-width:950px){font-size:14px}@media (max-width:700px){font-size:10px;width:250px}@media (max-width:650px){width:300px}@media (max-width:550px){font-size:8px;width:200px}@media (max-width:400px){font-size:8px;width:150px}}#h4-depoiment{color:#fff;font-weight:700;@media (max-width:950px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}#h4-deponent-name{color:#fff;font-weight:700;margin:10px 0 0;@media (max-width:550px){margin-top:5px}}}}img{height:260px;left:10px;position:relative;top:-60px;transform:scaleX(-1);width:210px;@media (max-width:800px){height:250px;width:200px}@media (max-width:700px){height:210px;width:160px}@media (max-width:600px){height:150px;top:0;width:120px}@media (max-width:550px){height:110px;top:-10px;width:90px}@media (max-width:350px){height:80px;top:20px;width:60px}}}}#container-case-3{background-color:initial;display:flex;height:200px;width:100%;@media (max-width:800px){height:190px}@media (max-width:700px){height:150px}@media (max-width:550px){height:100px}#container-bar-text-pic{background-color:brown;box-sizing:border-box;display:flex;height:200px;justify-content:center;width:100%;@media (max-width:800px){height:190px}@media (max-width:700px){height:150px}@media (max-width:550px){height:100px}#container-case-text{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:start;margin-right:200px;padding:1em;@media (max-width:1100px){margin-right:100px}@media (max-width:1000px){margin-right:50px}@media (max-width:950px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (max-width:700px){padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}#container-depoiment{border:4px solid #fff;border-radius:20px;box-sizing:border-box;padding:1em;@media (max-width:700px){border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:2px;border-left-color:#fff;border-left-style:solid;border-left-width:2px;border-radius:10px;border-right-color:#fff;border-right-style:solid;border-right-width:2px;border-top-color:#fff;border-top-style:solid;border-top-width:2px;padding-bottom:.8em;padding-left:.8em;padding-right:.8em;padding-top:.8em}h4{font-size:20px;@media (max-width:950px){font-size:14px}@media (max-width:700px){font-size:10px;width:250px}@media (max-width:650px){width:300px}@media (max-width:550px){font-size:8px;width:200px}@media (max-width:400px){font-size:8px;width:150px}}#h4-depoiment{color:#fff;font-weight:700;margin:0}#h4-deponent-name{color:#fff;font-weight:700;margin:10px 0 0;@media (max-width:550px){margin-top:5px}}}}img{height:260px;left:10px;position:relative;top:-60px;transform:scaleX(-1);width:300px;@media (max-width:800px){height:250px;width:290px}@media (max-width:700px){height:210px;width:230px}@media (max-width:600px){height:150px;top:0;width:170px}@media (max-width:550px){height:110px;top:-10px;width:120px}@media (max-width:350px){height:80px;top:20px;width:100px}}}}}}#session-3{align-items:center;background-color:#000;display:flex;height:150px;justify-content:center;h4{color:#fff;font-size:60px;width:fit-content;@media (max-width:950px){font-size:58px}@media (max-width:900px){font-size:52px}@media (max-width:800px){font-size:48px}@media (max-width:700px){font-size:40px}@media (max-width:600px){font-size:30px}@media (max-width:450px){font-size:24px}@media (max-width:400px){font-size:20px}}}#session-4{align-items:center;background-color:#000;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:1em;#tutorial-header{display:flex;h4{color:#fff;font-size:40px;margin:0;@media (max-width:950px){font-size:40px}@media (max-width:900px){font-size:38px}@media (max-width:800px){font-size:36px}@media (max-width:700px){font-size:34px}@media (max-width:600px){font-size:30px}@media (max-width:450px){font-size:24px}@media (max-width:400px){font-size:20px}}button,h4{width:fit-content}button{background-color:initial;border:none;border-radius:50%;cursor:pointer;height:fit-content;margin-left:20px;#arrow-icon-tutorial-show-false{transform:scaleY(1)}#arrow-icon-tutorial-show-true{transform:scaleY(-1)}img{height:44px;width:44px;@media (max-width:950px){height:40px;width:40px}@media (max-width:900px){height:36px;width:36px}@media (max-width:700px){height:36px;width:36px}@media (max-width:600px){height:34px;width:34px}@media (max-width:450px){height:28px;width:28px}@media (max-width:400px){height:24px;width:24px}}}}#container-tutorial{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:1em;width:100%;#tutorial-title{display:flex;font-size:30px;justify-content:center;margin:5px 0;width:100%;h2{width:fit-content;@media(max-width:1000px){font-size:28px}@media(max-width:900px){font-size:24px}@media(max-width:700px){font-size:20px}@media(max-width:450px){font-size:14px}}}#tutorial-step-1{align-items:center;display:flex;margin-bottom:10px;width:100%;img{@media(max-width:1000px){height:420px;width:400px}@media(max-width:950px){height:370px;width:350px}@media(max-width:900px){height:320px;width:300px}@media(max-width:600px){height:270px;width:250px}@media(max-width:550px){height:220px;width:200px}@media(max-width:450px){height:170px;width:150px}}#tutorial-instruction{align-items:center;display:flex;height:100%;justify-content:center;width:100%;h4{font-size:30px;margin-left:50px;@media(max-width:1000px){font-size:24px;margin-left:30px}@media(max-width:950px){font-size:20px;margin-left:20px}@media(max-width:900px){font-size:16px;margin-left:18px}@media(max-width:500px){font-size:14px;margin-left:14px}@media(max-width:450px){font-size:10px;margin-left:10px}@media(max-width:350px){font-size:8px;margin-left:10px}}}}#tutorial-step-2{align-items:center;display:flex;margin-bottom:10px;width:100%;img{@media(max-width:1000px){height:400px;width:600px}@media(max-width:950px){height:200px;width:400px}@media(max-width:900px){height:220px;width:320px}@media(max-width:600px){height:250px;width:370px}@media(max-width:550px){height:120px;width:220px}}#tutorial-instruction{align-items:center;display:flex;height:100%;justify-content:center;width:100%;h4{font-size:30px;margin-left:50px;@media(max-width:1000px){font-size:24px;margin-left:30px}@media(max-width:950px){font-size:20px;margin-left:20px}@media(max-width:900px){font-size:16px;margin-left:18px}@media(max-width:500px){font-size:14px;margin-left:14px}@media(max-width:450px){font-size:10px;margin-left:10px}@media(max-width:350px){font-size:8px;margin-left:10px}}}}#tutorial-step-3{align-items:center;display:flex;margin-bottom:10px;width:100%;img{@media(max-width:1000px){height:320px;width:600px}@media(max-width:950px){height:220px;width:400px}@media(max-width:600px){height:100px;width:280px}}#tutorial-instruction{align-items:center;display:flex;height:100%;justify-content:center;width:100%;h4{font-size:30px;margin-left:50px;@media(max-width:1000px){font-size:24px;margin-left:30px}@media(max-width:950px){font-size:20px;margin-left:20px}@media(max-width:900px){font-size:16px;margin-left:18px}@media(max-width:500px){font-size:14px;margin-left:14px}@media(max-width:450px){font-size:10px;margin-left:10px}@media(max-width:350px){font-size:8px;margin-left:10px}}}}#tutorial-step-4{align-items:center;display:flex;margin-bottom:10px;width:100%;img{@media(max-width:1000px){height:320px;width:600px}@media(max-width:950px){height:220px;width:400px}@media(max-width:600px){height:100px;width:280px}@media(max-width:350px){height:80px;width:260px}}#tutorial-instruction{align-items:center;display:flex;height:100%;justify-content:center;width:100%;h4{font-size:30px;margin-left:50px;@media(max-width:1000px){font-size:24px;margin-left:30px}@media(max-width:950px){font-size:20px;margin-left:20px}@media(max-width:900px){font-size:16px;margin-left:18px}@media(max-width:500px){font-size:14px;margin-left:14px}@media(max-width:450px){font-size:10px;margin-left:10px}@media(max-width:350px){font-size:8px;margin-left:10px}}}}#tutorial-step-5{align-items:center;display:flex;margin-bottom:10px;width:100%;img{@media(max-width:1000px){height:320px;width:600px}@media(max-width:950px){height:220px;width:400px}@media(max-width:600px){height:100px;width:280px}@media(max-width:350px){height:80px;width:260px}}#tutorial-instruction{align-items:center;display:flex;height:100%;justify-content:center;width:100%;h4{font-size:30px;margin-left:50px;@media(max-width:1000px){font-size:24px;margin-left:30px}@media(max-width:950px){font-size:20px;margin-left:20px}@media(max-width:900px){font-size:16px;margin-left:18px}@media(max-width:500px){font-size:14px;margin-left:14px}@media(max-width:450px){font-size:10px;margin-left:10px}@media(max-width:350px){font-size:8px;margin-left:10px}}}}}}#session-5{background-color:#fff;padding:1em;#container-logo-button-sign-in{align-items:center;border:4px solid brown;border-radius:40px;display:flex;justify-content:space-around;@media(max-width:700px){border-radius:20px}img{height:200px;padding:1em;width:250px;@media(max-width:1000px){height:180px;width:230px}@media(max-width:900px){height:140px;width:190px}@media(max-width:700px){height:120px;width:170px}@media(max-width:450px){height:100px;width:150px}@media(max-width:400px){height:80px;width:120px}}button{background-color:initial;border:4px solid brown;border-radius:10px;color:brown;cursor:pointer;font-size:30px;font-weight:700;height:fit-content;padding:.5em;@media(max-width:1000px){font-size:24px}@media(max-width:900px){font-size:20px}@media(max-width:700px){font-size:18px}@media(max-width:500px){border-bottom-color:brown;border-bottom-style:solid;border-bottom-width:2px;border-left-color:brown;border-left-style:solid;border-left-width:2px;border-radius:5px;border-right-color:brown;border-right-style:solid;border-right-width:2px;border-top-color:brown;border-top-style:solid;border-top-width:2px;font-size:14px}@media(max-width:400px){font-size:10px}}button:hover{background-color:darkred;border-color:darkred;color:#fff}}}#lading-page-bottom{background-color:#000;color:#fff;font-size:16px;padding:1em;h5{margin:0 0 10px;@media(max-width:1000px){font-size:14px}@media(max-width:900px){font-size:12px}@media(max-width:700px){font-size:10px}@media(max-width:500px){font-size:8px}@media(max-width:400px){font-size:6px}}#container-contact{align-items:center;display:flex;margin-bottom:10px;img{height:20px;width:20px;@media(max-width:1000px){height:18px;width:18px}@media(max-width:900px){height:16px;width:16px}@media(max-width:700px){height:14px;width:14px}@media(max-width:500px){height:12px;width:12px}@media(max-width:400px){height:10px;width:10px}}h6{margin:0 0 0 10px;@media(max-width:1000px){font-size:12px}@media(max-width:900px){font-size:10px}@media(max-width:700px){font-size:8px}@media(max-width:500px){font-size:6px}@media(max-width:400px){font-size:7px}}}}}#page-reset-password{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:20px}#container-fields-button-reset-password{background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:400px;padding:20px;#container-recovey-password-title{h1{font-weight:400;margin-top:5px;@media(max-width:400px){font-size:20px}}}}#container-fields{margin-bottom:20px}#email-recovery-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}#container-button button{background-color:brown;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.2s;width:100%}#page-new-password{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:20px}#container-fields-button-new-password{background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:400px;padding:20px;#container-new-password-title{h1{font-weight:400;margin-top:5px;@media(max-width:400px){font-size:20px}}}}#container-fields-new-password{margin-bottom:20px}#password-change-input{margin-bottom:10px}#password-change-input,#password-confimation-change-input{border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}#container-button-confirm-new-password button{background-color:brown;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.2s;width:100%}#container-button button:hover{background-color:darkred}.MuiInput-underline:after{border-bottom:none!important}input::placeholder{color:#757575;opacity:1}#container-fields-new-password{display:flex;flex-direction:column;gap:16px}#password-change-input,#password-confimation-change-input{background-color:initial;border-radius:4px;padding:12px}.app{height:100%;margin-top:70px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}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}
/*# sourceMappingURL=main.2f2d58ee.css.map*/