.shortcodes-option > p,
.shortcodes-option > br,
.shortcodes-option > style {
display: none;
}
div#ewd-cp-overlay select#ewd-cp-select {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ewd-cp-overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
backdrop-filter: blur(24px);
background: #00000059;
padding: 24px;
}
.ewd-cp-modal {
max-width: 660px;
width: 100%;
background: #fff;
border-radius: 24px;
position: relative;
border: 1px solid #D9DCEC;
padding: 24px;
}
.ewd-cp-header {
font-weight: 500;
font-size: 26px;
line-height: 100%;
letter-spacing: -0.03px;
text-align: center;
color: #151515;
margin-bottom: 48px;
padding: 0 35px;
}
p#ewd-cp-message {
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.01px;
}
.ewd-cp-body p {
margin: 0 0 12px;
}
.ewd-cp-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEzIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDAuNUw1LjgyNzMzIDQuODg4NDhDNi4yMDg3NSA1LjIzNTIzIDYuNzkxMjUgNS4yMzUyMyA3LjE3MjY3IDQuODg4NDhMMTIgMC41IiBzdHJva2U9IiMxNTE1MTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat right 26.5px center;
background-size: 11px;
transition: var(--msh-transition);
outline: none;
border: 1px solid #D9DCEC;
border-radius: 16px;
font-family: Poppins;
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.1px;
color: #151515;
padding: 22px 30px;
max-width: 367px;
width: 100%;
min-width: max-content;
}
.ewd-cp-detected {
color: #7900F0;
}
.ewd-cp-actions {
display: flex;
gap: 8px;
}
.ewd-cp-actions a {
max-width: max-content;
}
.ewd-cp-btn-close {
background: none;
cursor: pointer;
transition: var(--msh-transition);
display: flex;
align-items: center;
justify-content: center;
border: 0.9px solid #DED3E2;
width: 28px !important;
height: 28px !important;
outline: none !important;
border-radius: 7.56px;
position: absolute;
top: 24px;
right: 24px;
z-index: 1000;
-webkit-appearance: none;
appearance: none;
color: #000;
min-width: 28px !important;
min-height: 28px !important;
}
.ewd-cp-btn-close:hover {
background: #f2f2f2;
color: #111;
}
button.msh-form-close.ewd-cp-btn-close svg {
display: block;
width: 8px;
height: 8px;
flex: 0 0 auto;
}
button.msh-form-close.ewd-cp-btn-close svg,
button.msh-form-close.ewd-cp-btn-close svg * {
stroke: currentColor !important;
fill: none !important;
vector-effect: non-scaling-stroke;
}
@media (prefers-reduced-motion: no-preference) {
.ewd-cp-modal {
transition: transform .2s ease, opacity .2s ease;
transform: translateY(6px);
opacity: .98;
}
.ewd-cp-overlay {
animation: ewdFade .15s both;
}
@keyframes ewdFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}
@media (max-width: 991px) {
.ewd-cp-actions .btn,
.ewd-cp-actions select {
width: 100%;
max-width: 90%;
}
.ewd-cp-actions {
flex-direction: column;
justify-content: center;
align-items: center;
}
} .ewd-new-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000059;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
backdrop-filter: blur(0px);
}
.ewd-new-popup-modal {
background: white;
max-width: 696px;
width: calc(100% - 32px);
max-height: 90vh;
overflow-y: auto;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
border: 1px solid #D9DCEC;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 8px;
border-radius: 20px;
}
.ewd-new-popup-close {
position: absolute;
top: 20px;
right: 20px;
background: none;
z-index: 10;
border-radius: 7.56px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s;
border: 0.5px solid #DED3E2;
outline: none;
padding: 0;
background: #fff;
}
.ewd-new-popup-close svg {
width: 7px;
height: 7px;
}
.ewd-new-popup-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
}
.ewd-new-popup-image {
min-height: 300px;
display: flex;
max-width: 320px;
width: 94%;
background: #7900F026;
border-radius: 12px;
padding-top: 40px;
padding-left: 40px;
overflow: hidden;
}
.ewd-new-popup-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px 0 0 0;
object-position: top;
}
.ewd-new-popup-text {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 60%;
width: 100%;
gap: 24px;
padding: 0 24px;
}
.ewd-new-popup-text h2 {
font-weight: 500;
font-size: 20px;
line-height: 100%;
letter-spacing: -0.3px;
font-family: 'Poppins';
}
.ewd-new-popup-actions a {
font-size: 15px !important;
}
.ewd-new-popup-description {
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.1px;
color: #717171;
}
.ewd-new-popup-description p:last-child {
margin-bottom: 0;
}
.ewd-new-popup-actions {
margin-top: auto;
}
@media (max-width: 991px) {
.ewd-new-popup-image img {
height: 260px;
}
.ewd-new-popup-actions {
display: flex;
justify-content: center;
}
}
@media (max-width: 767px) {
.ewd-new-popup-content {
gap: 16px;
flex-direction: column;
}
.ewd-new-popup-text {
max-width: 400px;
width: 100%;
gap: 16px;
padding: 0 8px;
}
.ewd-new-popup-modal {
padding: 8px 8px 24px 8px;
width: max-content;
max-width: calc(100% - 32px);
}
.ewd-new-popup-image {
width: 100%;
min-height: max-content;
max-width: 400px;
padding-top: 50px;
}
} .msh-profile-connection img.out-mobile {
filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(18%) hue-rotate(169deg) brightness(107%) contrast(107%);
}
.msh-profile-connection .msh-form-header {
position: absolute;
z-index: 9;
background: transparent;
border-bottom: 1px solid #DED3E24D;
}
.msh-profile-connection .msh-form-title p {
font-family: Luxenta;
font-weight: 900;
font-size: 37px;
line-height: 100%;
color: #151515;
margin-bottom: 0;
}
.msh-profile-connection .msh-form-title p span:not(span[style*="color: #7e4bd2"]) {
background: linear-gradient(90deg, #7E4BD2 0%, #DD472B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.msh-profile-connection .msh-form-left {
align-items: center;
justify-content: center;
}
.msh-profile-connection .msh-form-right {
max-width: 720px;
width: 50%;
background: transparent;
}
.msh-profile-connection .msh-profile-image {
max-height: 100%;
height: 100%;
}
.msh-profile-connection .msh-profile-description {
position: absolute;
bottom: 64px;
left: 64px;
backdrop-filter: none;
padding: 0;
border: none;
display: flex;
flex-direction: column;
gap: 48px;
align-items: start;
}
.msh-profile-connection .msh-profile-description p {
font-weight: 500;
font-size: 37px;
letter-spacing: 0;
color: #fff;
line-height: 39px;
}
.msh-profile-connection .msh-profile-step-image {
aspect-ratio: auto;
height: 100%;
}
.msh-profile-description {
width: 70%;
}