.suggested-link{padding:.938rem;padding-inline:1.875rem;border-radius:.625rem;display:flex;align-items:center;gap:1vw;background-color:#fff}.suggested-link-divider{display:none}.link-full-url{width:100%;margin-right:auto;text-overflow:ellipsis;overflow:hidden;text-align:left}.short-link-wrapper{display:flex;align-items:center;gap:1vw}.copy-btn{padding-block:.625rem;padding-inline:1.875rem;border-radius:.313rem;border:none;background:#2bd1d1;color:#fff;font-weight:700}.link-short-url{color:#2bd1d1}.copy-btn.copied{color:#fff;background-color:#3b2f55}.copy-btn:hover{cursor:pointer;background-color:#9be3df}.copy-btn.copied:hover{color:#fff;background-color:#3b2f55}@media screen and (max-width: 60rem){.suggested-link{flex-direction:column;align-items:start;justify-content:center;text-align:start;padding:0;width:100%}.link-full-url,.short-link-wrapper{padding-block:.938rem;padding-inline:1.875rem}.short-link-wrapper{width:100%;display:flex;align-items:start;flex-direction:column;gap:1vh}.copy-btn{width:100%}.suggested-link-divider{display:block;width:100%;height:.063rem;background-color:#bfbfbf}}.link-shortener-container{width:100%;transform:translateY(-7vh);display:flex;flex-direction:column;gap:2vh}.link-shortner-wrapper{width:100%;padding-block:4vh;padding-inline:5vw;background:url(/images/bg-shorten-desktop.svg),#3a3053;border-radius:.625rem}.link-shortener-form{display:flex;align-items:center;gap:1vw}.link-input{height:3.75rem;padding-inline:.8rem;border-radius:.625rem;flex:1}.link-input.input-error{border:.188rem solid hsl(0,87%,67%)}.link-input:focus{outline:none}.shorten-btn{height:3.75rem;padding-inline:2rem;border-radius:.625rem;border:none;background:#2bd1d1;color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:.05em}.shorten-btn:hover{cursor:pointer;background-color:#9be3df}.error{margin-top:.625rem;font-style:italic;color:#f46262}@media screen and (max-width: 60rem){.link-shortner-wrapper{background:url(/images/bg-shorten-mobile.svg),#3a3053;background-repeat:no-repeat;background-position:100% 0}.link-shortener-form{flex-direction:column;gap:2vh;height:fit-content}.link-input{width:100%;padding-block:2vh;padding-inline:5vw}.shorten-btn{width:100%;height:fit-content;padding-block:2vh;font-size:1rem}}nav{display:flex;align-items:center;height:10vh;width:100%;padding-inline:10vw;margin-bottom:10vh}.menu-btn,.nav-items-divider{display:none}.logo{margin-right:5vw}.nav-items{font-weight:700;width:100%;display:flex;align-items:center;gap:2vw}.nav-items a{color:#bfbfbf}.nav-items a:hover{cursor:pointer;color:#35323e}.login-btn{margin-left:auto}.signup-btn{border:none;padding:.625rem 1.25rem;border-radius:1.25rem;color:#fff;background-color:#2acfcf}.signup-btn:hover{cursor:pointer;background-color:#9be3df}@media screen and (max-width: 60rem){nav{padding-inline:5vw;overflow:hidden}.menu-btn,.nav-items-divider{display:block}.menu-btn{margin-left:auto}.nav-items-divider{height:.063rem;background-color:#fff;width:100%}.nav-items{z-index:1;padding-block:5vh;padding-inline:5vw;border-radius:.625rem;position:absolute;top:10vh;left:5vw;width:90vw;flex-direction:column;gap:5vh;background:hsl(255,11%,22%);color:#fff;transform:translate(120vw);transition:all .3s ease-in}.nav-items.opened{transform:none}.nav-items a{color:#fff}.login-btn{margin:0}.signup-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh}#app{position:relative;overflow:hidden}.header-section{overflow:hidden;margin-block:5vh;margin-bottom:12vh;display:flex;align-items:center;padding-left:10vw}.header-description{display:flex;flex-direction:column;align-items:start}.header-title{font-size:4.5rem;line-height:1.1em;font-weight:700;color:#35323e}.header-text{width:60%;margin-bottom:3vh;line-height:1.5em;color:#9e9aa7}.get-started-btn{border:none;border-radius:1.25rem;color:#fff;background-color:#2acfcf;padding:.625rem 1.875rem}.get-started-btn:hover{cursor:pointer;background-color:#9be3df}.header-img{width:50%;transform:translate(10%)}.stats{padding-inline:10vw;padding-bottom:15vh;display:flex;flex-direction:column;align-items:center;background-color:#f0f1f6}.stats-items-wrapper{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:2vw;margin-block:6vh}.connector{position:absolute;width:100%;top:50%;height:1vh;background-color:#2ad0ce}.stats-item{z-index:1;background-color:#fff;border-radius:.625rem;padding:3.125rem 1.25rem 1.25rem;position:relative}.stats-img-wrapper{position:absolute;top:0;width:5rem;height:5rem;border-radius:50%;background-color:#3a3053;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.stats-2{transform:translateY(15%)}.stats-3{transform:translateY(30%)}.boost-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding-block:5vh;background:url(/images/bg-boost-desktop.svg),#3a3053}.boost-title{color:#fff;font-size:2rem}.footer-section{display:flex;flex-direction:column;padding-inline:10vw;padding-block:5vh;background:#232027}.footer-content{display:flex;align-items:start;gap:4vw;color:#fff}.footer-logo{margin-right:15vw;filter:brightness(0) invert(1)}.links-section{display:flex;flex-direction:column;gap:1vh}.links-section-title{font-size:1rem;margin-bottom:2vh}.links-section a{color:#bfbfbf}.links-section a:hover{cursor:pointer;color:#2acfcf}.socials{margin-left:auto;display:flex;gap:1vw}.social-icon{color:#fff}.social-icon:hover{cursor:pointer;color:#2acfcf}.attribution,.attribution a{margin-top:4vh;text-align:center;color:#bfbfbf}.attribution a:hover{cursor:pointer;color:#2acfcf}@media screen and (max-width: 60rem){.header-section{display:grid;grid-template-columns:1fr;padding-left:5vw;margin:0}.header-img{grid-row:1;width:100%}.header-description{padding-right:5vw;text-align:center;align-items:center;grid-row:2}.header-title{font-size:2.5rem}.header-text{width:95%}.stats{padding-inline:5vw;align-items:center;text-align:center}.stats-items-wrapper{display:flex;flex-direction:column;gap:10vh;margin-block:10vh}.stats-img-wrapper{left:50%;transform:translate(-50%,-50%)}.connector{position:absolute;width:2vw;top:0;left:50%;transform:translate(-50%);height:100%}.boost-section{padding-inline:5vw;padding-block:12vh;text-align:center;background:url(/images/bg-boost-mobile.svg),#3a3053;background-size:100% 100%}.boost-title{font-size:1.8rem}.footer-content{flex-direction:column;align-items:center;text-emphasis:center;gap:5vh}.footer-logo{margin:0}.links-section{align-items:center;text-align:center}.socials{margin:0;gap:2vw}}