body{margin:0;width:100%;min-height:100vh}.search-bar{padding:.7rem;font-size:.9rem;width:24rem;border:none}.search-field{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;border:1.1px solid #e5e7eb;border-radius:.5rem;outline:none}.search-icon{margin:.4rem}.navbar{padding:.4rem 2.5rem .2rem}.navWithoutSearch{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:fixed;top:0;left:0;right:0;z-index:1;padding:.3rem 1rem;background-color:var(--white-color);border-bottom:1px solid var(--gray-color)}.brand-logo{width:155px;height:55px}.nav-list{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:1.5rem;gap:1.5rem;margin-top:1.3rem}.nav-item:hover{color:var(--primary-color);font-weight:600}.user-icon{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.logoWithMenu,.user-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.logoWithMenu{grid-gap:1.2rem;gap:1.2rem}.bottomSearchBar,.menuIcon,.mobile-navlist,.mobileNavbar,.tabletNavbar{display:none}@media (max-width:842px){.navWithoutSearch{padding:.3rem .5rem}.nav-list,.navbar{display:none}ul{-webkit-padding-start:0;padding-inline-start:0}.mobileNavbar{-webkit-flex-direction:column;flex-direction:column;padding:.3rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:fixed;top:0;left:0;right:0;z-index:1;background-color:var(--white-color);border-bottom:1px solid var(--gray-color)}.mobileNavbar,.navContainer{display:-webkit-flex;display:flex}.navContainer{-webkit-justify-content:space-between;justify-content:space-between}.brand-logo{width:150px;height:50px}.menuIcon,.mobile-navlist{display:-webkit-flex;display:flex}.mobile-navlist{list-style:none}.mobile-navlist a{text-decoration:none;color:var(--black-color);font-weight:500}.search-field{max-width:100%}.mobile-NavItem{text-decoration:none}}@media (min-width:843px) and (max-width:1002px){.navbar{display:none}.brand-logo{width:150px;height:50px}.nav-item{font-size:.95rem}.nav-list{padding-left:0}.tabletNavbar{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:fixed;top:0;left:0;right:0;z-index:1;padding:.3rem 1rem;background-color:var(--white-color);border-bottom:1px solid var(--gray-color)}.logoWithNavlists,.tabletNavbar{display:-webkit-flex;display:flex}.logoWithNavlists{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.search-field{max-width:100%}}@media (min-width:1003px) and (max-width:1060px){.navbar{padding:.4rem}.nav-list{padding-left:0}.search-bar{width:8rem}}@media (min-width:1061px) and (max-width:1100px){.navbar{padding:.4rem}.nav-list{padding-left:0}.search-bar{width:12rem}}@media (min-width:1101px) and (max-width:1265px){.navbar{padding:.4rem}.nav-list{padding-left:0}.search-bar{width:17rem}}.videos-thumbnail-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;cursor:pointer;padding-bottom:1rem}.thumbnail-image{width:100%;height:200px}.videoInfo-container{grid-gap:.8rem;gap:.8rem;margin-top:1rem}.videoDetails-section,.videoInfo-container{display:-webkit-flex;display:flex;height:100%}.videoDetails-section{-webkit-flex-direction:column;flex-direction:column;margin-top:0}.video-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;font-weight:700;-webkit-flex-grow:1;flex-grow:1;font-size:1rem}.channel-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem;margin:.4rem 0 .2rem}.channel-name{font-size:.9rem;font-weight:500}.channel-image{width:40px;height:40px;border-radius:50%}.more-info{display:-webkit-flex;display:flex}.level{margin:0 .5rem 0 0;font-size:.9rem}.language{margin-left:.5rem;font-size:.9rem}@media (max-width:420px){.thumbnail-image{height:220px}}@media (min-width:421px) and (max-width:500px){.thumbnail-image{height:250px}}@media (min-width:501px) and (max-width:614px){.thumbnail-image{height:300px}}@media (min-width:770px) and (max-width:900px){.thumbnail-image{height:260px}}@media (min-width:1050px) and (max-width:1245px){.thumbnail-image{height:240px}}.playlist-overview-container{max-width:100%;margin:0 auto 4rem}.playlist-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.playlist-videos-overview{display:grid;grid-template-columns:repeat(5,.6fr);grid-gap:.8rem;margin:1rem 0}.more-videos{border:none;cursor:pointer}.name{margin:.2rem 0;font-size:1rem}.videos-count{font-size:.9rem;padding:.2rem 0}.empty-playlist-msg{text-align:center}.playlist-videos-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:.5rem;gap:.5rem}.playlist-thumbnail-image{width:250px;height:155px}.creator-channel-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem;margin:0 0 .2rem}.creator-name{font-size:.85rem;color:var(--dark-gray);font-weight:500}.remove-default{text-decoration:none;color:inherit}@media (max-width:600px){.playlistVideos{overflow:auto}.playlist-videos-overview{grid-gap:.4rem}.videos-count{font-size:.85rem}}@media (min-width:601px) and (max-width:800px){.playlistVideos{overflow:auto}.playlist-videos-overview{grid-gap:.4rem}.btn-sm{font-size:.9rem}}@media (min-width:801px) and (max-width:1200px){.playlistVideos{overflow:auto}.playlist-videos-overview{grid-gap:.5rem}.btn-sm{font-size:.9rem}}.horizontal-video-card{display:-webkit-flex;display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:2rem}.video-details-area{display:-webkit-flex;display:flex;grid-gap:1rem;gap:1rem}.link-tag{text-decoration:none;color:inherit}.video-details-vertical{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;max-width:60%;grid-gap:.5rem;gap:.5rem}.outer-area{margin-top:8rem}.selected-video-thumbnail{width:330px;height:200px}.video-info{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:.2rem auto;color:var(--dark-gray);line-height:1.5}.channel-logo-playlist-card{width:24px;height:24px;border-radius:50%}.card-video-title{font-size:1.2rem;margin-bottom:.3rem}.card-channel-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem;margin:.2rem 0 .1rem}.delete-btn{border:none;background-color:transparent;-webkit-align-self:flex-start;align-self:flex-start;cursor:pointer;margin-right:.2rem}.remove-btn{display:none}@media (max-width:500px){.horizontal-video-card{max-width:100%}.horizontal-video-card,.video-details-area{-webkit-flex-direction:column;flex-direction:column}.video-details-area{grid-gap:.2rem;gap:.2rem}.selected-video-thumbnail{width:100%;height:auto}.video-details-vertical{max-width:95%;grid-gap:.2rem;gap:.2rem}.card-video-title{margin-top:.3rem;font-size:.95rem}.video-info{-webkit-line-clamp:2;font-size:.8rem}.delete-btn{display:none}.remove-btn{display:block}.btn-sm{border:none;font-size:.8rem}}@media (min-width:501px) and (max-width:700px){.horizontal-video-card{max-width:100%}.horizontal-video-card,.video-details-area{-webkit-flex-direction:column;flex-direction:column}.video-details-area{grid-gap:.2rem;gap:.2rem}.selected-video-thumbnail{width:100%;height:auto}.video-details-vertical{max-width:95%;grid-gap:.2rem;gap:.2rem}.card-video-title{margin-top:.3rem;font-size:1.1rem}.video-info{-webkit-line-clamp:2;font-size:.9rem}.delete-btn{display:none}.remove-btn{display:block}.btn-sm{border:none;font-size:.95rem}}@media (min-width:701px) and (max-width:850px){.horizontal-video-card{max-width:100%}.video-details-vertical{width:95%}.selected-video-thumbnail{width:100%}.card-video-title{font-size:1rem}.video-info{font-size:.9rem}}@media (min-width:851px) and (max-width:1050px){.horizontal-video-card{max-width:100%}.video-details-vertical{width:95%}.selected-video-thumbnail{width:330px}.card-video-title{font-size:1rem}.video-info{font-size:.9rem}}.outer-modal{background-color:rgba(0,0,0,.75)}.modal-heading{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:.7rem 1rem 0}.playlist-modal-title{font-weight:600}.playlist-container{list-style:none;padding:0 1rem;margin-top:.5rem}.playlist-name{list-style:none;display:inline;cursor:pointer}.playlist-name>input[type=checkbox]{margin:.6rem .6rem .6rem 0}.new-playlist-field{padding:.3rem;border:none;font-size:.95rem}.new-playlist-field:focus{outline:none}.close-btn{padding:.3rem;border:none;background:transparent;cursor:pointer}.playlist-form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 1rem .5rem}hr{margin-bottom:0}.outer-modal{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(0,0,0,.75)}.inner-modal{background-color:#f9f9f9;max-width:35rem;margin:auto}.modal-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.modal-title{margin:1.8rem 0 1rem;padding:0 1.5rem;font-weight:600;color:var(--dark-black-color)}.modal-description{margin:.2rem 0 2rem;padding:0 1.5rem;font-size:.9rem}.login-action-btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid rgba(0,0,0,.10196078431372549);padding:.5rem 1rem}.user-action-btn{padding:.5rem;font-size:.9rem;border:none;background:transparent;cursor:pointer}.login-btn{color:#065fd4;font-weight:600}.cancel-btn{color:#606060;font-weight:500}.sideDrawer-outerContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:rgba(0,0,0,.6)}.sideDrawer-container{position:fixed;top:0;left:0;width:55%;height:100vh;background-color:#fff;padding:.8rem}.mobile-brand-logo{width:120px;height:40px}.sideHeader{-webkit-align-items:center;align-items:center}.mobile-NavList,.sideHeader{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.mobile-NavList{list-style:none;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem;padding:1rem 0;margin-top:1rem}.mobile-NavList a{text-decoration:none;color:var(--black-color);font-weight:500}.mobile-NavItem{padding:.6rem .8rem}.logout-nav{font-weight:500;cursor:pointer}@media (min-width:450px) and (max-width:834px){.sideDrawer-container{width:50%}}.videos-section{max-width:95%;margin:7rem auto 1rem;display:grid;grid-template-columns:repeat(4,.6fr);grid-gap:.8rem}.spinner-area{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:80vh}@media (max-width:614px){.videos-section{max-width:95%;margin:9rem auto 1rem;grid-template-columns:repeat(1,1fr)}}@media (min-width:615px) and (max-width:900px){.videos-section{max-width:95%;margin:9rem auto 1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:901px) and (max-width:1245px){.videos-section{max-width:98%;margin:9rem auto 1rem;grid-template-columns:repeat(3,1fr)}}.empty-search-container{max-width:100%;margin:9rem auto 0;text-align:center}.empty-search-title{font-size:1.6rem}.empty-search-msg{font-size:1.2rem}.hero,.heroMobile{height:100vh;width:100vw;position:relative}.content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;height:100%}.hero-title{font-size:3.5rem;font-weight:500;color:#fff}.hero-description{font-size:1.6rem;max-width:600px;margin:2.5rem auto;color:#fff;line-height:1.4}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.hero *{z-index:10}.heroMobile:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}@media (max-width:500px){.hero-title{font-size:2.7rem}.hero-description{font-size:1.2rem;margin:2rem auto;line-height:1.5}}@media (min-width:501px) and (max-width:800px){.hero-title{font-size:3rem}.hero-description{font-size:1.4rem;margin:2rem auto;line-height:1.4}}.empty-playlist-message{margin-top:7rem;text-align:center}.playlists-container{max-width:95%;margin:7rem auto 4rem}.video-playlist-title{max-width:75%;margin:7rem auto 2rem;font-size:1.5rem}@media (max-width:300px){.video-playlist-title{max-width:95%;margin:10rem auto 2rem;font-size:1.5rem}}@media (min-width:301px) and (max-width:1050px){.video-playlist-title{max-width:95%;margin:7rem auto 2rem;font-size:1.5rem}.selected-playlist-videos{max-width:98%;margin:auto}}.video-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:96%;margin:8rem auto .5rem;height:120vh}.videoBox{height:100%}.video-title{font-size:1.5rem;font-weight:700;color:var(--dark-black-color)}.video-details{margin-top:2rem;grid-gap:25rem;gap:25rem}.channel-view,.video-details{display:-webkit-flex;display:flex}.channel-view{grid-gap:.7rem;gap:.7rem}.channel-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.subscribers-count{color:var(--dark-gray)}.video-channel-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem;margin:0}.video-channel-name{font-size:.9rem;color:var(--dark-black-color);font-size:.96rem;font-weight:600;margin:.2rem 0 .1rem}.video-action-btns{display:-webkit-flex;display:flex;grid-gap:1.5rem;gap:1.5rem}.video-action-btn{padding:.5rem;border:none;background-color:transparent;cursor:pointer}.video-description{margin-top:0;line-height:1.5;color:var(--dark-gray)}@media (max-width:449px){.video-container{max-width:100%;height:100vh}.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.video-details,.videoInfo{padding:0 .5rem}.video-action-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.video-title{font-size:1.4rem;font-weight:500}.video-description{font-size:.95rem}.videoBox{height:32%}}@media (min-width:450px) and (max-width:589px){.video-container{max-width:100%;height:100vh}.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.video-details,.videoInfo{padding:0 .5rem}.video-action-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.video-title{font-size:1.4rem;font-weight:500}.video-description{font-size:.95rem}.videoBox{height:40%}}@media (min-width:590px) and (max-width:700px){.video-container{max-width:100%;height:100vh}.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.video-details,.videoInfo{padding:0 .5rem}.video-action-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.video-title{font-size:1.6rem;font-weight:500}.video-description{font-size:1rem}.videoBox{height:48%}}@media (min-width:701px) and (max-width:800px){.video-container{max-width:100%;height:100vh}.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.video-details,.videoInfo{padding:0 .5rem}.video-action-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.video-title{font-size:1.5rem;font-weight:500}.video-description{font-size:1rem}.videoBox{height:50%}}@media (min-width:801px) and (max-width:1000px){.video-container{max-width:100%;height:100vh}.video-details{-webkit-justify-content:space-between;justify-content:space-between;grid-gap:2rem;gap:2rem;padding:0 1rem}.videoInfo{padding:0 1rem}.video-title{font-size:1.6rem;font-weight:500}.video-description{font-size:1.1rem}.videoBox{height:75%}}.playlist-heading-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:75%;margin:7rem auto 2rem}.playlist-heading{font-size:1.5rem}.clear-history-btn{padding:.5rem .9rem;border:none;font-size:.95rem;background-color:var(--gray-color);cursor:pointer;border-radius:.4rem}@media (max-width:300px){.playlist-heading-container{max-width:95%;margin:8rem auto 1rem}}@media (min-width:301px) and (max-width:1050px){.playlist-heading-container{max-width:95%;margin:7.5rem auto 1rem}.selected-playlist-videos{max-width:98%;margin:auto}}.selected-playlist-videos{max-width:75%;margin:auto}.modify-playlistname{width:300px;padding:.4rem;font-size:1.1rem}.user-playlist-action-btns{margin-left:.7rem;display:inline}.save-btn{margin-top:.6rem;margin-right:1rem}.modifyForm,.selected-playlist-actions{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.selected-playlist-actions{-webkit-justify-content:space-between;justify-content:space-between;margin:6rem auto 2rem}.playlist-action-btn{padding:.4rem .6rem;border:none;background-color:transparent;cursor:pointer}.btn-1{margin-right:1rem}@media (max-width:349px){.selected-playlist-actions{margin:9rem auto 1rem}.modify-playlistname{width:90%;padding:.2rem;font-size:.8rem}.modifyForm{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.selected-playlist-title{font-size:1.2rem}.selected-playlist-videos{max-width:95%}}@media (min-width:350px) and (max-width:560px){.selected-playlist-actions{margin:8rem auto 1rem}.modify-playlistname{width:300px;padding:.2rem;font-size:.9rem}.modifyForm{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.selected-playlist-title{font-size:1.2rem}.selected-playlist-videos{max-width:95%}}@media (min-width:561px) and (max-width:850px){.selected-playlist-actions{margin:8rem auto 1rem}.modify-playlistname{width:300px;padding:.2rem;font-size:.9rem}.save-btn{margin-top:0}.selected-playlist-title{font-size:1.2rem}.selected-playlist-videos{max-width:95%}}@media (min-width:851px) and (max-width:1050px){.selected-playlist-actions{margin:8rem auto 1rem}.selected-playlist-videos{max-width:95%}.save-btn{margin-top:0}}.login-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;max-width:100%;margin:0 auto}.login-heading{margin-top:2rem;font-size:1.8rem}.login-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:90%;width:24%}.input-area{font-size:1rem;margin:1rem 0;padding:.8rem .5rem;border-radius:.2rem;border:.1px solid #ccc}input::-webkit-input-placeholder{color:#bbb}input:-ms-input-placeholder{color:#bbb}input::placeholder{color:#bbb}.w-100{margin:2rem auto}.btn-primary{font-size:1.2rem;padding:.6rem .8rem}.logout-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:4rem}.signup-msg{font-weight:500;margin-right:.4rem}@media (max-width:500px){.login-container{max-width:90%}.login-form{width:75%}}@media (min-width:501px) and (max-width:800px){.login-container{max-width:80%}.login-form{width:60%}}@media (min-width:801px) and (max-width:1200px){.login-container{max-width:85%}.login-form{width:35%}}.signup-container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:65vh;max-width:100%;margin:2rem auto 0}.signup-container,.signup-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.signup-form{-webkit-justify-content:space-between;justify-content:space-between;height:90%;width:24%}.input-area{display:block;padding:.6rem .5rem;border-radius:.5rem;border:.5px solid #ccc;width:100%;margin:.2rem auto 1rem}.input::-webkit-input-placeholder{color:#ccc}.input:-ms-input-placeholder{color:#ccc}.input::placeholder{color:#ccc}.w-100{width:100%;margin:1rem auto}.login-msg{margin-right:.4rem}@media (max-width:500px){.signup-container{max-width:90%}.signup-form{width:75%}}@media (min-width:501px) and (max-width:800px){.signup-container{max-width:80%}.signup-form{width:60%}}@media (min-width:801px) and (max-width:1200px){.signup-container{max-width:85%}.signup-form{width:35%}}.profile-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;max-width:100%;margin:7rem auto 0}.logout-btn{background-color:tomato;color:#fff;border:none;font-size:1.1rem;cursor:pointer}.profile-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:28rem}.profile-title{font-size:1.7rem;font-weight:500}.edit-data{margin-top:1rem;padding:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.edit-heading{font-size:1.4rem;font-weight:500;text-align:center;margin-bottom:1.5rem}.updateInfo{max-width:50rem;margin-top:1rem}.inputFields,.updateInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.userFullName{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.mt-05{margin-top:.5rem}.mr-3{margin-right:3rem}.form-input{margin:.5rem 0;padding:.4rem .5rem;color:#333;font-size:1rem;border-radius:.4rem;border:1px solid #ccc}.email-title,label{font-weight:500}.email-title{margin:.3rem 0 0}.email{padding:.4rem .5rem;color:#333;font-size:1rem;border-radius:.4rem;border:1px solid #ccc;margin-top:.5rem}.email:hover{cursor:not-allowed}.load-spinner{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:40vh}@media (max-width:289px){.profile-details{margin:8rem auto 0}.profile-header{display:block;max-width:100%;margin:auto}.profile-title{font-size:1.5rem;text-align:center}.edit-heading{font-size:1.3rem}.logout-btn{display:none}.edit-data{max-width:100%;margin:auto}.updateInfo{display:-webkit-flex;display:flex;max-width:98%;margin:1rem auto 0}.updateInfo,.userFullName{-webkit-flex-direction:column;flex-direction:column}.userFullName{grid-gap:.8rem;gap:.8rem}.mr-3{margin-right:0}}@media (min-width:290px) and (max-width:490px){.profile-header{display:block;max-width:100%;margin:auto}.profile-title{font-size:1.5rem;text-align:center}.edit-heading{font-size:1.3rem}.logout-btn{display:none}.edit-data{width:85%;margin:auto}.updateInfo{display:-webkit-flex;display:flex;max-width:98%;margin:1rem auto 0}.updateInfo,.userFullName{-webkit-flex-direction:column;flex-direction:column}.userFullName{grid-gap:.8rem;gap:.8rem}.mr-3{margin-right:0}}@media (min-width:491px) and (max-width:841px){.profile-header{display:block;max-width:100%;margin:1rem auto 0}.profile-title{font-size:1.6rem;text-align:center}.logout-btn{display:none}}*{box-sizing:border-box}body{max-width:100%}
/*# sourceMappingURL=main.fa7c93e7.chunk.css.map */