body.referrers .band.pe-section>.band-inner{columns:auto!important}
body.referrers .ref-welcome-heading{grid-template-columns:112px minmax(0,1fr);gap:18px}
body.referrers .ref-welcome-portrait{width:112px;height:auto}
@media(min-width:761px){body.referrers .ref-welcome-heading{grid-template-columns:150px minmax(0,1fr);gap:24px}body.referrers .ref-welcome-portrait{width:150px}}
@media(min-width:1100px){body.referrers .referrer-welcome{display:flow-root}body.referrers .ref-welcome-heading{display:contents}body.referrers .ref-welcome-portrait{float:left;width:210px;margin:0 26px 16px 0}body.referrers .referrer-welcome .ref-welcome-heading .hc-welcome-title{margin:0 0 18px!important}}
@media(max-width:360px){body.referrers .ref-welcome-heading{grid-template-columns:100px minmax(0,1fr);gap:14px}body.referrers .ref-welcome-portrait{width:100px}}
body.referrers #main .ref-method-heading{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:14px;min-height:54px;flex-wrap:wrap}
body.referrers #main .ref-method-heading>h3{margin:0;min-width:0}
.ref-method-brand{display:block;flex:0 0 auto;object-fit:contain}
.ref-method-vei{width:160px;height:auto}
.ref-method-oculo{display:block;width:64px;height:64px;flex:0 0 auto;padding:4px;box-sizing:border-box;border-radius:18px;overflow:hidden;background:#faf7f1;border:1px solid #cbc5bb;isolation:isolate}
.ref-method-oculo img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:multiply}
.ref-method-healthlink{display:block;position:relative;border-radius:16px;width:156px;height:48px;flex:0 0 auto;overflow:hidden;background:#faf7f1;border:1px solid #cbc5bb;isolation:isolate}
.ref-method-healthlink img{position:absolute;max-width:none;width:169px;height:auto;opacity:1;mix-blend-mode:multiply;left:50%;top:50%;transform:translate(-50%,-50%)}
.ref-method-contact{display:flex;gap:10px;flex:0 0 auto;color:#183d69}.ref-method-contact svg{width:25px;height:25px}
body.referrers #main .ref-option-action{display:block}
body.referrers #main .ref-option-action>p{margin-bottom:14px}
body.referrers #main .ref-option-action>.pill{display:inline-flex;width:auto}
@media(max-width:760px){body.referrers #main .ref-method-heading{gap:12px;min-height:46px}.ref-method-vei{width:128px}.ref-method-oculo{width:54px;height:54px;border-radius:16px}.ref-method-healthlink{width:140px;height:42px;border-radius:16px}.ref-method-healthlink img{width:149px}.ref-method-contact{gap:8px}.ref-method-contact svg{width:23px;height:23px}}

body.referrers #main .ref-option-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
body.referrers #main .ref-option-action>p{margin:0}
body.referrers #main .ref-option-action>.pill{justify-self:end;margin:0;max-width:100%}
body.referrers #main .ref-contact{display:grid;grid-template-columns:minmax(72px,1fr) auto;gap:12px 20px;align-items:center}
body.referrers #main .ref-contact dt{margin:0}
body.referrers #main .ref-contact dd{margin:0;text-align:right;justify-self:end;max-width:100%;min-width:0}
body.referrers #main .ref-copy{font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ref-copy svg{width:18px;height:18px;flex:none}
.ref-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){body.referrers #main .ref-option-action{grid-template-columns:1fr}body.referrers #main .ref-option-action>.pill{justify-self:start}}
@media(max-width:600px){body.referrers #main .ref-contact{grid-template-columns:1fr;gap:8px}body.referrers #main .ref-contact dd{text-align:left;justify-self:start;margin-bottom:8px}body.referrers #main .ref-contact-action{max-width:100%}}
