.profile-section{background-color:var(--white);color:var(--black);padding:7.5rem 0 15rem}.profile-section .content-wrapper{justify-content:space-between;align-items:center;width:90%;margin:0 auto;display:flex}.profile-section .content-wrapper main{flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}.profile-section .content-wrapper main .icon{color:var(--blue);will-change:transform;cursor:pointer;font-size:3rem;transition:all .225s}.profile-section .content-wrapper main .icon:hover{transform:translateY(-2px)}.profile-section .content-wrapper main h2{color:var(--black);font-family:var(--font-onest),sans-serif;letter-spacing:-.75px;margin-top:.75rem;font-size:2.5rem;font-weight:600}.profile-section .content-wrapper main .subHeading{color:#787878;margin:.25rem 0 1.5rem;font-size:21px;font-weight:400}.profile-section .content-wrapper main .login-form{flex-direction:column;width:100%;max-width:450px;margin:0 auto;display:flex}.profile-section .content-wrapper main .login-form__google{color:#22223b;background:var(--white);cursor:pointer;border:1px solid #e1e1e1;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin:0 0 1.5rem;padding:14px 0;font-size:1rem;font-weight:500;line-height:1;transition:all .3s;display:flex}.profile-section .content-wrapper main .login-form__google:hover{background-color:var(--black);color:var(--white);border-color:var(--black)}.profile-section .content-wrapper main .login-form__google-icon{font-size:1.25rem}.profile-section .content-wrapper main .login-form__divider{background:0 0;align-items:center;margin:0 0 1.5rem;padding:0;font-size:.95rem;font-weight:400;display:flex}.profile-section .content-wrapper main .login-form__divider-line{background:#d2d2d2;width:50%;height:1px;margin:0 .5rem;display:block}.profile-section .content-wrapper main .login-form__divider-text{-webkit-user-select:none;user-select:none;color:#737373}.profile-section .content-wrapper main .login-form__label{font-family:var(--font-onest),sans-serif;color:#22223b;flex-direction:column;margin-bottom:1.25rem;font-size:1rem;font-weight:500;display:flex}.profile-section .content-wrapper main .login-form__label-text{align-items:center;gap:2px;display:flex}.profile-section .content-wrapper main .login-form__required{color:var(--blue);margin-left:.15rem;font-size:1em;font-weight:500;display:inline}.profile-section .content-wrapper main .login-form__input-wrapper{background-color:var(--white);border:1px solid #dcdcdc;border-radius:9px;align-items:center;height:48px;margin:.25rem 0 0;font-size:1rem;font-weight:400;transition:all .3s;display:flex}.profile-section .content-wrapper main .login-form__input-wrapper:hover{border-color:#969696}.profile-section .content-wrapper main .login-form__input-wrapper:hover.__input-icon{color:red}.profile-section .content-wrapper main .login-form__input-wrapper:active,.profile-section .content-wrapper main .login-form__input-wrapper:focus,.profile-section .content-wrapper main .login-form__input-wrapper:focus-within{border-color:var(--dark-grey)}.profile-section .content-wrapper main .login-form__input-icon{color:#8c8c8c;justify-content:center;align-items:center;margin:0 .75rem;font-size:18px;display:flex}.profile-section .content-wrapper main .login-form__input-icon--right{margin-left:auto;margin-right:.75rem;font-size:20px;transition:all .3s}.profile-section .content-wrapper main .login-form__input-icon--right:hover{color:var(--dark-grey)}.profile-section .content-wrapper main .login-form__input{color:#22223b;background:0 0;border:none;outline:none;width:100%;min-width:0;margin:0;padding:.75rem 0;font-size:1rem;display:flex}.profile-section .content-wrapper main .login-form__options{justify-content:space-between;align-items:center;margin:0 0 1.25rem;font-size:1rem;display:flex}.profile-section .content-wrapper main .login-form__checkbox-label{font-family:var(--font-onest),sans-serif;letter-spacing:-.25px;color:#22223b;cursor:pointer;align-items:center;font-size:15px;display:flex}.profile-section .content-wrapper main .login-form__checkbox{accent-color:var(--blue);margin:0 .5rem 0 0}.profile-section .content-wrapper main .login-form__forgot{font-family:var(--font-onest),sans-serif;color:var(--blue);font-size:15px;text-decoration:underline;transition:all .3s;display:flex}.profile-section .content-wrapper main .login-form__forgot:hover{color:#22223b}.profile-section .content-wrapper main .login-form__submit{text-transform:uppercase;font-family:var(--font-onest),sans-serif;border:1px solid var(--white);background-color:var(--blue);color:var(--white);cursor:pointer;border-radius:14px;min-width:35%;margin-top:.5rem;padding:16px 1.75rem;font-size:18px;font-weight:600;line-height:1;transition:all .3s}.profile-section .content-wrapper main .login-form__submit:hover{background-color:var(--white);background-color:#000046}.profile-section .content-wrapper .instagram-story{background:#000050;border-radius:20px;width:50%;min-width:400px;max-width:550px;height:750px;margin:0 auto;position:relative;box-shadow:0 2px 8px #1e1e3c26,0 6px 24px #1e1e3c40}.profile-section .content-wrapper .instagram-story .logo{z-index:1111;color:#0000;background:linear-gradient(to bottom,var(--white)0%,var(--white)50%,var(--black)50%,var(--black)100%);-webkit-text-fill-color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:3.25vw;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.profile-section .content-wrapper .instagram-story__progress{z-index:3;gap:4px;display:flex;position:absolute;top:10px;left:16px;right:16px}.profile-section .content-wrapper .instagram-story__progress-bar{cursor:pointer;background:#fff6;border-radius:5px;flex:1;height:3px;overflow:hidden}.profile-section .content-wrapper .instagram-story__progress-fill{background:#fff;height:100%;transition:width .1s linear}.profile-section .content-wrapper .instagram-story__header{z-index:3;background:linear-gradient(#0b0b0b4d 0%,#0000 100%);border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;padding:16px 16px 45px;display:flex;position:absolute;top:0;left:0;right:0}.profile-section .content-wrapper .instagram-story__user{align-items:center;gap:8px;margin-top:6px;display:flex}.profile-section .content-wrapper .instagram-story__avatar{border:2px solid var(--white);border-radius:50%;width:34px;height:34px;overflow:hidden}.profile-section .content-wrapper .instagram-story__avatar img{object-fit:cover;width:100%;height:100%}.profile-section .content-wrapper .instagram-story__username{font-family:var(--font-onest),sans-serif;color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;border-radius:50px;font-size:14px}.profile-section .content-wrapper .instagram-story__time{color:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-user-select:none;user-select:none;font-size:14px}.profile-section .content-wrapper .instagram-story__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.profile-section .content-wrapper .instagram-story__image-container{z-index:1;border-radius:20px;position:absolute;inset:0}.profile-section .content-wrapper .instagram-story__image{object-fit:cover;border-radius:20px}.profile-section .content-wrapper .instagram-story__nav{z-index:2;color:var(--white);opacity:.75;cursor:pointer;background:#0b0b0b26;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:.5rem;font-size:2rem;transition:all .3s;display:flex}.profile-section .content-wrapper .instagram-story__nav--prev{position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.profile-section .content-wrapper .instagram-story__nav--next{position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.profile-section .content-wrapper .instagram-story__nav:hover{opacity:1;background:#0b0b0bbf}.profile-section .content-wrapper .instagram-story:hover .profile-section .content-wrapper .instagram-story__nav{opacity:1}@media screen and (max-width:1300px){.profile-section .content-wrapper .instagram-story{width:45%}}@media screen and (max-width:1100px){.profile-section .content-wrapper .instagram-story{width:42.5%}}
