a{text-decoration:none}body{font-family:Poppins,"Courier New",Courier,monospace;width:100vw;overflow-x:hidden}*,body{color:#000}*{outline:none;margin:0;padding:0;transition:.2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-input-placeholder{color:#cfcdcd}:-ms-input-placeholder{color:#cfcdcd}::placeholder{color:#cfcdcd}.login-cont{display:flex;flex-direction:row;width:100vw;height:100vh}.login-left{background-color:#fff;height:100%;flex:0.4 1;display:flex;flex-direction:column;justify-content:space-between}.login-left .title-cont{padding-top:1rem;padding-left:.5rem}.login-left .form-title{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-left .form-title h1{font-size:2.2rem;margin-bottom:.1em}.login-left .form-title p{font-size:.8rem;font-weight:500}.login-left .form-title p span{color:#4c64e5}.login-left .form-body{align-items:center;padding-left:4rem;padding-right:4rem}.login-left .form-body,.login-left .form-body div{display:flex;flex-direction:column;justify-content:flex-start}.login-left .form-body div{width:100%;max-width:280px;align-self:center}.login-left .form-body div p{font-size:.6rem;color:#a5a5a5;font-weight:500}.login-left .form-body div .lower{color:#cfcdcd;font-size:.5rem}.login-left .form-body div div{display:flex;justify-content:center;align-items:center;flex-direction:row;background:#e8eff7;width:100%;border-radius:.8rem}.login-left .form-body div div input{width:100%;padding:.8rem;background:transparent;border:none;margin-left:.8rem;font-weight:600;color:#a5a5a5}.login-left .form-body div div input :focus{outline:none}.login-left .form-body div div .visibility{background:transparent;border:none;text-decoration:none;margin-right:1rem}.login-left .form-body div div .visibility :hover{background:none}.left-body{flex:0.74 1;display:flex;flex-direction:column;justify-content:space-between}.signin-cont{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.signin-cont div{width:100%;border-radius:.8rem;text-align:center;background-color:#ff015b;padding:.7rem .5rem;color:#e8eff7;box-shadow:4px 4px 10px rgba(0,0,0,.25);margin-bottom:.3rem}.signin-cont a{color:#e8eff7;text-decoration:none;width:32%}.signin-cont div:hover{opacity:.85;box-shadow:4px 4px 10px rgba(0,0,0,.5)}.signin-cont div:active{opacity:.4}.signin-cont p{font-size:.6rem;color:#cfcdcd;font-weight:500}.signin-cont p span{color:#459af7}.loginbuttons{height:100px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.loginbuttons .button-group{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;width:100%;max-width:250px;margin-top:1rem}.loginbuttons .button-group div{height:60px;width:90px;display:-ms-grid;display:grid;place-items:center;border:1px solid #cfcdcd;border-radius:1rem;cursor:pointer}.loginbuttons .button-group div:hover{opacity:.85}.loginbuttons .button-group div:active{opacity:.4}.title{color:#000;font-size:1.5rem}.title span{color:#4c64e5}.login-right{background-color:#459af7;height:100%;flex:0.6 1;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-right .image{height:50vh;width:50%;display:-ms-grid;display:grid;place-items:center}.login-right ul{list-style:none;text-align:center;color:#fff}.login-right ul li{margin:.3rem}.contwith{max-width:350px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.contwith .line{height:1.45px;background:#a5a5a5;flex:0.4 1}.contwith span{font-size:.8rem;color:#cfcdcd;font-weight:500;padding-left:1rem;padding-right:1rem}.dashboard{background:#e8eff7;width:100vw;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:3.5rem;background-color:#fff}.dashboard-header .title{padding-left:1rem}.dashboard-header .header-right{flex:0.26 1;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard-header .header-right .circlebutton:hover{opacity:.7}.dashboard-header .header-right .circlebutton:active{opacity:.4}.dashboard-header .header-right .circlebutton{height:2.2rem;width:2.2rem;border-radius:50%;background:#e8eff7;display:-ms-grid;display:grid;place-items:center;cursor:pointer;overflow:hidden}.dashboard-header .header-right .circlebutton img{height:2.2rem;border-radius:50%}.dashboard-header .header-right .header-profile:hover{opacity:.7}.dashboard-header .header-right .header-profile:active{opacity:.4}.dashboard-header .header-right .header-profile{display:flex;align-items:center;flex-direction:row;cursor:pointer}.dashboard-header .header-right .header-profile .circlebutton{background-image:url(https://assets.teenvogue.com/photos/5b437a59330f9550cdec8636/16:9/w_2560%2Cc_limit/lede.jpg);background-position:50%;background-size:auto 100%}.dashboard-header .header-right .header-profile .profile-data{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:2rem;padding-left:4px}.dashboard-header .header-right .header-profile .profile-data p{font-weight:600;font-size:.8rem}.dashboard-header .header-right .header-profile .profile-data .profile-data-upper{display:flex;width:100%;justify-content:space-between;align-items:center}.dashboard-header .header-right .header-profile .profile-data .profile-data-upper p{font-size:.5rem;color:#cfcdcd}.dashboard-body{flex:1 1;display:flex;flex-direction:row}.outerflex-left{flex:0.2 1;display:flex;flex-direction:column}.outerflex-left h3{padding:10px 10px 5px;font-size:1rem;font-weight:800;width:100%;text-align:start}.outerflex-left .left-upper{flex:0.7 1;margin:1rem 1rem 1rem 2rem;padding-bottom:.5rem;max-height:430px}.outerflex-left .left-lower,.outerflex-left .left-upper{background-color:#fff;border-radius:1rem;max-width:200px;min-width:184px}.outerflex-left .left-lower{margin:1rem 1rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;flex:0.25 1;padding:.3rem}.outerflex-left .left-lower h3{padding-bottom:0;margin-left:1rem}.outerflex-left .left-lower .content{display:flex;flex-direction:column;justify-content:space-evenly;width:90%;flex:1 1;margin-left:1rem;margin-right:1rem}.outerflex-left .left-lower .content p{text-align:left;width:100%;font-size:.8rem;font-weight:600}.outerflex-left .left-lower .content .content-lower{font-size:.5rem;text-align:end;color:#a5a5a5}.outerflex-left .left-lower .content .bar{flex-basis:90%;height:.3rem;display:flex;background-color:#a5a5a5;border-radius:.15rem;margin:5px 1rem 5px 5px}.outerflex-left .left-lower .content .bar div{flex-basis:70%;background-color:#ff015b;border-radius:.15rem}.outerflex-right{flex:0.8 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-right:1rem}.innerflex-lower{flex:0.9 1;display:flex;flex-direction:row}.innerflex-lower .lower-left{transform:translateY(-1rem);flex:0.7 1;margin-top:1rem;margin-right:1rem;display:flex;flex-direction:column}.innerflex-lower .lower-left>p{font-size:.8rem;color:#a5a5a5;margin-bottom:.7rem}.innerflex-lower .lower-left .post{border-radius:1rem;background-color:#fff;min-height:150px;margin-bottom:1rem;margin-right:2rem}.innerflex-lower .lower-right{flex:0.4 1;display:flex;justify-content:center;align-items:flex-start;margin-top:1rem;margin-bottom:2rem;margin-right:1rem}.innerflex-lower .lower-right .right-data{border-radius:1rem;width:100%;background-color:#fff}.account{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#dfdfdf;padding:.5rem 7px;margin:.3rem .3rem .4rem;border-radius:.7rem}.account .circlesvg{border-radius:50%;overflow:hidden;display:-ms-grid;display:grid;place-items:center;background:#fff;height:1.3rem;width:1.3rem}.account p{font-size:.7rem;font-weight:500;padding-left:.7rem;flex:1 1;text-align:start}.tick{height:.9rem;width:.9rem;background:#e8eff7;border-radius:50%;display:-ms-grid;display:grid;place-items:center;cursor:pointer}.bggreen{background-color:#08bf98}.multilist{list-style:none;font-size:.8rem;display:flex;flex-direction:column;padding-left:.3rem}.multilist li{width:100%}.multilist p{display:flex;align-items:center;padding:2px}.multilist p div{margin-right:.3rem;height:1rem;width:1rem}.multilist ul{list-style:none;font-size:.6rem;padding-left:1.5rem}.multilist ul p div{height:.8rem;width:.8rem}.post{flex-direction:column;padding:1rem}.post,.post .post-top{display:flex;justify-content:space-between}.post .post-top{align-items:flex-start}.post .post-top .post-topleft{display:flex}.post .post-top .post-topleft .post-img{height:3rem;width:3rem;border-radius:50%;background-image:url(https://assets.teenvogue.com/photos/5b437a59330f9550cdec8636/16:9/w_2560%2Cc_limit/lede.jpg);background-position:50%;background-size:auto 100%}.post .post-top .post-topleft .post-person{margin-left:.4rem}.post .post-top .post-topleft .post-person .name{font-weight:700;font-size:1.1rem;color:#4c64e5}.post .post-top .post-topleft .post-person .date{font-size:.5rem;color:#cfcdcd}.post .post-top .exclmation{height:1.5rem;width:1.5rem;border-radius:50%;background:#ff015b;color:#fff;display:-ms-grid;display:grid;place-items:center;font-weight:700}.post .post-body{display:flex}.post .post-body p{flex:1 1;font-size:.8rem;color:#a5a5a5}.post .post-body div{display:-ms-grid;display:grid;place-items:center;font-size:1.75rem;cursor:pointer;color:#a5a5a5;height:2.5rem;width:2.5rem;border-radius:50%}.post .post-body div:hover{opacity:.75;background-color:#e8eff7}.post .post-body div:active{opacity:.4}.post .post-bottom{margin-top:1.3rem}.post .post-bottom,.post .post-bottom .platform{display:flex;justify-content:space-between;align-items:center}.post .post-bottom .platform{height:1.3rem;background-color:#dfdfdf;border-radius:1rem;padding:.2rem .2rem .2rem .4rem}.post .post-bottom .platform div{height:1.2rem;width:1.2rem;display:-ms-grid;display:grid;place-items:center}.post .post-bottom .platform p{margin-left:.3rem;display:-ms-grid;display:grid;place-items:center;font-size:.55rem;margin-right:.4rem}.post-svgs{display:flex;justify-content:space-between;align-items:center}.post-svgs div{display:-ms-grid;display:grid;place-items:center;height:1.4rem;width:1.4rem;border-radius:50%;background:#f3f3f3;margin-left:.7rem;cursor:pointer}.post-svgs div:hover{background:#d3d2d2;opacity:.75}.post-svgs div:active{opacity:.4}.right-data{padding:1rem;flex-direction:column;align-items:flex-start}.right-data,.right-data .post-topleft{display:flex}.right-data .post-topleft .post-img{height:3rem;width:3rem;border-radius:50%;background-image:url(https://assets.teenvogue.com/photos/5b437a59330f9550cdec8636/16:9/w_2560%2Cc_limit/lede.jpg);background-position:50%;background-size:auto 100%}.right-data .post-topleft .post-person{margin-left:.4rem}.right-data .post-topleft .post-person .name{font-weight:700;font-size:1.1rem;color:#4c64e5}.right-data .post-topleft .post-person .date{font-size:.5rem;color:#cfcdcd}.right-data .right-upper-data{padding-top:.7rem;font-size:.8rem;color:#a5a5a5}.right-data .right-img{margin-top:1rem;height:200px;width:100%;background-image:url(https://cdn.pixabay.com/photo/2016/11/08/05/29/surgery-1807541_1280.jpg);background-size:cover;background-position:50%;border-radius:1rem}.right-data .right-bottomtop{display:flex;justify-content:space-between;align-items:center;width:100%}.right-data .right-bottomtop .post-svgs2{margin-top:.5rem}.right-data .right-bottomtop .post-bottom-topleft{display:flex;margin-top:1rem}.right-data .right-bottomtop .post-img{height:2.3rem;width:2.3rem;border-radius:50%;background-image:url(https://assets.teenvogue.com/photos/5b437a59330f9550cdec8636/16:9/w_2560%2Cc_limit/lede.jpg);background-position:50%;background-size:auto 100%}.right-data .right-bottomtop .post-person{margin-left:.4rem}.right-data .right-bottomtop .post-person .name{font-weight:700;font-size:1rem;color:#000}.right-data .right-bottomtop .post-person .date{font-size:.5rem;color:#cfcdcd}.right-data .right-lowerdata{padding-top:.7rem;font-size:.8rem;color:#a5a5a5}.right-form{margin-top:1rem;margin-bottom:.7rem;width:93%;display:flex;padding:.3rem;border:1.5px solid #cfcdcd;border-radius:.4rem}.right-form input{width:100%;border:none}.right-form span{cursor:pointer}.right-form span:hover{opacity:.75}.right-form span:active{opacity:.4}.right-bottom{width:100%}.bottom-left-buttons,.bottom-left-buttons .button,.right-bottom{display:flex;justify-content:space-between}.bottom-left-buttons .button{background-color:#ececec;border-radius:.5rem;padding:.2rem .4rem;font-size:.8rem;width:45px;align-items:center;cursor:pointer}.bottom-left-buttons .button:hover{opacity:.75}.bottom-left-buttons .button:active{opacity:.4}.bottom-left-buttons .like{color:#459af7;margin-right:.5rem}.bottom-left-buttons .ban{color:#ff015b}.bottom-right-buttons{margin-right:.7rem;background-color:#08bf98;border-radius:.5rem;padding:.2rem .4rem;font-size:.7rem;width:45px;justify-content:space-between;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center}.bottom-right-buttons:hover{opacity:.75}.bottom-right-buttons:active{opacity:.4}.innerflex-upper{margin-top:1.75rem;flex:0.1 1;margin-right:2.5rem}.innerflex-upper,.upperbox{display:flex;align-items:center}.upperbox{height:50px;width:150px;margin-left:1rem;margin-right:1rem;justify-content:space-between;background:#fff;padding:.7rem;border-radius:.4rem;box-shadow:2px 2px 4px hsla(0,1%,60%,.25),-2px 2px 4px hsla(0,1%,60%,.25)}.upperbox .upperbox-left{display:flex;flex-direction:column;justify-content:space-between;height:100%}.upperbox .upperbox-left p{font-size:.65rem;color:#a5a5a5}.upperbox .upperbox-left .upperbox-number{font-size:1rem;font-weight:700;color:#000}.upperbox .upperbox-right{border-radius:50%;font-size:1.4rem;font-weight:700;color:#fff}.upperbox .upperbox-right,.upperbox .upperbox-right div{width:2.5rem;height:2.5rem;display:-ms-grid;display:grid;place-items:center}.upper-left-drop{display:flex;font-weight:700}.upper-left-drop .upper-dropdown{margin-left:.5rem;padding:.5rem .3rem;cursor:pointer;border-radius:.4rem;background-color:#fff;font-size:.65rem;color:#a5a5a5;display:flex;justify-content:space-between;align-items:center;box-shadow:2px 2px 4px hsla(0,1%,60%,.25),-2px 2px 4px hsla(0,1%,60%,.25)}.upper-left-drop .upper-dropdown:hover{box-shadow:2px 2px 4px rgba(0,0,0,.25),-2px 2px 4px rgba(0,0,0,.25)}.upper-left-drop .upper-dropdown:active{opacity:.4}
/*# sourceMappingURL=main.84252acb.chunk.css.map */