.share{padding-block:var(--margin-section)}.share .social-share{align-items:center;display:flex;gap:var(--spacing-2)}.share .share-icon{--icon-colour:var(--neutral-100);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brand-100);block-size:1.5rem;border:0;display:flex;inline-size:1.5rem;justify-content:center;padding:0;position:relative}.share .share-icon svg{height:.85rem;width:auto}@media (hover:hover){.share .share-icon:focus-visible .tooltip,.share .share-icon:hover .tooltip{opacity:1;transform:translateY(calc(100% + var(--spacing-1)))}.share .share-icon:focus-visible .confetti,.share .share-icon:hover .confetti{animation:confetti .75s;animation-timing-function:var(--cubic-bezier-explosive)}.share .share-icon:active .confetti{animation:none}}.share .share-icon .confetti{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center;transition:all var(--animation-speed-fast) var(--cubic-bezier);z-index:-1}.share .share-icon .confetti svg{height:auto;max-width:100vw;width:100px}.share .share-icon .tooltip{align-items:center;background:var(--tag-background-color,var(--neutral-100));border-radius:var(--tag-border-radius,var(--border-radius));color:var(--tag-color,var(--neutral-600));display:inline-flex;font-size:var(--tag-font-size,.875rem);font-weight:400;gap:var(--tag-icon-spacing,var(--spacing-3));left:0;padding:var(--tag-padding,var(--spacing-2));position:absolute;text-transform:uppercase;transform:translateY(0);transition:all var(--animation-speed-fast) var(--cubic-bezier);white-space:nowrap}.share .share-icon .tooltip,.toast{bottom:0;opacity:0;pointer-events:none}.toast{background:var(--color-yellow);background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.2);font-size:.9rem;font-weight:700;left:50%;padding:var(--spacing-2) var(--spacing-4);position:fixed;text-align:center;transform:translate(-50%,100%);transition:all var(--animation-speed-slow) var(--cubic-bezier);width:auto;z-index:100000}@media (max-width:55rem){.toast{bottom:calc(var(--padding)/2);width:calc(100% - var(--padding)*2)}}.toast.show{opacity:1;transform:translate(-50%)}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}75%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}