.logo-h2,.logo-header,section,p,body,#root,.padding,.no-padding,.profile-label div,.profile-label,.button,.share-button,.customize-body,.message,.landing-align,.body-landing,.page-container,.page-body,.right,.left,.logout-prompt,.login-header{display:flex;justify-content:center;align-items:center}.logo-header,section,#root,.padding,.no-padding,form.link-input,.link-form,.element-input,.login-form,.button,.share-button,.customize-body,.customize-header,.page-landing,.page-body,.right,.left,.logout-prompt,.login-header,.login-body{flex-direction:column}.login-body{background-color:#fff;display:flex;align-items:flex-start;gap:40px;align-self:stretch;border-radius:8px;padding:40px}.login-header{gap:8px;padding:0 40px}.login-h2{align-self:stretch;font-weight:700;font-size:26px;margin:0}.login-form{display:flex;align-items:center;align-self:stretch;gap:24px;padding:0 40px 40px}.logout-prompt{background-color:#fff;align-self:stretch;gap:12px;border-radius:8px;padding:40px}.logout-prompt p{font-weight:700}.logo-h2,.logo-header,section,p,body,#root,.padding,.no-padding,.profile-label div,.profile-label,.button,.share-button,.customize-body,.message,.landing-align,.body-landing,.page-container,.page-body,.right,.left,.login-header,.logout-prompt{display:flex;justify-content:center;align-items:center}.logo-header,section,#root,.padding,.no-padding,form.link-input,.link-form,.element-input,.login-form,.button,.share-button,.customize-body,.customize-header,.page-landing,.page-body,.right,.left,.login-body,.login-header,.logout-prompt{flex-direction:column}.body-landing{border:3px solid #d9d9d9;background-image:url(/bg-linksharing.png);height:80dvh}.logo-h2,.logo-header,section,p,body,#root,.padding,.no-padding,.profile-label div,.profile-label,.button,.share-button,.login-header,.logout-prompt,.page-body,.body-landing,.page-container,.landing-align,.left,.right,.message,.customize-body{display:flex;justify-content:center;align-items:center}.logo-header,section,#root,.padding,.no-padding,form.link-input,.link-form,.element-input,.login-form,.button,.share-button,.login-body,.login-header,.logout-prompt,.page-body,.page-landing,.left,.right,.customize-header,.customize-body{flex-direction:column}.button,.share-button{border:none;padding:11px 27px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px}.button,.share-button{color:#fff;background-color:#405e63}.button:hover,.share-button:hover{background-color:#507e85;box-shadow:0 0 32px}.button:disabled{background-color:#d9d9d9}.save-button{display:flex;justify-content:end;border-top:1px solid #d9d9d9;padding:24px 40px;width:100%}.link-button{align-self:stretch!important;margin-bottom:24px}.share-button{font-size:16px;font-style:normal;font-weight:600;height:70%;align-self:center}.logo-h2,.logo-header,section,p,body,#root,.padding,.no-padding,.profile-label div,.profile-label,.login-header,.logout-prompt,.page-body,.body-landing,.page-container,.landing-align,.left,.right,.message,.customize-body,.button,.share-button{display:flex;justify-content:center;align-items:center}.logo-header,section,#root,.padding,.no-padding,form.link-input,.link-form,.element-input,.login-form,.login-body,.login-header,.logout-prompt,.page-body,.page-landing,.left,.right,.customize-header,.customize-body,.button,.share-button{flex-direction:column}.profile-label div,.profile-label,.body-landing,.page-container{flex-direction:row}input[type=email],input[type=password],input[type=url],input[type=text],.select-input{border:1px solid #d9d9d9;border-radius:8px;margin-top:2px;padding:12px 16px}form.link-input,.link-form,.element-input,.login-form{display:flex}label{display:flex;justify-content:start;font-size:12px}.element-input,.login-form{align-self:stretch}.login-form{align-items:center;gap:24px;padding:0 40px 40px}.form-header{display:flex;flex-direction:row;justify-content:space-between}.link-form{background-color:#fafafa;gap:12px;font-size:12px;padding:20px;border-radius:8px;width:100%}.profile-label{justify-content:space-evenly}.profile-label div{gap:12px}input[type=email],input[type=password],input[type=url]{background-repeat:no-repeat;padding-left:40px;background-position:5% center}input[type=email]{background-image:url(/envelope.svg)}input[type=password]{background-image:url(/lock.svg)}input[type=url]{background-image:url(/link-gray.svg);background-position:1% center!important}input:focus{box-shadow:0 0 20px #7fb4b9}.link-input{width:100%}form.link-input{gap:12px;width:100%}form.link-input p{width:40%;align-self:center}form.link-input .element-input{width:100%}#root,.padding,.no-padding{align-self:stretch;width:100%;max-width:1440px}body{font-family:Helvetica,Arial,sans-serif;color:#333;background-color:#fafafa;margin:0;width:100%}.padding{padding:0 24px}.no-padding{padding:0;height:100vh}p{color:#737373;margin:0;font-size:14px}.error{color:#a44a3f!important}p>button{background:none;border:none;color:inherit}h2{margin:0}section{gap:51px;width:476px;height:100vh}a{text-decoration:none;color:#405e63}.logo-header{gap:51px;padding:0 40px}.logo-h2{font-size:30px;font-weight:700;line-height:150%}.message,.landing-align,.body-landing,.page-container,.page-body,.right,.left{display:flex;justify-content:center;align-items:center}.page-landing,.page-body,.right,.left{flex-direction:column}.body-landing,.page-container{flex-direction:row}.right,.left{background-color:#fff;border-radius:8px;align-items:center;align-self:stretch}.page-body{gap:24px;width:100%}.body-landing{border:3px solid #d9d9d9;background-image:url(/bg-linksharing.png);height:80dvh}.body-landing,.page-container{border-radius:8px;gap:24px;width:100%}.page-container{background-color:#fafafa;margin:0 24px 24px}.page-landing{display:flex;justify-content:space-around;align-items:center;border:3px solid #d9d9d9;border-radius:8px;background-color:#fff;padding:20px;height:30%}.landing-align a{text-decoration:underline}@media (max-width: 600px){.page-landing{text-align:center}.landing-align{flex-direction:column}.landing-align p{flex-wrap:wrap}}.left{justify-content:flex-start!important;padding:24px;width:40%}.right{padding:40px;width:60%}.message{height:100dvh}.message p{background-color:#fff;border-radius:10px;color:#333;font-weight:700;font-size:large;padding:3rem}.nav-link,.nav-div{display:flex;justify-content:center;align-items:center}.nav-link,.nav-div{flex-direction:row}.nav-link{border:none;padding:11px 27px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px}nav{display:flex;justify-content:space-between;background-color:#fff;border-radius:8px;margin:24px;padding:16px 24px;height:60px;width:96.5%}.nav-div{gap:16px}.nav-div-preview{display:flex;flex-direction:row;width:100%;justify-content:space-between}.nav-link{color:#737373;background-color:#fff;font-size:16px;font-style:normal;font-weight:600;height:35%;align-self:center}.nav-preview{border:1px solid #405e63;color:#405e63}.nav-link.active{color:#405e63;background-color:#7fb4b9}.nav-preview:hover{background-color:#7fb4b9}.dropdown-container{position:relative}.dropdown{display:flex;width:100%;padding:12px 16px;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--deep-teal, #405e63);background-color:#fff;color:#737373}.dropdown.active{box-shadow:0 0 32px #633cff40}.options{display:flex;width:96%;padding:12px 16px;flex-direction:column;border-radius:8px;border:1px solid #d9d9d9;background-color:#fff;box-shadow:0 0 32px #0000001a;margin-top:5px;position:absolute;z-index:1;max-height:200px;overflow-y:scroll}.option{display:flex;flex-direction:row;padding:12px 0;width:100%;border-bottom:1px solid #d9d9d9}.option-gap{display:flex;gap:12px}.customize-body{display:flex;justify-content:center;align-items:center}.customize-body,.customize-header{flex-direction:column}.customize-header{display:flex;width:100%}.customize-body{padding:20px;margin-bottom:40px;width:100%;height:100%}.gap-24{gap:24px}.customize-img{margin-bottom:40px}.header-p{justify-content:left;margin-bottom:40px}.customize-p{text-align:center;line-height:150%;width:50%;margin-bottom:20px}.added-platforms{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:12px}.platform{display:flex;justify-content:space-between;background-color:#d9d9d9;border-radius:5px;padding:5px;width:150px;height:18px;cursor:pointer}.platform div{display:flex;gap:9px}.platform button{border:none;background-color:#d9d9d9}.mobile-content,.mobile-header,.link-element,.contact,.name,.inline,.outline{display:flex;justify-content:center;align-items:center}.mobile-content,.mobile-header,.inline{flex-direction:column}.link-element{flex-direction:row}.inline,.outline{border:1px solid #737373;border-radius:40px}.link-element,.contact,.name{background-color:#eee;border-radius:8px}.outline{width:307px;height:631px}.inline{gap:30px;width:285px;height:611px}.mobile-header{gap:8px;margin:24px}.mobile-content{gap:20px;width:90%}.circle,.profile-picture{background-color:#eee;border-radius:50%;width:96px;height:96px}.name{width:100%;height:16px}.contact{width:50%;height:10px}.link-element{justify-content:space-between;width:100%;height:44px}.link-element div{display:flex;gap:12px;padding:12px}.popup{display:flex;justify-content:center;align-items:center}.popup,.preview-body{flex-direction:row}.preview-body{display:flex;flex-wrap:wrap;justify-content:center;background-color:#405e63;border-radius:0 0 20px 20px;height:375px;width:100%}.phone{display:flex;justify-content:center;background-color:#fff;margin-top:60px;border-radius:40px}.popup-div{display:flex;align-items:end;margin-bottom:20px;height:100%}.popup{gap:8px;background-color:#333;box-shadow:0 0 32px #0000001a;color:#fff;border-radius:8px;width:397px;height:56px}.popup-img{width:20px;height:20px}
