.share-campaign{padding:40px var(--page-padding-inline);color:var(--color-white);isolation:isolate;background:var(--color-roche-blue);margin-top:64px;position:relative}.share-campaign__head{grid-template-columns:1fr;align-items:start;gap:20px;margin-bottom:24px;display:grid;position:relative}.share-campaign__title{font-family:var(--font-title);font-size:var(--font-size-36);color:var(--color-white);max-width:70%;margin:0 0 12px;line-height:115%}.share-campaign__text{font-size:var(--font-size-18);color:var(--color-white);max-width:70%;margin:0;line-height:150%}.share-campaign__badge{justify-self:center;width:140px;height:140px;position:absolute;top:-70px;right:0}.share-campaign__body{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.share-campaign__picker{border:1px solid var(--color-accent-sky);border-radius:12px;flex-direction:column;min-height:100%;padding:20px;display:flex}.share-campaign__step-title{font-family:var(--font-title);font-size:var(--font-size-40);color:var(--color-lime);margin:0 0 20px;line-height:120%}.share-campaign__formats{grid-template-columns:1fr;gap:16px;margin:0 0 20px;padding:0;list-style:none;display:grid}.share-campaign__format{text-align:left;background:var(--color-white);cursor:pointer;border:2px solid #0000;border-radius:12px;width:100%;padding:12px;display:block}.share-campaign__format--active{border-color:var(--color-lime)}.share-campaign__ratio{border:1px solid var(--color-border-soft);background:var(--color-surface-blue-light);color:var(--color-roche-blue);font-size:var(--font-size-12);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.share-campaign__ratio--post{aspect-ratio:1}.share-campaign__ratio--wide{aspect-ratio:16/9}.share-campaign__ratio--story{aspect-ratio:9/16;max-height:220px;margin-inline:auto}.share-campaign__format-title{font-weight:700;font-size:var(--font-size-12);color:var(--color-text);line-height:140%;display:block}.share-campaign__format-note{font-size:var(--font-size-10);color:var(--color-text);line-height:140%;display:block}.share-campaign__message-wrap{margin-bottom:20px}.share-campaign__message{background:var(--color-white);border-radius:12px;padding:16px}.share-campaign__message-text{font-size:var(--font-size-14);color:var(--color-text);margin:0;line-height:150%}.share-campaign__message-tags{font-weight:700;font-size:var(--font-size-14);color:var(--color-roche-blue);margin:10px 0 0;line-height:150%}.share-campaign__hint{font-size:var(--font-size-13);color:var(--color-white);margin:12px 0 0;line-height:150%}.share-campaign__message-actions,.share-campaign__panel-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.share-campaign__share{margin-bottom:20px}.share-campaign__channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.share-campaign__channel{border:1px solid var(--color-accent-sky);width:100%;min-height:56px;color:var(--color-white);font-size:var(--font-size-13);cursor:pointer;background:0 0;border-radius:12px;padding:10px 12px;line-height:140%;transition:background-color .2s,color .2s,border-color .2s}.share-campaign__channel:hover{border-color:var(--color-lime)}.share-campaign__channel--active{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-roche-blue);font-weight:700}.share-campaign__panel{border:1px solid var(--color-accent-sky);border-radius:12px;margin-top:16px;padding:16px}.share-campaign__panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-campaign__panel-title{font-weight:700;font-size:var(--font-size-16);color:var(--color-white);margin:0;line-height:140%}.share-campaign__panel-close{border:1px solid var(--color-accent-sky);color:var(--color-white);font-size:var(--font-size-13);cursor:pointer;background:0 0;border-radius:12px;padding:2px 8px}.share-campaign__panel-value{overflow-wrap:anywhere;font-size:var(--font-size-14);color:var(--color-lime);margin:12px 0 0;line-height:150%}.share-campaign__panel-steps{font-size:var(--font-size-12);color:var(--color-white);gap:4px;margin:16px 0 0;padding-left:18px;line-height:150%;display:grid}.share-campaign__qr{border:1px dashed var(--color-accent-sky);font-size:var(--font-size-12);border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:12px;line-height:150%;display:flex}.share-campaign__qr p{margin:0}.share-campaign__qr-box{border:1px solid var(--color-accent-sky);width:64px;height:64px;font-size:var(--font-size-12);color:var(--color-lime);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.share-campaign__fallback{border:1px dashed var(--color-accent-sky);font-size:var(--font-size-13);border-radius:12px;margin-top:16px;padding:12px;line-height:150%}.share-campaign__fallback p{margin:0 0 12px}.share-campaign__fallback-title{font-weight:700}.share-campaign__status{font-size:var(--font-size-13);color:var(--color-white);background:#ffffff1f;border-radius:12px;margin:16px 0 0;padding:10px 12px;line-height:150%}.share-campaign__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;display:flex}.share-campaign__steps{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.share-campaign__step-item{align-items:center;gap:12px;display:flex}.share-campaign__step-item+.share-campaign__step-item:before{content:"";background:var(--color-accent-sky);width:28px;height:1px}.share-campaign__step{border:1px solid var(--color-accent-sky);width:26px;height:26px;font-size:var(--font-size-12);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.share-campaign__step--active{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-roche-blue);font-weight:700}.share-campaign__preview{height:auto;margin-inline:auto;display:block}@media(min-width:768px){.share-campaign{padding:56px var(--page-padding-inline);margin-top:80px}.share-campaign__formats{grid-template-columns:repeat(2,1fr)}.share-campaign__channels{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.share-campaign__head{grid-template-columns:minmax(0,1fr) auto}.share-campaign__badge{width:360px;height:360px;top:-180px}.share-campaign__body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.share-campaign:before{content:"";inset-block:0;z-index:0;background-color:var(--color-roche-blue);pointer-events:none;border-radius:12px;position:absolute;left:10px;right:10px}.share-campaign[data-background-color=roche-blue]:before{background-color:var(--color-roche-blue)}.share-campaign[data-background-color=hero-blue]:before{background-color:var(--color-hero-blue)}.share-campaign[data-background-color=secondary-blue]:before{background-color:var(--color-secondary-blue)}.share-campaign>*{z-index:1;position:relative}@media(min-width:768px){.share-campaign:before{left:36px;right:36px}}@media(min-width:1200px){.share-campaign:before{left:70px;right:70px}}