.civic-share-card{--share-ink:#12345a;--share-muted:#64748b;--share-cream:#f7f1e6;--share-border:rgba(15,57,92,.12);display:grid;place-items:center;min-height:92px;margin:22px 0;padding:16px 18px;border:1px solid var(--share-border);border-radius:var(--civic-radius-xl,24px);background:linear-gradient(145deg,rgba(250,246,238,.96),rgba(255,255,255,.9));box-shadow:0 16px 36px rgba(15,45,73,.08);overflow:visible;transition:min-height .42s cubic-bezier(.2,.75,.25,1)}.civic-share-card.is-open{min-height:270px}.share-splay{--d:58px;--pitch:46deg;--gap:1.5;--r:calc(var(--d) * var(--gap) / (2 * sin(var(--pitch) / 2)));position:relative;width:min(100%,330px);height:62px;display:grid;place-items:center;isolation:isolate;transition:height .42s cubic-bezier(.2,.75,.25,1)}.civic-share-card.is-open .share-splay{height:232px}.dock__toggle{position:absolute;z-index:8;left:50%;bottom:28px;min-width:148px;height:48px;padding:0 24px;border:1px solid rgba(15,57,92,.12);border-radius:999px;background:#fff;box-shadow:0 12px 30px rgba(15,45,73,.13);color:var(--share-ink);font:800 14px/1 inherit;cursor:pointer;transform:translateX(-50%);transition:opacity .2s ease,background .2s ease,color .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.dock__toggle:hover,.dock__toggle:focus-visible{transform:translateX(-50%) translateY(-2px);outline:3px solid rgba(15,139,137,.14);outline-offset:2px}.civic-share-card.is-open .dock__toggle{background:rgba(226,232,240,.86);color:#475569}.dock__close{display:none;font-size:26px;font-weight:500}.civic-share-card.is-open .dock__label{display:none}.civic-share-card.is-open .dock__close{display:inline}.dock__hint{position:absolute;z-index:7;left:50%;bottom:0;margin:0;color:var(--share-muted);font-size:13px;font-weight:700;opacity:0;transform:translate(-50%,5px);white-space:nowrap;transition:.2s ease}.civic-share-card.is-open .dock__hint{opacity:1;transform:translate(-50%,0)}.ch{--s:0;--a:calc((var(--i) - (var(--n) - 1) / 2) * var(--pitch));--fx:50%;--fy:50%;position:absolute;z-index:4;left:50%;bottom:77px;width:var(--d);height:var(--d);border-radius:50%;text-decoration:none;opacity:0;pointer-events:none;transform:translate(calc(sin(var(--a)) * var(--r)),calc(cos(var(--a)) * var(--r) * -1)) scale(var(--s));transform-origin:center;transition:transform .56s cubic-bezier(.16,1.55,.35,1),opacity .24s ease,filter .2s ease;transition-delay:calc(var(--i) * 34ms)}.share-splay[data-trig-fallback="1"] .ch{transform:translate(var(--tx,0px),var(--ty,0px)) scale(var(--s))}.civic-share-card.is-open .ch{--s:1;opacity:1;pointer-events:auto}.ch__body{position:absolute;inset:0;border-radius:50%;overflow:visible;filter:drop-shadow(0 10px 16px rgba(15,45,73,.14));transition:transform .18s ease,opacity .22s ease}.ch:hover .ch__body,.ch:focus-visible .ch__body{transform:translateY(-3px) scale(1.04)}.ch:focus-visible{outline:none}.ch:focus-visible .ch__body{box-shadow:0 0 0 4px rgba(15,139,137,.16);border-radius:50%}.ch__face,.ch__flood{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%}.ch__face{background:#fff;border:1px solid rgba(15,57,92,.1);color:var(--brand)}.ch__flood{overflow:hidden;background:var(--brand);clip-path:circle(0 at var(--fx) var(--fy));transition:clip-path .5s cubic-bezier(.2,.85,.25,1)}.ch.is-flooded .ch__flood,.ch.is-success-target .ch__flood{clip-path:circle(155% at var(--fx) var(--fy))}.ch__lit{display:grid;place-items:center;color:#fff}.ch__icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ch--eitaa{--brand:#ef7d22}.ch--eitaa .ch__icon,.ch--telegram .ch__icon{fill:currentColor;stroke:none}.ch--rubika{--brand:#16a16f}.ch--rubika .ch__icon{fill:none;stroke:currentColor;stroke-width:1.7}.ch--telegram{--brand:#229ed9}.ch--instagram{--brand:#d62976}.ch--instagram .share-fill{fill:currentColor;stroke:none}.ch--copy{--brand:#147a8b}.ch__tick{position:absolute;z-index:5;left:50%;top:50%;width:30px;height:24px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translate(-50%,-50%) scale(.72)}.ch__tick path{stroke-dasharray:40;stroke-dashoffset:40}.ch__burst{position:absolute;z-index:3;inset:50%;pointer-events:none}.ch__burst i{--ang:calc(var(--p) * 45deg);position:absolute;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--brand);opacity:0;transform:rotate(var(--ang)) translateX(0)}.civic-share-card.is-success .ch:not(.is-success-target){--s:0;opacity:0;pointer-events:none;transition-delay:0ms}.civic-share-card.is-success .dock__toggle{opacity:0;pointer-events:none}.civic-share-card.is-success .ch.is-success-target{--s:1.08;opacity:1;pointer-events:none;transform:translate(0,0) scale(var(--s));transition-delay:0ms}.share-splay[data-trig-fallback="1"] .civic-share-card.is-success .ch.is-success-target{transform:translate(0,0) scale(var(--s))}.civic-share-card.is-success .ch.is-success-target .ch__icon{opacity:0}.civic-share-card.is-success .ch.is-success-target .ch__tick{opacity:1;transform:translate(-50%,-50%) scale(1)}.civic-share-card.is-success .ch.is-success-target .ch__tick path{animation:civic-share-tick .42s .08s ease forwards}.civic-share-card.is-success .ch.is-success-target .ch__burst i{animation:civic-share-burst .58s calc(var(--p) * 18ms) ease-out forwards}.civic-share-card.is-success .dock__hint{color:#0f766e;font-weight:900}@keyframes civic-share-tick{to{stroke-dashoffset:0}}@keyframes civic-share-burst{0%{opacity:0;transform:rotate(var(--ang)) translateX(14px) scale(.5)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--ang)) translateX(42px) scale(1)}}@media(max-width:520px){.civic-share-card{padding-inline:8px}.share-splay{--d:52px;width:286px;max-width:100%}.civic-share-card.is-open{min-height:252px}.civic-share-card.is-open .share-splay{height:214px}.dock__toggle{bottom:24px;min-width:138px}.ch{bottom:72px}.dock__hint{font-size:12px}}@media(pointer:coarse){.ch:hover .ch__body{transform:none}}@media(prefers-reduced-motion:reduce){.civic-share-card,.share-splay,.dock__toggle,.dock__hint,.ch,.ch__body,.ch__flood{transition:none!important}.ch__tick path,.ch__burst i{animation:none!important}.civic-share-card.is-success .ch.is-success-target .ch__tick path{stroke-dashoffset:0}.civic-share-card.is-success .ch.is-success-target .ch__burst{display:none}}
