.el{--el-colour:#007f5f;--el-ink:#fff;box-sizing:border-box;background:0 0;border:0;padding:0;text-decoration:none;position:absolute;overflow:visible;container-type:size}.el-face{white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:clamp(2px,6cqmin,10px);width:100%;height:100%;padding:0 clamp(4px,6cqmin,16px);font-family:inherit;font-size:clamp(8px,30cqh,22px);font-weight:650;line-height:1.1;display:flex;overflow:hidden}.el-face svg{flex:none;width:clamp(9px,42cqh,30px);height:auto}.el-face[data-style=icon]{aspect-ratio:1;width:auto;margin:0 auto;padding:0}.el-face[data-style=icon] svg{width:clamp(10px,46cqmin,34px)}.el-face[data-style=solid],.el-face[data-style=icon]{background:var(--el-colour);color:var(--el-ink);box-shadow:0 1px 6px #00000040}.el-face[data-style=outline]{color:var(--el-colour);box-shadow:inset 0 0 0 max(2px, 1.5cqmin) var(--el-colour), 0 1px 5px #0000002e;background:#fff}.el-face[data-style=soft]{background:color-mix(in srgb, var(--el-colour) 18%, #fff);color:color-mix(in srgb, var(--el-colour) 78%, #000);box-shadow:0 1px 5px #00000024}.el-face[data-style=area]{box-shadow:none;color:#0000;background:0 0}.el-face[data-shape=rounded]{border-radius:clamp(4px,12cqmin,14px)}.el-face[data-shape=pill]{border-radius:999px}.el-face[data-shape=square]{border-radius:0}.el-face[data-shape=circle]{border-radius:50%}.el-media{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.el-face[data-animation=pulse],.el-media[data-animation=pulse]{animation:1.8s ease-in-out infinite el-pulse}.el-face[data-animation=glow],.el-media[data-animation=glow]{animation:2s ease-in-out infinite el-glow}.el-face[data-animation=bounce],.el-media[data-animation=bounce]{animation:1.6s ease-in-out infinite el-bounce}.el-face[data-animation=wiggle],.el-media[data-animation=wiggle]{animation:2.4s ease-in-out infinite el-wiggle}.el-face[data-animation=fade],.el-media[data-animation=fade]{animation:2.2s ease-in-out infinite el-fade}@keyframes el-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes el-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--el-colour) 60%, transparent)}70%{box-shadow:0 0 0 max(6px, 5cqmin) color-mix(in srgb, var(--el-colour) 0%, transparent)}}@keyframes el-bounce{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-12%)}40%{transform:translateY(-5%)}}@keyframes el-wiggle{0%,88%,to{transform:rotate(0)}91%{transform:rotate(-4deg)}94%{transform:rotate(4deg)}97%{transform:rotate(-2deg)}}@keyframes el-fade{0%,to{opacity:1}50%{opacity:.55}}.el-face[data-motion=hover],.el-media[data-motion=hover]{animation-play-state:paused}.el:hover .el-face[data-motion=hover],.el:hover .el-media[data-motion=hover],.el:focus-visible .el-face[data-motion=hover],.el:focus-visible .el-media[data-motion=hover]{animation-play-state:running}.el-ping{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.el-ping:after{content:"";border-radius:inherit;border:max(2px, 1.5cqmin) solid var(--el-colour);animation:1.8s cubic-bezier(0,0,.2,1) infinite el-ping;position:absolute;inset:0}@keyframes el-ping{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(1.7)}}.el-ping[data-motion=hover]:after{animation-play-state:paused}.el:hover .el-ping[data-motion=hover]:after,.el:focus-visible .el-ping[data-motion=hover]:after{animation-play-state:running}@media (prefers-reduced-motion:reduce){.vw .el-face[data-animation],.vw .el-media[data-animation],.vw .el-ping:after{animation:none!important}}