*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.chat{flex:0.65 1}.chat .MuiSvgIcon-root{cursor:pointer}.chat>.chat__container{display:flex;flex-direction:column;height:100vh;width:100%}@media (min-width:1650px){.chat>.chat__container{height:95vh}}.chat>.chat__container>.chat__header{display:flex;align-items:center;background-color:#f0f2f5;border:1px solid #dadada;border-left-width:0;padding:0 1em;height:60px}.chat>.chat__container>.chat__header>.chat__details{flex:1 1;margin:0 1em}.chat>.chat__container>.chat__header>.chat__details>h2{font-weight:400;font-size:16px}.chat>.chat__container>.chat__header>.icons{display:flex;align-items:center}.chat>.chat__container>.chat__header>.icons>span:first-child{display:flex;align-items:center;justify-content:center;height:42px;width:30px}.chat>.chat__container>.chat__header>.icons>span:nth-child(2){display:flex;align-items:center;justify-content:center;height:42px;width:42px;border-radius:50%;margin-left:.1em}.chat>.chat__container>.chat__header>.icons>span>.MuiSvgIcon-root{color:#51585c;cursor:pointer}.chat>.chat__container>.chat__middle{flex:1 1;width:100%}.chat>.chat__container>.chat__middle>.chat__middle__container{height:100%;overflow-y:auto;width:100%;overflow-x:hidden;background-size:contain;background-position:50%;padding:3.9em 1em 1em;background-blend-mode:overlay;max-height:calc(100vh - 117px);background-repeat:repeat}.chat>.chat__container>.chat__footer{height:62px;background-color:#f0f2f5;display:flex;align-items:center}.chat>.chat__container>.chat__footer>.chat__footer__container{display:flex;align-items:center;flex:1 1;margin:0 1em 0 .5em}.chat>.chat__container>.chat__footer>.chat__footer__container>.emoji{display:flex;align-items:center}.chat>.chat__container>.chat__footer>.chat__footer__container span{display:flex;align-items:center;justify-content:center;height:42px;width:42px;border-radius:50%;cursor:pointer}.chat>.chat__container>.chat__footer>.chat__footer__container span>.MuiSvgIcon-root{color:#51585c;font-size:1.5em}.chat>.chat__container>.chat__footer>.chat__footer__container span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.chat>.chat__container>.chat__footer>.chat__footer__container>.input__box{flex:1 1;background-color:#fff;height:40px;border-radius:80px;padding:5px;display:flex}.chat>.chat__container>.chat__footer>.chat__footer__container>.input__box>input{flex:1 1;background-color:#fff;border:none;font-size:16px;padding:5px}.chat>.chat__container>.chat__footer>.chat__footer__container>.input__box>input:focus{outline:none}.single__chat__message{position:relative!important;display:flex;background-color:#fff;padding:.1em .6em .6em;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:490px;margin-bottom:2.3em;align-items:center;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 1px 1px #cac9c9;min-width:136px}.single__chat__message>.message{font-size:14px;color:#303030;margin-bottom:4px}.your__message{background-color:#dcf8c6;margin-left:auto}.single__chat__message>.name{position:absolute;top:-25px;font-size:13px;font-weight:500;background-color:#fff;left:0;width:100%;border-top-right-radius:10px;padding-left:.8em;padding-top:.4em;padding-bottom:.3em;color:#35cd96}.single__chat__message>.name:before{content:"";position:absolute;left:-10px;border-color:#fff #fff transparent transparent;border-style:solid;border-width:5px;top:0}.single__chat__message>.name>p{width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden!important}.your__message>.name{background-color:#dcf8c6}.your__message>.name:before{border-color:#dcf8c6 #dcf8c6 transparent transparent}.single__chat__message>.message__time{font-size:11px;color:grey;margin-left:10px;height:100%!important;display:flex;flex-direction:column;align-items:flex-end;min-width:49px!important;justify-content:flex-end;inset:0;position:absolute;right:8px;padding-bottom:2px!important;pointer-events:none}.single__chat__message>.message__time>.reply__btn>.MuiSvgIcon-root{font-size:2.4em;color:#999fa3}.single__chat__message>.message__time>.reply__btn{visibility:hidden;padding:.1em;position:absolute;top:-25px!important;background-color:#fff;height:30px;width:20px;cursor:pointer}.your__message>.message__time>.reply__btn{visibility:hidden;padding:.1em;position:absolute;top:0;background-color:#dcf8c6;cursor:pointer}.single__chat__message:hover>.message__time>.reply__btn{visibility:visible}.sidebar{flex:0.35 1;max-width:470px!important;border-right:1px solid #d3d3d3;background-color:#fff;height:100%}.sidebar>.sidebar__container{position:relative}.sidebar>.sidebar__container>.sidebar__header{display:flex;justify-content:space-between;padding:8px 1em;background-color:#f0f2f5;align-items:center;height:60px}.sidebar>.sidebar__container>.sidebar__header>.icons{display:flex;align-items:center;position:relative}.sidebar>.sidebar__container>.sidebar__header>.icons>span{margin-right:.6em;cursor:pointer;display:grid;place-content:center;height:40px;width:40px;border-radius:50%}.sidebar>.sidebar__container>.sidebar__header>.icons>span:nth-child(3){margin-right:0}.sidebar>.sidebar__container>.sidebar__header>.icons>span>.MuiSvgIcon-root{color:#54656f;cursor:pointer;font-size:1.4em}.sidebar>.sidebar__container>.sidebar__header>.icons>.MuiSvgIcon-root:nth-child(3){margin-right:.5em}.sidebar>.sidebar__container>.sidebar__header>.icons>.menu__card{position:absolute;width:156px;height:180px;box-shadow:0 2px 8px #d3d3d3;background-color:#fff;top:49px;padding:15px 0;z-index:30;overflow:hidden;right:0}.sidebar>.sidebar__container>.sidebar__header>.icons>.menu__card>p{height:39px;cursor:pointer;display:flex;align-items:center;padding-left:26px;color:#4a4a4a;font-weight:400;font-size:15px}.sidebar>.sidebar__container>.sidebar__header>.icons>.menu__card>p:hover{background-color:#eeebeb}.sidebar>.sidebar__container>.sidebar__network__indicator{background-color:#fed859;padding:1em;height:89px}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container{display:flex;align-items:center}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container>.network__icon{display:flex;align-items:center;justify-content:center;background-color:#fff;height:45px;width:45px;border-radius:50%;margin-right:16px}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container>.network__info>h2{font-size:16px;font-weight:400;color:rgba(48,48,48,.96)}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container>.network__info>p{font-size:14px;font-weight:400;color:rgba(48,48,48,.85);position:relative;line-height:10px;margin-top:5px}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container>.network__info>p>.MuiSvgIcon-root{font-size:18px;font-weight:400;color:rgba(48,48,48,.85);top:5px;position:relative;left:-5px}.sidebar>.sidebar__container>.sidebar__network__indicator>.sidebar__network__indicator__container>.network__icon>.MuiSvgIcon-root{color:#fed859}.sidebar>.sidebar__container>.sidebar__search{padding:7px 14px;background-color:#fff;border-bottom:1px solid #e9edef}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container{background-color:#f0f2f5;border-radius:8px;display:flex;align-items:center;padding-left:5px}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>input{flex:1 1;padding:10px;border:none;border-radius:8px;color:#3b4a54;background-color:#f0f2f5}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>input::-webkit-input-placeholder{color:#788790;font-size:14px;font-weight:400}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>input:-ms-input-placeholder{color:#788790;font-size:14px;font-weight:400}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>input::placeholder{color:#788790;font-size:14px;font-weight:400}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>input:focus{outline:none}.sidebar>.sidebar__container>.sidebar__search>.sidebar__search__container>.MuiSvgIcon-root{margin:3px .8em 0 10px;font-size:1.1em;color:#51585c}.sidebar>.sidebar__container>.sidebar__messages{height:calc(100vh - 109px);overflow:auto}.sidebar>.sidebar__container>.sidebar__create__participants{height:100vh;position:absolute;width:100%;inset:0}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container{display:flex;flex-direction:column;height:100%}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__participants__header{height:107px;background-color:#00bfa5;display:flex;align-items:flex-end;color:#fff;padding-bottom:19px;padding-left:24px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__participants__header>h2{font-size:19px;font-weight:500;margin-left:34px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__participants__header>.MuiSvgIcon-root{cursor:pointer}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search{min-height:72px;background-color:#fff;display:flex;justify-content:flex-end;padding-bottom:10px;flex-direction:column}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>.added__contacts{margin-top:34px;margin-left:34px;max-height:185px;overflow-y:auto}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>.added__contacts>.single__added__contact{display:flex;align-items:center;background-color:#e6e6e6;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:40px;overflow:hidden;margin-bottom:5px;max-width:320px;height:27px!important}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>.added__contacts>.single__added__contact>.single__added__avatar{height:27px;width:27px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>.added__contacts>.single__added__contact>p{padding:0 7px;font-size:14px;font-weight:400;color:#4a4a4a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>.added__contacts>.single__added__contact>.MuiSvgIcon-root{font-size:14px;font-weight:400;color:#919191;margin-right:5px;cursor:pointer}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>input{flex:1 1;font-size:15px;font-weight:400;margin-left:34px;border:none;border-bottom:1px solid #dbd8d8;padding:5px;color:#4a4a4a}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>input:focus{outline:none}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>input::-webkit-input-placeholder{color:#a1a0a0;font-size:15px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>input:-ms-input-placeholder{color:#a1a0a0;font-size:15px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.participants__search>input::placeholder{color:#a1a0a0;font-size:15px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts{flex:1 1;background-color:#fff;overflow-y:auto}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact{display:flex;background-color:#fff;align-items:center;height:70px;padding:1em 0 1em 1em;cursor:pointer}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact:hover{background-color:#f5f5f5}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact>.contact__avatar{margin-right:1em;height:53px;width:53px}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact>.contact__info{border-bottom:1px solid #f1f1f1;flex:1 1;height:70px;display:flex;flex-direction:column;justify-content:center}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact>.contact__info>h3{font-size:17px;font-weight:400;color:#000}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.contacts>.single__contact>.contact__info>p{font-size:14px;font-weight:400;color:rgba(0,0,0,.45);margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:1em}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__group__button{background-color:#ededed;min-height:103px;display:flex;justify-content:center;align-items:center}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__group__button>button{background-color:#09e85e;border-radius:50%;height:47px;width:47px;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 2px #a3a2a2;cursor:pointer}.sidebar>.sidebar__container>.sidebar__create__participants>.create__participants__container>.create__group__button>button>.MuiSvgIcon-root{color:#fff}.sidebar>.sidebar__container>.group__info>.create__participants__container{background-color:#fff}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image{background-color:#fff;height:366px;padding:1.9em 0 1.9em 1.9em;box-shadow:0 0 8px #d3d3d3}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>label{height:200px;width:200px;background-color:hsla(0,0%,43.1%,.8705882352941177);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:hsla(0,0%,100%,.8);cursor:pointer;justify-self:center;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:50%}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>input[type=file]{display:none}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>label>p{text-align:center;font-size:13px;line-height:15px;font-weight:400;margin-top:7px}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>label>.MuiSvgIcon-root{font-size:1.7em;color:#fff}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name{display:flex;align-items:center;padding:5px 0;border-bottom:2px solid #00bfa5;margin-top:60px}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>input{flex:1 1;border:none;font-size:17px;color:#4a4a4a;outline:none}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>input::-webkit-input-placeholder{color:#9e9a9a;font-weight:100;font-size:15px}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>input:-ms-input-placeholder{color:#9e9a9a;font-weight:100;font-size:15px}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>input::placeholder{color:#9e9a9a;font-weight:100;font-size:15px}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>div{display:flex;align-items:center;width:53px;justify-content:space-evenly;color:#919191;font-size:14px;font-weight:400}.sidebar>.sidebar__container>.group__info>.create__participants__container>.group__image>.group__name>div>p{color:#919191;font-size:14px;font-weight:100}.sidebar>.sidebar__container>.group__info>.create__participants__container>.create__group__button{flex:1 1;align-items:flex-start;padding-top:2em}.single__message{width:100%;padding:1em;height:72px;cursor:pointer;border-bottom:1px solid #f2f2f2}.single__message:hover{background-color:#f6f6f6}.single__message>.single__message__container{display:flex;align-items:center;width:100%;position:relative}.single__message>.single__message__container>.avatar{margin-right:.8em}.single__message>.single__message__container>.info>.room__name{font-size:17px;font-weight:500;color:#111b22}.single__message>.single__message__container>.info>.room__name__seen{font-size:17px;font-weight:400;color:#111b22}.single__message>.single__message__container>.info{display:flex;flex-direction:column;max-width:87%}.single__message>.single__message__container>.info>.sender__info{display:flex;align-items:center}.single__message>.single__message__container>.info>.sender__info>span{font-size:14px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin-right:5px}.single__message>.single__message__container>.info>.sender__info>p{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.single__message>.single__message__container>.extra__info{display:flex;flex-direction:column;position:absolute;right:0;bottom:0;min-width:55px}.single__message>.single__message__container>.extra__info>.extra__info__flex{display:flex;background-color:#fff;padding:5px;align-items:center;justify-content:flex-end;height:28px}.single__message>.single__message__container>.extra__info>.extra__info__flex>span{color:#fff;background-color:#06d755;border-radius:50%;min-height:18px;min-width:18px;font-size:12px;font-weight:600;display:grid;place-content:center}.single__message>.single__message__container>.extra__info>.time{color:#2ba855;font-weight:600;font-size:12px}.single__message>.single__message__container>.extra__info>.extra__info__flex>.MuiSvgIcon-root{color:hsla(0,0%,48.6%,.6);visibility:hidden;transition:.2s;font-size:10px}.single__message:hover .extra__info>.extra__info__flex{background-color:#f6f6f6;height:28px}.single__message:hover .extra__info>.extra__info__flex .MuiSvgIcon-root{font-size:1.7em;visibility:visible}.sidebar__frame{position:absolute;height:100%;width:100%;background-color:#fff;z-index:1;inset:0;display:flex;flex-direction:column}.sidebar__frame__header{background-color:#1d8069;height:107px;display:flex;align-items:flex-end}.sidebar__frame__header__container{display:flex;align-items:center;padding:1.1em 1.3em;color:#fff}.sidebar__frame__header__container>h3{margin-left:30px;font-size:19px;font-weight:500;text-transform:capitalize}.sidebar__frame__header__container>.MuiSvgIcon-root{cursor:pointer}.sidebar__frame>.content{flex:1 1;overflow-y:auto}.settings{width:100%}.settings>.bio{display:flex;align-items:center;padding:16px;cursor:pointer}.settings>.bio>.avatar{width:82px;height:82px;margin-right:16px}.settings>.bio>.info>h2{font-size:19px;font-weight:500;color:#111b21;margin-bottom:4px}.settings>.bio>.info>h3{font-size:15px;font-weight:400;color:#667781;overflow:hidden;white-space:no-wrap;text-overflow:ellipsis}.settings>.bio:hover{background-color:#f5f6f6}.settings>.links,.settings>.links>ul,.settings>.links>ul>li{width:100%}.settings>.links>ul>li{display:flex;align-items:center;cursor:pointer;padding-left:1.6em}.settings>.links>ul>li:hover{background-color:#f5f6f6}.settings>.links>ul>li>.MuiSvgIcon-root{color:#8696a0;font-size:26px;margin-right:.9em}.settings>.links>ul>li>h4{color:#040708;font-size:16px;font-weight:400;height:60px;line-height:60px;border-top:1px solid #e9edef;flex:1 1;text-transform:capitalize}.settings>.links>ul>li:first-child>h4{border-top-width:0}.welcome{flex:1 1;height:100%;display:grid;place-content:center;background-color:#f8f9fa}.welcome>.welcome__container{display:flex;flex-direction:column;align-items:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.welcome>.welcome__container>.image{width:250px;height:250px;border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;margin-bottom:20px}.welcome>.welcome__container>h1{font-size:32px;font-weight:300;color:#525252}.welcome>.welcome__container>p{color:rgba(0,0,0,.45);font-size:14px;font-weight:400;line-height:20px;text-align:center;margin-top:16px;display:flex;align-items:center}.welcome>.welcome__container>hr{background-color:#f0e9e9;height:1px;width:100%;border:none;margin:35px 0 12px}.welcome>.welcome__container>p>.MuiSvgIcon-root{color:rgba(0,0,0,.45);font-size:19px;margin-right:5px}.home{background:linear-gradient(0deg,#e5e3de 90%,#2aa884 0);align-items:center;justify-content:center}.home,.home>.home__container{width:100vw;height:100vh;display:flex}.home>.home__container{align-items:flex-start;max-width:1500px;margin-left:auto;margin-right:auto}@media (min-width:1650px){.home>.home__container{height:95vh!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;cursor:auto}::-webkit-scrollbar-thumb:hover{background:#555}.app{overflow:hidden}.login{background-color:#f0f0f0;height:100vh;width:100vw}.login>.login__container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.login>.login__container>.modal{background-color:#fffefe;width:280px;height:290px;box-shadow:2px 2px 8px 2px #d3d3d3;border-radius:10px}.login>.login__container>.modal>.modal__container{display:flex;flex-direction:column;align-items:center}.login>.login__container>.modal>.modal__container>img{object-fit:contain;width:120px;margin-top:2.5em;margin-bottom:1.3em}.login>.login__container>.modal>.modal__container>.phone{padding:.8em 0;border:none;font-size:.8em;cursor:pointer;width:90%;border:none!important}.login>.login__container>.modal>.modal__container>.phone .PhoneInputCountryIcon{height:20px;width:30px}.login>.login__container>.modal>.modal__container>.phone input{padding:5px;border:none!important;border-bottom:1px solid #40c351!important}.login>.login__container>.modal>.modal__container>.phone input:focus{outline:none!important;border-bottom-width:2px!important}.login>.login__container>.modal>.modal__container>button{padding:.8em 2.7em;width:90%;background-color:#40c351;color:#fff;border:none;margin-top:1em;font-size:.8em;cursor:pointer;box-shadow:0 2px 8px #b3b2b2;transition:.1s ease-out;position:relative;z-index:4}.login>.login__container>.modal>.modal__container>button:before{content:"";width:100%;background-color:#40c351;height:36px;z-index:-1;position:absolute;inset:0}.login>.login__container>.modal>.modal__container>button:after{content:"";width:100%;background-color:#1f9244;height:36px;inset:0;position:absolute;z-index:-2;display:block;transition:.3s ease-out}.login>.login__container>.modal>.modal__container>button:hover:after{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.login>.login__container>.modal>.modal__container>h1{margin-top:1.3em;margin-bottom:.5em;font-size:22px;text-align:left;width:90%;color:#242424;font-weight:500}.login>.login__container>.modal>.modal__container>p{font-size:15px;color:grey;width:90%;margin-bottom:1em}.login>.login__container>.modal>.modal__container>.verification__form{width:90%;font-size:1.7em;border:none;outline:none;margin-top:.5em;width:100px}.login>.login__container>.modal>.modal__container>.line{height:1px;width:90%;background-color:#000;margin-bottom:.7em}.profile__form{height:100vh;width:100vw}.profile__form>.profile__form__container{height:100%;width:100%}.profile__form>.profile__form__container>.modal{height:100%;width:100%;display:flex}.profile__form>.profile__form__container>.modal>.hero__section{flex:0.65 1;background-image:url(/static/media/profile-hero.8690d3f4.jpg);background-size:cover;background-blend-mode:overlay;background-color:rgba(128,255,0,.083)}.profile__form>.profile__form__container>.modal>.form__container{flex:0.35 1;background-color:#f1f0f0}.profile__form>.profile__form__container>.modal>.form__container>form{display:flex;flex-direction:column;padding:2em 4em}.profile__form>.profile__form__container>.modal>.form__container>form>input[type=file]{display:none}.profile__form>.profile__form__container>.modal>.form__container>form>label{width:200px;height:200px;border-radius:50%;margin:2em auto 3em;cursor:pointer}.profile__form>.profile__form__container>.modal>.form__container>form>label>div{width:200px;height:200px;border-radius:50%;background-color:#26cc6b;margin:0 auto;cursor:pointer;display:grid;place-content:center;background-size:cover}.profile__form>.profile__form__container>.modal>.form__container>form>label>div>.MuiSvgIcon-root{color:#fff;font-size:4em;transition:.4s}.profile__form>.profile__form__container>.modal>.form__container>form>label>div:hover>.MuiSvgIcon-root{-webkit-transform:scale(1.3);transform:scale(1.3)}.profile__form>.profile__form__container>.modal>.form__container>form>.progress{height:8px;width:320px;background-color:#cec9c9}.profile__form>.profile__form__container>.modal>.form__container>form>.progress>.progress__indicator{height:8px;background-color:#26cc6b}.profile__form>.profile__form__container>.modal>.form__container>form>input[type=text]{padding:1em;margin-bottom:1em;background-color:#fff;color:#373838;border:1px solid #dfdcdc}.profile__form>.profile__form__container>.modal>.form__container>form>input[type=text]:focus{outline:none}.profile__form>.profile__form__container>.modal>.form__container>form>button{padding:1em;background-color:#26cc6b;border:none;margin-top:1em;color:#fff;border-radius:4px;cursor:pointer;transition:.3s}.profile__form>.profile__form__container>.modal>.form__container>form>button:hover{box-shadow:0 2px 8px #b9b5b5}
/*# sourceMappingURL=main.2a73b575.chunk.css.map */