body{margin:0;padding:0}p.MsoNormal{margin:0;line-height:100%!important}.wrapper{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:1fr}.preview-side,.admin-side{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;padding:5vw;box-sizing:border-box;position:relative;overflow:hidden}.admin-side{background:url(../../../plugins/signatureportal/assets/SMC-Pattern-Diamond@2x-80-scaled.jpg) repeat;background-size:cover;font-family:helvetica,arial,sans-serif;color:var(--right-col-txt-color)}.admin-side:before{content:'';position:absolute;width:35vw;height:80vh;background-size:contain;top:0;right:0;transform:translate(25%,-25%);opacity:.2}h2{font-size:clamp(20px, 4.444vw, 28px);line-height:1.5em;font-weight:400;font-family:helvetica,arial,sans-serif}h2 small{display:block;font-size:16px;font-weight:700;text-transform:uppercase}.preview-side h2 small{color:var(--brand-color-text)}.admin-side p{display:block;font-size:17px;line-height:1.5em;margin:1.421em 0 0;width:100%;opacity:.6}.admin-side p a{color:#fff;text-decoration:none}#directory-list{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5em;background:url(../../../plugins/signatureportal/chevron.svg) 96% 52% / 10% no-repeat #EFEFF3;border:none;border-radius:3px;padding:1em 2em 1em 1em;font-size:1em;margin-bottom:40px;font-family:Helvetica,arial,sans-serif}#data{min-width:430px;min-height:200px;z-index:1}#copy-btn{border:0;background:var(--brand-color-text);border:2px solid var(--brand-color-text);font-size:17px;text-transform:uppercase;font-family:helvetica,arial,sans-serif;color:#fff;cursor:pointer;transition:all .3s ease-in-out;padding:.6em 1.5em;margin-top:40px}#copy-btn:hover{background:var(--brand-color-hover);border-color:2px solid var(--brand-color-hover)}#copy-btn.copied{background:#fff;color:var(--brand-color-hover)}#copy-btn.hidden,p.hidden{opacity:0;pointer-events:none}.success{transition:all .3s ease-in-out;font-family:helvetica,arial,sans-serif;color:var(--brand-color-text)}.input-field{margin-bottom:20px}.input-field label{display:block}.input-field input{background:transparent;margin-top:7px;border:1px solid #fff;padding:10px;display:block;width:70%;color:#fff}.input-field input:focus{background-color:#fff;outline:none;color:var(--brand-color-text)}@media only screen and (max-width :768px){.wrapper{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.preview-side,.admin-side{padding:10%;width:100%!important}.admin-side:before{width:45%;height:80%;transform:translate(0%,0%)}}