@import url(https://fonts.googleapis.com/css2?family=Shantell+Sans&display=swap);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}.login-page{align-items:center;display:flex;justify-content:center;padding-top:4rem}.login-card{border:1.5px solid #ccc;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:.5rem;width:20rem}.login-content{padding-bottom:.5rem;text-align:center}.pswd-login-section label,.username-login-section label{color:#555;cursor:pointer;display:block;font-size:1rem;font-weight:700;padding-bottom:5px;padding-left:.4rem;text-align:left}.pswd-login-section input,.username-login-section input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;letter-spacing:2px;padding:1rem;width:100%;word-spacing:2px}.pswd-login-section,.username-login-section{padding-bottom:.5rem;text-align:start}.pswd-login-section{padding-bottom:1rem;position:relative}.login-btn{background-color:#2874f0;border:1px solid #2874f0;border-radius:.3rem;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;padding:.5rem;width:100%}.login-btn:hover{background-color:#fff;border:1px solid #2874f0;color:#2874f0}.sign-up{color:#2874f0;font-weight:700}.eye-icon{align-items:center;display:inline-flex;position:absolute;right:4%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:320px){.login-page{padding-top:2.5rem}.login-card{padding:.3rem;width:14rem}.login-card,.pswd-login-section label,.username-login-section label{font-size:.6rem}.pswd-login-section input,.username-login-section input{font-size:.6rem;letter-spacing:1px;padding:.5rem;word-spacing:1px}.login-btn{font-size:.6rem}}@media (min-width:768px){.login-card{padding:1rem;width:30rem}}.signup-page{align-items:center;display:flex;justify-content:center;padding:2rem}.signup-card{border:1.5px solid #ccc;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:.5rem;width:20rem}.signup-content{padding-bottom:.5rem;text-align:center;width:100%}.name-inpt-section{display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.firstName-section,.lastName-section{flex:1 1}.email-section label,.firstName-section label,.lastName-section label,.pswd-section label,.username-section label{color:#555;cursor:pointer;display:block;font-size:1rem;font-weight:700;padding-bottom:5px;padding-left:.4rem;text-align:left}.email-section input,.firstName-section input,.lastName-section input,.pswd-section input,.username-section input{align-items:center;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:flex;letter-spacing:.2em;padding:.8rem;width:100%;word-spacing:2px}.email-section,.firstName-section,.lastName-section,.pswd-section,.username-section{padding-bottom:.7rem;text-align:start}.pswd-section{padding-bottom:1rem;position:relative}.signup-btn{background-color:#2874f0;border:1px solid #2874f0;border-radius:.3rem;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;padding:.5rem;width:100%}.signup-btn:hover{background-color:#fff;border:1px solid #2874f0;color:#2874f0}.form-info-last{padding-top:.5rem;text-align:center}.login{color:#2874f0;font-weight:700}.signup-eye-icon{align-items:center;cursor:pointer;display:inline-flex;position:absolute;right:4%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:320px) and (max-height:640px){.signup-card{padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-section label,.firstName-section label,.lastName-section label,.pswd-section label,.signup-card,.username-section label{font-size:.61rem}.email-section input,.firstName-section input,.lastName-section input,.pswd-section input,.username-section input{font-size:.61rem;letter-spacing:1px;padding:.5rem;word-spacing:1px}.signup-btn{font-size:.61rem}}@media (max-width:320px){.signup-card{padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-section label,.firstName-section label,.lastName-section label,.pswd-section label,.signup-card,.username-section label{font-size:.61rem}.email-section input,.firstName-section input,.lastName-section input,.pswd-section input,.username-section input{font-size:.61rem;letter-spacing:1px;padding:.5rem;word-spacing:1px}.signup-btn{font-size:.61rem}}@media (max-width:280px){.signup-card{padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-section label,.firstName-section label,.lastName-section label,.pswd-section label,.signup-card,.username-section label{font-size:.5rem}.email-section input,.firstName-section input,.lastName-section input,.pswd-section input,.username-section input{font-size:.5rem;letter-spacing:1px;padding:.5rem;word-spacing:1px}.signup-btn{font-size:.5rem;letter-spacing:.1em}.name-inpt-section{justify-content:flex-start}.email-username-container,.password-setion-container{display:flex}}@media (min-width:600px){.signup-card{min-width:30rem;width:auto}.signup-btn{letter-spacing:.1em}}@media (min-width:600px) and (max-height:400px){.signup-card{min-width:auto;padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-section label,.firstName-section label,.lastName-section label,.pswd-section label,.signup-card,.username-section label{font-size:.8rem}.email-section input,.firstName-section input,.lastName-section input,.pswd-section input,.username-section input{font-size:.8rem;letter-spacing:1px;padding:.5rem;word-spacing:1px}.signup-btn{font-size:.8rem}.name-inpt-section{justify-content:flex-start}.email-username-container,.password-setion-container{display:flex;gap:.2rem}}@media (min-width:768px){.signup-card{min-width:auto}}@media (min-width:1024px){.signup-card{min-width:30rem}}.posts-container{display:flex;flex-direction:column;gap:1rem;overflow-x:hidden;padding:2rem 1rem 1rem}@media (min-width:1280px){.posts-container{min-width:39.9rem}.home-feed-users-follow-bar{display:none}}@media (min-width:1500px){.posts-container{min-width:55.9rem}}.post-container{border-radius:.9rem;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;padding:1rem}.post-section{display:flex;flex-direction:column;gap:1rem;width:100%}.post-top-section{align-items:center;display:flex;justify-content:space-between}.user-details{align-items:center;color:var(--light-shade-color);display:flex;font-size:.8rem;gap:.5rem}.user-avatar{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.post-basic-info{display:flex;flex-direction:column;gap:.1rem}.user-name-details h4{color:var(--dark-shade-color);font-size:1rem;letter-spacing:.1em}.user-info{font-size:.7rem}.user-info span{color:var(--primary-color);font-size:.8rem;font-weight:700}.post-configs{position:relative;z-index:1}.config-menu{backdrop-filter:blur(9.2px);-webkit-backdrop-filter:blur(9.2px);background:rgba(246,249,251,.15);border:1px solid rgba(246,249,251,.25);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1rem;position:absolute;right:0;width:auto}.separator{border:1px solid #ccc}.action-btns,.action-btns-post{display:flex;justify-content:space-between}.action-btns-post{align-items:center;gap:1rem;width:50%}.action-btns button{align-items:center;background-color:initial;border:none;display:flex;gap:.2rem;outline:none}.icon-count{font-size:1rem}.edit-post-container{height:auto;padding:1rem;width:100%}@media (min-width:768px){.post-basic-info{align-items:center;flex-direction:row}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2001}.modal{background-color:var(--secondary-color);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.modal-close-btn{background:transparent;border-radius:50%;cursor:pointer;display:inline-block;font-size:1.3rem;padding:.4rem .6rem;position:absolute;right:1%;top:1%;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1}.modal-open{overflow:hidden}@media (min-width:1024px){.modal-close-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}.edit-emoji-container,.edit-gif-container{position:absolute;top:-10rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}@media (max-width:300px){.edit-emoji-container,.edit-gif-container{left:-1rem}}.users-follow-bar-container{border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative}.users-follow-bar-container h3{letter-spacing:.1em;text-transform:capitalize}.users-follow-bar-section{display:flex;gap:.5rem;overflow-x:scroll;padding:.5rem}.users-follow-bar-section::-webkit-scrollbar{height:4px}.suggested-users-section{align-items:center;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;min-width:12rem;padding:.5rem;width:12rem}.suggested-users-section button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:var(--secondary-color);display:flex;font-size:.5rem;gap:.2rem;padding:.2rem}.suggested-user-details{align-items:center;color:var(--light-shade-color);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;gap:.3rem;padding:1rem}.suggested-user-avatar{border-radius:50%;height:2.8rem;object-fit:cover;width:2.8rem}.suggested-user-info{display:flex;flex-direction:column}.suggested-user-info h4{color:var(--dark-shade-color);font-size:.9rem;letter-spacing:.05em}.btn-txt{font-size:.9rem}.btn-icon,.carousel-button{align-items:center;display:flex}.carousel-button{background-color:initial;border:none;cursor:pointer;height:2rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.carousel-button.left{left:0}.carousel-button.right{right:0}.no-follows-found{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media (min-width:768px){.btn-icon,.btn-txt{font-size:1rem}}@media (min-width:1280px){.users-follow-bar-container{gap:.5rem;height:auto;max-height:23rem;width:23rem}.users-follow-bar-section{flex-direction:column;gap:0;overflow-y:auto;padding:0}.users-follow-bar-section::-webkit-scrollbar{width:3px}.suggested-users-section{box-shadow:none;flex-direction:row;justify-content:space-between;padding:0;width:20rem}.carousel-button{display:none}}.filter-bar-container,.filter-bar-section{display:flex;width:100%}.filter-bar-section{align-items:center;justify-content:space-between}.filter-bar-section h3{font-size:1rem;letter-spacing:.2em;text-transform:capitalize}.filter-configs{position:relative}.filter-btn{background:transparent;border:none;color:var(--dark-shade-color);cursor:pointer;outline:none}.filter-menu{backdrop-filter:blur(9.2px);-webkit-backdrop-filter:blur(9.2px);background:rgba(246,249,251,.15);border:1px solid rgba(246,249,251,.25);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1rem;position:absolute;right:0;width:auto;z-index:2}@media (min-width:1024px){.filter-btn:hover{color:var(--primary-color)}}.create-post-grid{border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;gap:1rem;padding:.5rem}.create-post-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.create-post-contents{display:flex;gap:.5rem}.user-profile-pic{border-radius:50%;height:2.5rem;object-fit:cover;width:3rem}.post-input-container{display:flex;flex-direction:column;gap:1rem;width:100%}.post-input-section{background:transparent;border:none;font-family:inherit;font-size:1rem;height:auto;letter-spacing:.1em;line-height:1.4rem;outline:none;resize:none;width:100%}.post-input-actions,.post-input-features{align-items:center;display:flex;justify-content:space-between}.post-input-features{gap:2rem}.post-btn{align-items:center;align-self:flex-end;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:5px;color:var(--secondary-color);display:flex;font-size:.7rem;font-weight:500;letter-spacing:.1em;outline:none;padding:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-emoji,.add-gif,.add-media{cursor:pointer;transition:opacity .5s ease-in-out}.post-btn:disabled{background-color:var(--medium-shade-color);border-color:var(--medium-shade-color);color:var(--light-shade-color);cursor:not-allowed}.media-input-container{display:flex;justify-content:center;overflow:hidden;position:relative}.media-content{position:relative}.media-input-section{max-height:25rem;max-width:25rem}.media-input-section,.media-input-video-section{aspect-ratio:auto;border-radius:.9rem;height:auto;object-fit:fill;width:100%}.media-input-video-section{max-height:35rem;max-width:40rem}.close-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;cursor:pointer;position:absolute;right:2%;top:1%}.close-btn-icon{align-self:center;color:var(--medium-shade-color);display:flex}.add-emoji-label,.add-gif-label{position:relative}.emoji-container,.gif-container{position:absolute;top:10rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}@media (max-width:320px){.post-input-features{gap:1rem}}@media (max-width:300px){.emoji-container,.gif-container{left:-1rem}}@media (max-width:250px){.post-input-features{gap:.5rem}.add-emoji,.add-gif{display:none}}@media (min-width:768px){.post-btn{font-size:.9rem}}@media (min-width:1024px){.create-post-grid{min-width:22rem}.post-btn:hover{background-color:var(--secondary-color);color:var(--primary-color)}.add-emoji:hover,.add-gif:hover,.add-media:hover,.post-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.close-btn{right:1%}}@media (min-width:1280px){.create-post-grid{min-width:37.8rem}}@media (min-width:1500px){.create-post-grid{min-width:53.8rem}}.search-bar-container{display:flex;flex-direction:column;gap:.5rem;position:relative;width:100%}.search-bar{border-radius:.9rem;box-shadow:0 1px 3px rgba(0,0,0,.08);font-family:inherit;height:2.5rem;outline:none;padding:1rem 0 1rem 1rem;width:100%}.search-bar,.search-results{background:var(--white-color);border:1px solid #d7e1e7}.search-results{border-radius:.9rem;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:.5rem;left:0;max-height:18rem;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.search-user-card{align-items:center;background:var(--secondary-color);border:1px solid transparent;border-radius:.8rem;color:var(--dark-shade-color);display:flex;gap:.7rem;padding:.6rem .75rem;text-align:left;transition:background-color .2s ease,border-color .2s ease;width:100%}.search-user-card:hover{background:rgba(80,171,245,.08);border-color:rgba(80,171,245,.3);-webkit-transform:none;transform:none}.search-user-avatar{border-radius:50%;flex-shrink:0;height:2.5rem;object-fit:cover;width:2.5rem}.search-user-info{display:flex;flex-direction:column;min-width:0}.search-user-handle,.search-user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.search-user-name{font-size:.8rem;font-weight:600}.search-user-handle{color:var(--medium-shade-color);font-size:.7rem}.search-no-results{color:var(--medium-shade-color);font-size:.8rem;padding:.8rem .5rem}@media (min-width:768px){.search-user-name{font-size:.9rem}.search-user-handle{font-size:.8rem}}@media (min-width:1024px){.search-bar-container{width:23rem}.explore-feed-search-bar{display:none}}.user-profile-section{display:flex;flex-direction:column;position:relative;width:100%}.profile-header{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:1px solid var(--dark-shade-color);display:flex;gap:1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.profile-user-info{color:var(--medium-shade-color);font-weight:700}.profile-user-info h3{color:var(--dark-shade-color);letter-spacing:.2em}.profile-user-name{align-items:center;display:flex;gap:.1rem}.profile-user-name span{color:var(--primary-color)}.back-btn{background:transparent;border:none}.profile-banner{height:12rem;width:100%}.profile-banner img{height:100%;object-fit:cover;width:100%}.profile-user-details{align-self:flex-start;color:var(--light-shade-color);display:flex;flex-direction:column;font-size:.8rem;gap:.3rem;padding:1rem;position:absolute;top:10rem}.profile-user-avatar{border-radius:50%;height:8rem;object-fit:cover;width:8rem}.profile-user-info{display:flex;flex-direction:column}.profile-user-info h4{color:var(--dark-shade-color);font-size:1.2rem;letter-spacing:.2em}.profile-action-btns{display:flex;gap:.4rem;justify-content:flex-end;padding:.5rem}.profile-action-default-btn{align-items:center;background-color:var(--primary-color);border:none;border:1px solid var(--primary-color);border-radius:8px;color:var(--secondary-color);display:flex;font-weight:500;gap:.2rem;padding:.4rem}.profile-action-btn-txt{font-size:.9rem}.profile-action-btn-icon{align-items:center;display:flex}.profile-bio-details{display:flex;flex-direction:column;gap:1rem;padding:4rem 1rem 1rem}.profile-bio-details a{align-items:center;color:var(--medium-shade-color);display:flex;gap:.5rem;text-decoration:none}.profile-bio-details a span{color:var(--primary-color)}.follow-info-section{display:flex;gap:1rem}.follow-info{align-items:center;color:var(--medium-shade-color);cursor:pointer;display:flex;gap:.3rem}.follow-info span{color:var(--dark-shade-color);font-weight:bolder}.detail-tabs-section{display:flex;flex-direction:column;padding-top:1rem;width:100%}.detail-tabs-navbar{padding:.5rem;width:100%}.detail-tabs-navbar ul{align-items:center;display:flex;font-weight:700;justify-content:space-evenly;list-style:none}.detail-tabs-navbar ul li{cursor:pointer}.tab-active{border-bottom:2px solid var(--primary-color)}.unfollow-btn{background-color:var(--secondary-color);border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.followers-txt,.following-txt{cursor:pointer}@media (max-width:320px){.profile-user-details{top:10.5rem}}@media (max-width:300px){.profile-user-details{gap:1.5rem;top:13rem}.profile-user-avatar{height:4rem;width:4rem}}@media (max-width:250px){.edit-btn-jio{display:none}}@media (min-width:1024px){.profile-header{border:none}.profile-banner{min-width:24rem}.followers-txt:hover,.following-txt:hover{text-decoration:underline}}@media (min-width:1280px){.profile-banner{min-width:40rem}}@media (min-width:1400px){.profile-banner{min-width:55.9rem}}@media (min-width:2500px){.profile-banner{min-width:120rem}}.edit-profile-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;position:relative}.edit-profile-banner{height:5rem;width:100%}.edit-profile-banner img{border-radius:.4rem;height:100%;object-fit:cover;position:relative;width:100%}.edit-profile-user-details{align-self:flex-start;display:flex;flex-direction:column;gap:.3rem;left:.3rem;padding:1rem;position:absolute;top:2.5rem}.edit-profile-user-avatar{border-radius:50%;height:4.5rem;object-fit:cover;position:relative;width:4.5rem}.edit-prof-dp-icon{align-items:center;background-color:var(--secondary-color);border-radius:50%;display:flex;left:50%;padding:.2rem .3rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prof-pic-config-menu{backdrop-filter:blur(.7rem);-webkit-backdrop-filter:blur(9.2px);background:hsla(0,0%,100%,.15);border:1px solid rgba(246,249,251,.25);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;min-width:10rem;padding:.5rem;position:absolute;top:50%;width:auto}.edit-prof-banner-icon{align-items:center;background-color:var(--secondary-color);border-radius:50%;display:flex;left:50%;padding:.2rem .3rem;position:absolute;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text-edit-section{display:flex;flex-direction:column;gap:1rem;padding-top:2.5rem}.text-edit-category{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.edit-prof-action-btns{align-items:center;display:flex;justify-content:space-evenly}.edit-profile-action-default-btn{align-items:center;background-color:var(--primary-color);border:none;border:1px solid var(--primary-color);border-radius:8px;color:var(--secondary-color);display:flex;font-weight:500;gap:.2rem;padding:.4rem}.cancel-btn{background-color:var(--secondary-color);border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.bio-input-section{border:none;border-radius:.2rem;resize:none}.bio-input-section,.portfolio-url-inpt{font-family:inherit;height:auto;letter-spacing:.05em;outline:none;padding:.2rem;width:100%}.portfolio-url-inpt{border:1px solid #ccc;border-radius:.2rem}.avatars-container{left:8.05rem;position:absolute;-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}.avatars-section{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:20rem}.avatar-selection-section{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-option{border-radius:50%;cursor:pointer;height:3.5rem;object-fit:cover;transition:opacity .5s ease-in-out;width:3.5rem}@media (min-width:1024px){.avatar-option:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}.header,.user-profile-container{display:flex;width:100%}.header{align-items:center;background-color:var(--secondary-color);box-shadow:0 25px 20px -20px rgba(0,0,0,.45);color:var(--primary-color);justify-content:space-between;left:0;padding:.5rem 1rem;position:relative;right:0;top:0}.header img{border-radius:50%;height:3.5rem;object-fit:cover;width:3.5rem}.link{color:var(--primary-color);text-decoration:none}.header h1{letter-spacing:.2em;text-transform:capitalize}.logo-app-name{align-items:center;display:flex;gap:1rem}.header-logout{display:none}@media (min-width:768px){.header-logout{display:inline-flex}}.footer{background-color:var(--primary-color);bottom:0;color:var(--dark-shade-color);font-weight:500;left:0;position:relative;right:0;text-align:center;width:100%;z-index:999}.footer h4{font-weight:800}.footer a{color:inherit;text-decoration:none}.footer-text-container{display:flex;flex-direction:column}.social-media-icons{background-color:var(--dark-shade-color);bottom:0;color:var(--secondary-color);left:0;padding:10px;right:0;width:100%}.unordered ul{list-style:none}.list-inline li{display:inline;padding:0 .4rem}.copyrt-txt,.developer-txt{padding:5px}.heart{color:var(--red-shade-700);font-size:1rem}.app-layout{display:flex;flex-direction:column}@media (min-width:768px){.grid-layout{display:grid;grid-template-columns:3.7rem auto}}@media (min-width:1280px){.grid-layout{display:grid;grid-template-columns:15rem auto auto;justify-content:space-between;position:relative}}.navbar{background-color:var(--secondary-color);border-top:2px solid var(--dark-shade-color);bottom:0;font-weight:500;left:0;padding:.75rem;position:-webkit-sticky;position:sticky;right:0;z-index:2000}.navbar,.navbar ul{align-items:center;display:flex;width:100%}.navbar ul{gap:1rem;justify-content:space-between;list-style:none}.nav-item{cursor:pointer;pointer-events:auto}@media (min-width:768px){.navbar{display:none}}.sidebar{display:none}.sidebar-navigation ul{display:flex;flex-direction:column;padding:1rem}.sidebar-navigation li{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;gap:1rem}.sidebar-navigation .active{font-weight:700}.nav-link{align-self:center;display:flex}.current-user-details{align-items:center;color:var(--light-shade-color);display:none;font-size:.8rem;gap:.3rem;padding:1rem}.current-user-avatar{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.current-user-info{display:flex;flex-direction:column}.current-user-info h4{color:var(--dark-shade-color);font-size:1rem;letter-spacing:.05em}@media (min-width:768px){.sidebar{display:flex;flex-direction:column;justify-content:space-between;max-width:3.7rem;width:3.7rem}.sidebar-navigation{border-right:2px solid var(--dark-shade-color);display:flex;height:100%;position:relative}.sidebar-navigation ul{bottom:0;height:calc(100vh - 8rem);justify-content:space-between;left:0;position:-webkit-sticky;position:sticky;top:0}}@media (min-width:1280px){.sidebar{bottom:0;height:calc(100vh - 8rem);left:0;max-width:none;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:auto}.sidebar-navigation{border-right:none}.sidebar-navigation ul{gap:2rem;height:auto;justify-content:normal;position:static}.current-user-details{bottom:0;display:flex;left:0;position:fixed}}.second-sidebar-container{display:none}.second-sidebar-contents{bottom:0;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 8rem);padding:2rem 1rem 1rem;position:-webkit-sticky;position:sticky;right:0;top:0}@media (min-width:1280px){.second-sidebar-container{display:flex}}.loader-overlay{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:9999}.loader-container{position:relative}.vortex-wrapper{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#50abf5;--secondary-color:#f6f9fb;--light-shade-color:#aec0ca;--medium-shade-color:#668799;--dark-shade-color:#1f4e69;--white-color:#fff;--red-shade-600:#dc2626;--red-shade-700:#b91c1c;--orange-shade-600:#ea580c;--green-shade-600:#16a34a}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}.App{background-color:#f6f9fb;background-color:var(--secondary-color);color:#1f4e69;color:var(--dark-shade-color);font-family:Shantell Sans,cursive;max-width:100vw}.section{min-height:calc(100vh - 4rem)}.section-auth{min-height:calc(100vh - 8rem)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button,label{cursor:pointer;font-family:Shantell Sans,cursive;letter-spacing:.1em}button{transition:opacity .5s ease-in-out}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background-color:#f6f9fb;background-color:var(--secondary-color);border-radius:4px}::-webkit-scrollbar-thumb{background:#50abf5;background:var(--primary-color);border-radius:4px}.ss-view{display:inline-block}.ls-view,.ms-view,.xls-view{display:none}.cursor-pointer{cursor:pointer}.hidden{display:none}@media (min-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}p{font-size:1.125rem}.ss-view{display:none}.ms-view{display:inline-block}}@media (min-width:1024px){h1{font-size:3rem}h2{font-size:2rem}p{font-size:1.25rem}.ls-view{display:inline-block}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (min-width:1280px){.xls-view{display:inline-block}}
/*# sourceMappingURL=main.2d452703.css.map*/