:root{--color-primary:#3b82f6;--color-primary-rgb:59, 130, 246;--color-primary-dim:#3b82f626;--color-primary-light:#b1cdfb;--glow-primary:0 0 24px #3b82f640, 0 0 4px #3b82f61f;--color-secondary:#111827;--color-secondary-rgb:17, 24, 39;--color-secondary-dim:#1118271f;--glow-secondary:0 0 24px #11182740, 0 0 4px #1118271f;--color-accent:#0ea5e9;--color-accent-rgb:14, 165, 233;--color-accent-dim:#0ea5e914;--color-background:#e2e8f0;--color-background-rgb:226, 232, 240;--color-background-dim:#e2e8f026;--color-background-light:#f3f6f9;--glow-background:0 0 24px #e2e8f040, 0 0 4px #e2e8f01f;--color-surface:#f1f5f9;--color-surface-rgb:241, 245, 249;--color-surface-dim:#f1f5f926;--color-surface-light:#f9fbfd;--glow-surface:0 0 24px #f1f5f940, 0 0 4px #f1f5f91f;--dark:#e2e8f0;--dark2:#e3e8f0;--dark3:#e3e9f1;--dark4:#e5eaf2;--text-light:#0b1220;--text-muted:#334155;--text-dim:#475569;--red:#dc2626;--glass-bg:#f1f5f9bf;--glass-border:#3b82f62e;--glass-blur:blur(14px);--hex-grid-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpolygon points='28,2 54,16 54,84 28,98 2,84 2,16' fill='none' stroke='rgba(59%2C130%2C246%2C0.05)' stroke-width='1'/%3E%3C/svg%3E");--gold:var(--color-primary);--gold-light:#b1cdfb;--gold-dim:var(--color-primary-dim);--glow-gold:var(--glow-primary);--blue:var(--color-secondary);--blue-dim:var(--color-secondary-dim);--glow-blue:var(--glow-secondary);--neon:var(--color-accent);--neon-dim:var(--color-accent-dim);--glow-neon:none;--ease-out:cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Roman.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Heavy.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Black.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}:root{--container:1120px;--radius:12px;--radius-sm:8px}@media (width>=1100px){:root{--container:1200px}}body{color:var(--text-light);background:#fff;flex-direction:column;width:100%;min-height:100vh;font-family:Avenir,Inter,sans-serif;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748b}h1,h2,h3,h4,h5,h6{color:#0b1220;letter-spacing:-.015em;text-wrap:balance;text-shadow:0 1px #ffffff8c,0 0 1px #0f172a38;font-weight:750;line-height:1.2}a{color:#1d4ed8}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-content{flex:1 0 auto;width:100%}.page-shell{max-width:var(--container);margin:0 auto;padding:2rem 1.5rem 3rem}.site-header{z-index:100;background:#dcebea;position:sticky;top:0}.header-inner{max-width:var(--container);justify-content:space-between;align-items:center;height:66px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{align-items:center;gap:.6rem;text-decoration:none;transition:opacity .2s;display:flex}.logo:hover{opacity:.9}.logo-mark{color:#1d4ed8;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:inline-flex}.logo-uploaded{object-fit:contain;flex-shrink:0;width:auto;max-width:200px;height:34px;display:block}@media (width<=600px){.logo-uploaded{max-width:170px;height:40px}}@media (width>=1100px){.header-inner{height:88px}.logo-uploaded{max-width:280px;height:46px}}.logo-text{color:#0f172a;letter-spacing:-.01em;font-size:1rem;font-weight:700}.header-nav{align-items:center;gap:.35rem;display:flex}.icon-btn{color:#454545;cursor:pointer;width:40px;height:40px;font:inherit;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.icon-btn:hover{color:#000}.desktop-nav{display:none}@media (width>=1024px){.desktop-nav{align-items:center;gap:2rem;margin-left:2.5rem;margin-right:auto;display:flex}#nav-resources-btn{display:none}}.desktop-nav-trigger,.desktop-nav-link{font:inherit;color:#454545;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:700;text-decoration:none;transition:color .15s}.desktop-nav-link--icon{align-items:center;gap:.5rem;display:inline-flex}.desktop-nav-link-icon{flex-shrink:0;width:2.1rem;height:auto}.desktop-nav-trigger:hover,.desktop-nav-link:hover,.desktop-nav-trigger[aria-expanded=true]{color:var(--teal,#0c92a9)}.desktop-dropdown-panel{background:var(--teal,#0c92a9);position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #0000001f}.desktop-dropdown-caret{background:var(--teal,#0c92a9);width:14px;height:14px;transition:left .15s;position:absolute;top:-7px;transform:translate(-50%)rotate(45deg)}.desktop-dropdown-inner{max-width:var(--container);justify-content:center;margin:0 auto;padding:1.8rem 1.5rem;display:flex}.desktop-dropdown-group{align-items:center;gap:2.75rem;display:flex}.desktop-dropdown-group[hidden]{display:none}.desktop-dropdown-item{color:#fff;white-space:nowrap;align-items:center;gap:.65rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.desktop-dropdown-item img{flex-shrink:0}[data-dropdown-group=logique] .desktop-dropdown-item img{width:36px;height:36px}.desktop-dropdown-item:hover{opacity:.85}.floating-actions{z-index:90;flex-direction:column;align-items:center;gap:.7rem;display:flex;position:fixed;top:14rem;bottom:auto;right:.8rem}.floating-btn{border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,opacity .15s;display:flex;overflow:hidden;box-shadow:0 4px 14px #1d1d1b33}.floating-btn:hover{opacity:.9;transform:translateY(-2px)}.floating-btn--chat{width:44px;height:44px}.floating-btn--exit{width:46px;height:46px}.floating-btn img{width:100%;height:100%;display:block}.back-to-top-btn{z-index:90;color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:#3d93a5;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .25s,transform .25s,visibility .25s,background .15s;display:flex;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(10px)scale(.9);box-shadow:0 4px 14px #1d1d1b40}.back-to-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.back-to-top-btn:hover{background:#2f7684}.chat-widget{z-index:95;position:fixed}.chat-widget__panel{background:var(--color-surface-light);border-radius:var(--radius,14px);flex-direction:column;width:320px;max-width:calc(100vw - 1.6rem);max-height:calc(100vh - 16rem);display:none;position:fixed;top:14rem;right:.8rem;overflow:hidden;box-shadow:0 12px 32px #1d1d1b40}.chat-widget__panel.open{display:flex}.chat-widget__header{color:#fff;background:#a0d0d3;flex-shrink:0;align-items:center;gap:.6rem;padding:.9rem 1rem;display:flex}.chat-widget__header-text{flex-direction:column;line-height:1.25;display:flex}.chat-widget__header-text strong{font-size:.95rem}.chat-widget__header-text span{opacity:.9;font-size:.72rem}.chat-widget__close{cursor:pointer;color:#fff;background:0 0;border:0;margin-left:auto;padding:.2rem;display:flex}.chat-widget__urgency{color:var(--red);text-align:center;background:#dc26260f;flex-shrink:0;margin:0;padding:.6rem 1rem;font-size:.78rem}.chat-widget__messages{flex-direction:column;flex:1;gap:.7rem;padding:1rem;display:flex;overflow-y:auto}.chat-widget__bubble{border-radius:14px;max-width:85%;padding:.65rem .85rem;font-size:.85rem;line-height:1.35}.chat-widget__bubble--bot{background:#fff;align-self:flex-start;box-shadow:0 1px 4px #00000014}.chat-widget__bubble--user{color:#0b1220;background:#a0d0d3;align-self:flex-end}.chat-widget__quick-replies{flex-wrap:wrap;gap:.5rem;display:flex}.chat-widget__pill{cursor:pointer;background:#fff;border:1px solid #c8d6d7;border-radius:999px;padding:.45rem .85rem;font-size:.78rem;transition:background .15s,border-color .15s}.chat-widget__pill:hover{background:#eef6f6;border-color:#a0d0d3}.chat-widget__links{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.chat-widget__link{color:#1d1d1b;background:#fff;border:1px solid #cfe3e1;border-radius:12px;flex-direction:column;gap:.1rem;padding:.55rem .8rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.chat-widget__link:hover,.chat-widget__link:focus-visible{background:#eef6f6;border-color:#0c92a9}.chat-widget__link--primary{color:#fff;background:#0c92a9;border-color:#0c92a9}.chat-widget__link--primary:hover,.chat-widget__link--primary:focus-visible{color:#fff;background:#0a7f93}.chat-widget__link-kind{letter-spacing:.04em;text-transform:uppercase;color:#0c92a9;font-size:.66rem;font-weight:700}.chat-widget__link-title{font-size:.82rem;font-weight:700;line-height:1.3}.chat-widget__link-title:after{content:" →"}.chat-widget__form{border-top:1px solid #e5e9ea;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.chat-widget__input{background:0 0;border:0;outline:0;flex:1;font-size:.85rem}.chat-widget__send{color:#a0d0d3;cursor:pointer;background:0 0;border:0;padding:.3rem;display:flex}.chat-widget__send:hover{color:#83abad}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-search{align-items:center;display:flex;position:relative}.header-search-suggest{z-index:40;background:#fff;border:1px solid #e2e2de;border-radius:14px;font-family:inherit;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #00000024}.header-search-suggest[hidden]{display:none}.header-search-suggest-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f1ef;align-items:baseline;gap:.5rem;width:100%;padding:.6rem 1rem;font-family:inherit;display:flex}.header-search-suggest-item:hover,.header-search-suggest-item.is-active{background:#f1f1ef}.header-search-suggest-item-title{text-overflow:ellipsis;white-space:nowrap;color:#1d1d1b;flex:1;min-width:0;font-size:.84rem;font-weight:600;overflow:hidden}.header-search-suggest-item-kind{text-transform:uppercase;letter-spacing:.03em;color:#0c92a9;flex:none;font-size:.66rem;font-weight:700}.header-search-suggest-more{color:#0c92a9;text-align:center;cursor:pointer;background:#f1f1ef;border:none;width:100%;padding:.55rem 1rem;font-family:inherit;font-size:.78rem;font-weight:700;display:block}.header-search-suggest-empty{color:#6b6b68;padding:.7rem 1rem;font-size:.8rem}.header-search-bar{width:0;min-width:0;transition:width .32s var(--ease-out,ease), padding .32s var(--ease-out,ease), border-width .2s ease;background:#fff;border:0 solid #0c92a947;border-radius:999px;align-items:center;gap:.15rem;padding:0;display:flex;overflow:hidden}.header-search--open .header-search-bar{border-width:1.5px;width:min(60vw,280px);margin-right:.4rem;padding:.3rem .3rem .3rem 1rem}@media (width>=680px){.header-search--open .header-search-bar{width:min(50vw,380px)}}.header-search-input{color:#0c92a9;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.92rem}.header-search-input::placeholder{color:#5897a4;opacity:1}.header-search-submit,.header-search-close{color:#454545;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.header-search-submit:hover,.header-search-close:hover{color:#000}.header-nav--search-closing .header-search-bar{transition-duration:.16s}.header-search--open .header-search-toggle,.header-nav--search-open #nav-resources-btn,.header-search-close[hidden]{display:none}.announce-drop{animation:announce-drop .55s var(--ease-out) .25s forwards;grid-template-rows:minmax(0,0fr);display:grid;overflow:hidden}.announce-drop>*{min-height:0;animation:announce-slide .55s var(--ease-out) .25s both}@keyframes announce-drop{to{grid-template-rows:minmax(0,1fr)}}@keyframes announce-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.lang-switcher{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.15rem;padding:.2rem;display:flex}.site-footer{color:#14213d;background:#dcebea;padding:7rem 1.5rem 1.75rem}.footer-inner{max-width:var(--container);margin:0 auto}.footer-top{border-bottom:1px solid #0c92a9;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:2rem;display:flex}.footer-brand{align-items:flex-start;gap:2.5rem;max-width:840px;display:flex}.footer-logo-mark{flex-shrink:0;width:auto;height:53px}.footer-tagline{color:#1d1d1b;margin-bottom:.3rem;font-size:1rem;line-height:1.62}.footer-discover{color:#1d1d1b;font-size:1rem;font-weight:400;text-decoration:underline}.footer-discover:hover{text-decoration:none}.footer-social{flex-shrink:0;align-items:center;gap:1.6rem;display:flex}.footer-social-link{color:#0c92a9;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.footer-social-link:hover{opacity:.85;transform:translateY(-2px)}.footer-social-link svg{width:auto;height:58px;display:block}.footer-social-link--youtube svg{height:44px}.footer-social-link--facebook svg{height:64px}.footer-social-link--instagram svg{height:56px}.footer-social-link--linkedin svg{height:52px}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr)) auto minmax(0,1fr);gap:2rem;padding:2rem 0;display:grid}.footer-col h3,.footer-urgence-title{letter-spacing:.04em;text-transform:uppercase;color:#0c92a9;margin-bottom:.85rem;font-size:.78rem;font-weight:800}.footer-col{flex-direction:column;gap:.55rem;display:flex}.footer-col a{color:#3d93a5;font-size:.98rem;line-height:1.45;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#0c92a9}.footer-col--urgence{color:#0c92a9;gap:1rem;min-width:300px}.footer-col--urgence .footer-urgence-title{color:#ef7d7a;letter-spacing:.04em;margin-bottom:.7rem;font-size:1.15rem;line-height:1.05}.footer-col--urgence p{color:#0c92a9;align-items:baseline;gap:.5rem;margin:0;font-size:.98rem;line-height:1.2;display:flex}.footer-col--urgence strong{color:#ef7d7a;letter-spacing:-.03em;flex:0 0 4.6rem;font-size:1.95rem;font-weight:800;line-height:.95}.footer-actions{flex-direction:column;justify-content:flex-start;gap:.75rem;display:flex}.footer-btn{white-space:nowrap;color:#2c7d8f;background:#fff;border:1.5px solid #3d93a5;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.footer-btn:hover{color:#fff;background:#3d93a5}.footer-btn-heart{flex-shrink:0;width:22px;height:20px}.footer-bottom{border-top:1px solid #0c92a940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.footer-legal{color:#3d93a5;font-size:.95rem;line-height:1.6}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover{text-decoration:underline}.footer-cookie-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.footer-cookie-btn:hover{text-decoration:underline}@media (width<=860px){.site-footer{padding:4.25rem 1.25rem 1.5rem}.footer-top{flex-direction:column;gap:1.9rem;padding-bottom:1.5rem}.footer-brand{gap:1.6rem;max-width:none}.footer-logo-mark{height:80px}.footer-tagline{font-size:.95rem;line-height:1.55}.footer-discover{font-size:.95rem}.footer-social{align-self:center;gap:2.4rem}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1.5rem;padding:1.35rem 0 0}.footer-col--urgence{border-bottom:1px solid #0c92a9;grid-area:1/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1rem;min-width:0;padding-bottom:1.5rem;display:grid}.footer-col--urgence .footer-urgence-title{text-align:center;letter-spacing:.07em;grid-column:1/-1;margin-bottom:1.05rem;font-size:.95rem;font-weight:500}.footer-col--urgence p{color:#0c92a9;flex-direction:column;align-items:flex-start;gap:.12rem;font-size:.85rem;line-height:1.25}.footer-col--urgence strong{flex:none;font-size:1.5rem;line-height:1.05}.footer-columns>:first-child{grid-area:2/1}.footer-columns>:nth-child(2){grid-area:3/1}.footer-columns>:nth-child(3){grid-area:4/1}.footer-actions{flex-direction:column;grid-area:2/2/5;align-self:start;align-items:stretch;gap:1rem}.footer-btn{padding:.78rem 1.25rem;font-size:1.1rem}.footer-btn-heart{width:26px;height:23px}.footer-col{gap:.28rem}.footer-col h3{margin-bottom:.45rem}.footer-col a{padding-left:.5rem}.footer-bottom{border-top:0;padding-top:1.35rem}}@media (width<=560px){.footer-brand{flex-direction:column;gap:1rem}.footer-col--urgence{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.15rem}.footer-social{gap:1.5rem}.footer-columns{grid-template-columns:minmax(0,1fr)}.footer-actions{grid-area:5/1;margin-top:.4rem}}.hamburger{cursor:pointer;color:#575756;background:0 0;border:none;flex-shrink:0;justify-content:flex-end;align-items:center;width:58px;height:42px;margin-left:.65rem;padding:0;transition:color .2s;display:flex}.hamburger svg{width:50px;height:auto;display:block}.hamburger:hover{color:#000}@media (width>=1024px){.hamburger{display:none}}.hamburger-line{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-out), opacity .3s}.hamburger.open .hamburger-line--mid{opacity:0}.hamburger.open .hamburger-line--top{transform:translateY(12.4px)rotate(45deg)}.hamburger.open .hamburger-line--bottom{transform:translateY(-12.43px)rotate(-45deg)}.mobile-menu{color:#fff;z-index:300;width:min(420px,92vw);height:100dvh;transition:transform .35s var(--ease-out);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #0f172a40}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{background:#4f9ba0;border-bottom:1px solid #fff6;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.mobile-menu-brand{align-items:center;text-decoration:none;display:flex}.mobile-menu-brand-logo{filter:brightness(0)invert();width:auto;height:42px}.mobile-menu-close{color:#fff;cursor:pointer;background:0 0;border:0;padding:.3rem;display:flex}.mobile-menu-inner{background:#4f9ba0;flex-direction:column;flex:1;gap:0;padding:.75rem 1.1rem 2rem;display:flex}.mobile-menu-item{color:#fff;border-radius:10px;align-items:center;gap:.9rem;padding:.8rem .6rem;text-decoration:none;transition:background .2s;display:flex}.mobile-menu-item:hover{background:#ffffff1a}.mobile-menu-icon{object-fit:contain;flex-shrink:0}.mobile-menu-item-text{flex-direction:column;gap:.1rem;display:flex}.mobile-menu-item-text strong{font-size:1rem;font-weight:700}.mobile-menu-item-text small{opacity:.85;font-size:.78rem;font-weight:500}.mobile-menu-item--active{background:#dcebea}.mobile-menu-item--active,.mobile-menu-item--active .mobile-menu-item-text strong{color:#0c92a9}.mobile-menu-item--active:hover{background:#dcebea}.mobile-menu-divider{background:#ffffff40;height:1px;margin:.75rem .6rem .9rem}.mobile-menu-item--compact{gap:.7rem;padding:.5rem .6rem}.mobile-menu-item--compact span:not(.mobile-menu-icon){font-size:.92rem;font-weight:700}.mobile-menu-ctas{flex-direction:column;gap:.7rem;margin-top:1.4rem;padding:0 .6rem;display:flex}.mobile-menu-cta{border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.mobile-menu-cta--donate{color:#fff;background:#ef7875;border-color:#ef7875}.mobile-menu-cta--donate:hover{color:#ef7875;background:#fff}.mobile-menu-cta--join{color:#0c92a9;background:#fff;border-color:#fff}.mobile-menu-cta--join:hover{color:#fff;background:0 0}.mobile-menu-backdrop{z-index:290;background:#0f172a73;display:none;position:fixed;inset:0}.mobile-menu-backdrop.open{display:block}@media (width<=700px){.header-inner{height:60px;padding:0 1rem}.icon-btn{width:36px;height:36px}.hamburger{width:54px;height:38px;margin-left:.35rem}.hamburger svg{width:44px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.6rem}}.listen-btn{border:1.5px solid var(--teal,#0c92a9);color:var(--teal,#0c92a9);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:.5rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.listen-btn-inner{z-index:1;align-items:center;gap:.5rem;display:inline-flex;position:relative}.listen-progress{background:#ffffff47;width:0%;transition:width .3s linear;position:absolute;inset:0 auto 0 0}.listen-btn[data-state=playing],.listen-btn[data-state=paused]{background:var(--teal,#0c92a9);color:#fff}.listen-icon--pause,.listen-icon--play,.listen-icon--stop{display:none}.listen-btn[data-state=playing] .listen-icon--pause,.listen-btn[data-state=paused] .listen-icon--play,.listen-btn[data-state=playing] .listen-icon--stop,.listen-btn[data-state=paused] .listen-icon--stop{display:inline-block}.listen-btn[data-state=playing] .listen-icon--speaker,.listen-btn[data-state=paused] .listen-icon--speaker,.listen-btn[data-state=playing] .listen-label,.listen-btn[data-state=paused] .listen-label{display:none}.listen-btn[data-state=loading]{opacity:.65;cursor:progress}.auto-field{margin:1.1rem 0}.auto-field-label{color:#4b4b49;margin:0 0 .2rem;font-size:.85rem;font-weight:700}.auto-field-value{color:#1d1d1b;margin:0;font-size:.95rem;line-height:1.55}.auto-fields-options{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.auto-fields-option{color:#1d1d1b;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.auto-fields-option-mark{background:#fff;border:1.5px solid #9a9a96;flex:none;width:16px;height:16px;position:relative}.auto-fields-option-mark--checkbox{border-radius:3px}.auto-fields-option-mark--radio{border-radius:50%}.auto-fields-option--checked .auto-fields-option-mark{background:#0c92a9;border-color:#0c92a9}.auto-fields-option--checked .auto-fields-option-mark--checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.auto-fields-option--checked .auto-fields-option-mark--radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:3px}.auto-field-toggle{background:#d8d8d4;border-radius:999px;align-items:center;width:38px;height:22px;padding:2px;transition:background .2s;display:inline-flex}.auto-field-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 1px 2px #00000040}.auto-field-toggle--on{background:#0c92a9}.auto-field-toggle--on .auto-field-toggle-knob{transform:translate(16px)}.auto-field-assets{flex-wrap:wrap;gap:.6rem;display:flex}.auto-field-asset-img{object-fit:cover;border-radius:8px;width:96px;height:96px;display:block}.auto-field-asset-file{color:#0c92a9;align-items:center;font-size:.9rem;text-decoration:underline;display:inline-flex}.hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}