:root{--color-lightest:#e3f2f7;--color-light:#c5ebee;--color-medium:#88c3dc;--color-dark:#2bcaff}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:62.5%}ul{padding-left:0}body{align-items:center;color:#495057;display:flex;justify-content:center;overflow-x:hidden}.friendselectedNames{animation:fadeInNames 1s forwards;color:#10acdf;display:inline;font-weight:600}#root{height:100%;width:100%}.drop-down-mobile-nav{animation:slideDownMobileNav .5s forwards}.App{align-items:start;display:flex;flex-direction:row}.containerAll{display:flex;height:100vh;justify-content:center;padding-top:50px;width:100%}.button{background-color:#88c3dc;background-color:var(--color-medium);border:none;border-radius:7px;color:#343a40;cursor:pointer;font-weight:700;padding:.8rem 1.2rem;transition:.3s}.button:hover{background-color:#2bcaff;background-color:var(--color-dark)}.sidebar{position:relative;width:300px}.sidebar ul{font-size:1.4rem;gap:.4rem;list-style:none;margin-bottom:2rem}.sidebar li,.sidebar ul{display:flex;flex-direction:column}.sidebar li{align-items:center;border-radius:7px;column-gap:1.6rem;grid-template-columns:4.8rem 1fr auto;height:160px;padding:1.2rem;transition:.5s}.selected,.sidebar li:hover{background-color:#e3f2f7;background-color:var(--color-lightest)}.sidebar li img{border-radius:50%;margin:10px;width:50px}.friendContainer{display:flex;justify-content:flex-start;width:100%}.friendContainer-row{display:flex;flex-direction:row}.sidebar li h3{grid-column:2;grid-row:1}.sidebar li p{grid-column:2;grid-row:2}.sidebar li .button{height:40px;margin:10px;width:120px}.sidebar>.button{float:right;margin-right:1.2rem}.green{color:#66a80f}.red{color:#e03131}.numbers{animation:changeNumber 1s forwards}form{grid-gap:1.2rem;align-items:center;background-color:#e3f2f7;background-color:var(--color-lightest);border-radius:7px;display:grid;font-size:1.6rem;gap:1.2rem}.form-add-friend{animation:topAddFriendContainerMoveY .5s forwards,topAddFriendContainerFadeIn 1s forwards;background-color:#c5ebee;background-color:var(--color-light);grid-template-columns:1fr 1.5fr;padding:1.2rem}label{font-weight:500}label:first-letter{display:inline-block;font-size:1.8rem;margin-right:4px}input,select{border:1px solid #c5ebee;border:1px solid var(--color-light);border-radius:4px;color:inherit;font-family:inherit;font-size:1.5rem;padding:.7rem;text-align:center;transition:.3s}input:focus,select:focus{border:1px solid #2bcaff;border:1px solid var(--color-dark);outline:none}form .button{grid-column:2;margin-top:.6rem}form h2{font-size:2.2rem;grid-column:1/-1;letter-spacing:-.5px;margin-bottom:1.6rem;text-transform:uppercase}.custom-loader{animation:s3 1s linear infinite;background:conic-gradient(#0000 10%,#88c3dc);border-radius:50%;height:100px;left:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 16px),#000 0);position:fixed;top:40%;width:100px;z-index:999}@keyframes s3{to{transform:rotate(1turn)}}.form{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:block;margin:auto;padding:1rem}.form-title{color:#000;font-size:2.25rem;font-weight:600;line-height:1.75rem;text-align:center}.input-container{position:relative}.form button,.input-container input{border:1px solid #e5e7eb;margin:8px 0;outline:none}.input-container input{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;padding:1rem 3rem 1rem 1rem;width:300px}.input-container input,.submit{border-radius:.5rem;font-size:1.875rem;line-height:1.25rem}.submit{background-color:#88c3dc;display:block;font-weight:500;padding:.75rem 1.25rem;text-transform:uppercase;width:100%}.signup-link{color:#6b7280;font-size:1.875rem;line-height:1.25rem;text-align:center}.signup-link a{text-decoration:underline}.form{background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;max-width:350px;padding:20px}.form,.title{display:flex;position:relative}.title{align-items:center;color:#4169e1;font-size:28px;font-weight:600;letter-spacing:-1px;padding-left:30px}.title:after,.title:before{background-color:#4169e1;border-radius:50%;content:"";height:16px;left:0;position:absolute;width:16px}.title:before{background-color:#4169e1;height:18px;width:18px}.title:after{animation:pulse 1s linear infinite;height:18px;width:18px}.message,.signin{color:rgba(88,87,87,.822);font-size:14px}.signin{text-align:center}.signin a{color:#4169e1}.signin a:hover{-webkit-text-decoration:underline #4169e1;text-decoration:underline #4169e1}.flex{display:flex;gap:6px;width:100%}.form label{position:relative}.title-app{color:#10acdf;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:3rem;letter-spacing:5px;padding:60px 5% 10px 0;text-align:center}.form label .input{border:1px solid hsla(0,0%,41%,.397);border-radius:10px;font-weight:900;outline:0;padding:10px 10px 20px;width:100%}.form label ::placeholder{color:#bbb6b6!important;cursor:text;font-size:.9em;text-align:center;transition:.3s ease}.form label .input:placeholder-shown+span{font-size:.9em;margin:auto}.form label .input:focus+span,.form label .input:valid+span{font-size:1em;font-weight:600;top:30px}.form label .input:valid+span{color:#000}.submit{border:none;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:10px;transform:.3s ease}.submit,.submit:hover{background-color:#2bcaff}@keyframes pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.Btn{--black:#000;--ch-black:#141414;--eer-black:#1b1b1b;--night-rider:#2e2e2e;--white:#fff;--af-white:#f3f3f3;--ch-white:#e1e1e1;align-items:center;background-color:#88c3dc;border:none;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;display:flex;height:56px;justify-content:flex-start;overflow:hidden;padding-left:5px;position:relative;transition-duration:.3s;width:45px}.img_footer_container_logged{background-color:#e7f1f4;display:flex;height:140vh;justify-content:center;position:relative;width:40%}.sign{align-items:center;display:flex;transition-duration:.3s}.sign svg{width:17px}.sign svg path{fill:var(--night-rider)}.text{color:var(--night-rider);font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;width:0}.Btn:hover,.text{transition-duration:.3s}.Btn:hover{border-radius:5px;width:125px}.Btn:hover .sign{padding-left:20px;transition-duration:.3s;width:30%}.Btn:hover .text{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.Btn:active{transform:translate(2px,2px)}.wrapper{display:flex;flex-direction:row;flex-direction:row-reverse;height:100vh;justify-content:space-between}#btn-message{--bg-color:#f4f4f4}.img_footer_container{background-color:#d1e6ec;display:flex;height:100vh;justify-content:center;position:relative;width:50%}.container-right-side{display:flex;flex-direction:column;margin:auto}.img_footer{left:10vw;top:10vh;width:40vw}.logoutContainer{display:flex;flex-direction:row;margin:auto;padding-bottom:20px;position:fixed;right:0;z-index:99}.button-message{align-items:center;background-color:var(--bg-color);background-color:var(--bg-hover-color);border:0;box-shadow:0 0 2.17382px rgba(0,0,0,.049),0 1.75px 6.01034px #00000012,0 3.63px 14.4706px rgba(0,0,0,.091),0 22px 48px #00000024;cursor:pointer;display:flex;font:400 var(--font-size) Helvetica Neue,sans-serif;height:40px;height:56px;justify-content:center;padding:8px 20px 8px 8px;position:relative;transform:scale(.99);transition:var(--btn-transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-avatar{height:40px;width:40px}.avatar{background-color:var(--bg-color-sup);border-radius:50%;overflow:hidden}.avatar,.user-img{height:100%;width:100%}.user-img{object-fit:cover}.status-user{animation:active-status 2s ease-in-out infinite;background-color:var(--online-status);border-radius:50%;bottom:1px;height:6px;height:10px;outline:solid 2px var(--bg-color);outline:solid 3px var(--bg-hover-color);position:absolute;right:1px;transition:var(--btn-transition);width:6px;width:10px}.notice-content{align-items:flex-start;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding-left:8px;text-align:left;text-align:initial}.username{transform:translateY(-20px)}.user-id,.username{height:0;letter-spacing:-6px;opacity:0}.user-id{font-size:12px;transform:translateY(10px)}.lable-message{align-items:center;display:flex;opacity:1;transform:scaleY(1)}.user-id,.username{height:auto;letter-spacing:normal;opacity:1;transform:translateY(0);transition:var(--btn-transition)}.lable-message{height:0;transform:scaleY(0);transition:var(--btn-transition)}.lable-message,.username{font-weight:600}.number-message{align-items:center;background-color:var(--bg-color-sup);border-radius:20px;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:8px;text-align:center;width:16px}@keyframes active-status{0%{background-color:var(--online-status)}33.33%{background-color:#93e200}66.33%{background-color:#93e200}to{background-color:var(--online-status)}}.card{--main-color:#000;--submain-color:#78858f;--bg-color:#fff;align-items:center;background:var(--bg-color);border-radius:20px;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:384px;position:relative;width:300px}.card__img{height:192px;width:100%}.card__img svg{border-radius:20px 20px 0 0;height:100%}.card__avatar{align-items:center;background:var(--bg-color);border-radius:100%;display:flex;height:114px;justify-content:center;position:absolute;top:calc(50% - 57px);width:114px}.card__avatar svg{height:100px;width:100px}.card__title{color:var(--main-color);font-size:18px;font-weight:500;margin-top:60px}.card__subtitle{color:var(--submain-color);font-size:15px;font-weight:400;margin-top:10px}.img_header{height:50vh;width:50vw}.card__btn{background:var(--bg-color);border:2px solid var(--main-color);border-radius:4px;color:var(--main-color);font-size:11px;font-weight:700;height:31px;margin-top:15px;text-transform:uppercase;transition:all .3s;width:76px}.Message-form-signin{text-align:center}.card__btn-solid,.card__btn:hover{background:var(--main-color);color:var(--bg-color)}.card__btn-solid:hover{background:var(--bg-color);color:var(--main-color)}.form-split-bill{animation:rightSiderBarCalcMoveX .5s forwards,rightSiderBarCalcFadeIn 1s forwards;grid-template-columns:1fr 12rem;margin-bottom:30px;padding:3.2rem 4rem;position:absolute;width:350px}#btn-message{--text-color:#000;--bg-color-sup:var(--color-medium);--bg-hover-color:#fff;--online-status:#00da00;--font-size:16px;--btn-transition:all 0.2s ease-out;background-color:#88c3dc}@media only screen and (max-width:400px){.custom-loader{height:80px;left:40%;position:fixed;top:40%;width:80px;z-index:999}.title-app{font-size:2.5rem}#btn-message{width:100%}.img_footer{left:10vw;padding-top:10vh;top:10vh;width:60vw}.Btn{width:70px}}.button-friend-container{display:flex;flex-direction:column;left:0;position:fixed;top:0;width:auto;z-index:99}.button-friend{align-items:center;background:#88c3dc;border:none;box-shadow:0 0 2.17382px rgba(0,0,0,.049),0 1.75px 6.01034px #00000012,0 3.63px 14.4706px rgba(0,0,0,.091),0 22px 48px #00000024;cursor:pointer;display:flex;gap:8px;height:56px;justify-content:center;padding:9px 12px;position:relative;width:150px}.lable{color:#000;font-family:sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;line-height:22px;margin-left:20px}.button-friend .span{background-color:#88c3dc;border-radius:50%;left:0;padding:10px;position:absolute}.button-friend:hover{background:#88c3dc}.button-friend:hover .svg-icon{animation:slope .8s linear infinite}@keyframes fadeInNames{0%{opacity:0}to{opacity:100%}}@keyframes slope{50%{transform:rotate(15deg)}}@keyframes rightSiderBarCalcMoveX{0%{opacity:0;transform:translateX(100%);visibility:visible}to{opacity:100%;transform:translateX(0)}}@keyframes rightSiderBarCalcFadeIn{0%{opacity:0}to{opacity:100%}}@keyframes changeNumber{0%{font-size:medium;font-weight:400}50%{font-size:2rem;font-weight:800}to{font-size:medium;font-weight:400}}@keyframes topAddFriendContainerMoveY{0%{transform:translatey(-100%);visibility:visible}to{transform:translatey(0)}}@keyframes topAddFriendContainerFadeIn{0%{opacity:0}to{opacity:100%}}@media only screen and (max-width:1000px){.form-split-bill-container{width:100%}.wrapper{flex-direction:column;height:100%}.container-right-side{width:100%}.form-split-bill{position:static}.containerAll{height:100%}.img_footer_container_logged{height:100%;position:static;width:100%}.img_footer_container{height:100%;width:100%}.img_footer{height:70vw;left:10vw;padding-top:10vh;top:10vh;width:50vw}}@media only screen and (max-width:700px){.App{flex-direction:column}.form-split-bill{width:100%}.friendContainer{justify-content:center}.container-right-side,.sidebar{width:100%}.containerAll{display:block;width:100%}}.container-modal{background-color:#00000077;height:100vh;position:fixed;width:100%;z-index:999}.cookiesContent{align-items:center;background-color:#fff;border-radius:20px;color:#000;display:flex;flex-direction:column;left:50%;padding:30px 30px 70px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}button.close{align-self:flex-end;background-color:initial;border:none;color:#c0c5cb;font-size:20px;margin-bottom:10px;width:30px}.cookiesContent img{border-radius:50%;margin-bottom:15px;width:82px}.cookiesContent p{font-size:18px;margin-bottom:40px}button.accept{background-color:#ed6755;border:none;border-radius:5px;box-shadow:0 6px 18px -5px #ed6755;color:#fff;font-size:16px;padding:14px;width:200px}#checkbox{display:none}.toggle{cursor:pointer;display:block;height:30px;margin:auto;position:relative;width:30px;z-index:9999999}.bar{background:#2bcaff;border-radius:2px;color:inherit;height:4px;left:0;opacity:1;position:absolute;right:0;transition:none .35s cubic-bezier(.5,-.35,.35,1.5) 0s}.mobile-nav-background-container{background-color:rgba(0,0,0,.497);height:200vh;transform:translatey(-50px);width:100vw}.bar--top{bottom:calc(50% + 13px);transition-delay:.35s * .6;transition-property:bottom,transform}.bar--middle{top:calc(50% - 2px);transition-delay:.105s;transition-property:opacity,transform}.bar--bottom{top:calc(50% + 13px);transition-delay:0s;transition-property:top,transform}#checkbox:checked+.toggle .bar--top{bottom:calc(50% - 2px);transform:rotate(-135deg);transition-delay:0s}#checkbox:checked+.toggle .bar--middle{opacity:0;transform:rotate(-135deg);transition-delay:.105s}#checkbox:checked+.toggle .bar--bottom{top:calc(50% - 2px);transform:rotate(-225deg);transition-delay:.21s}.mobile-add-friend{background-color:#fff;display:flex;flex-direction:column}.mobile-navigation-container{display:none;position:fixed;width:100vw;z-index:999}#menuToggle{position:absolute;right:15px;top:15px}.drop-down-mobile-nav{background-color:#fff;padding-top:50px}.active-link-mobile,.link-mobile:hover{background-color:#d7e9ef}.link-mobile-container{padding-top:50px}.link-mobile{align-items:center;color:#2bcaff;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;font-weight:600;justify-content:center;margin:auto;padding:30px 0;text-align:center;width:100%}.link-mobile svg{border-radius:50%;filter:invert(20%) sepia(97%) saturate(459%) hue-rotate(149deg) brightness(94%) contrast(97%);height:40px;width:40px}@media only screen and (max-width:500px){.mobile-navigation-container{display:block}.button-friend,.logoutContainer{display:none}}@keyframes slideDownMobileNav{0%{transform:translateY(-100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.700cf390.css.map*/