@nd-storybook/storybook 0.3.65 → 0.3.66

package/dist/index.cjs.js

@@ -75,7 +75,7 @@ Valid keys: `+JSON.stringify(Object.keys(f),null,"  "));var D=t2(Y,U,B,F,W+"."+U
             from { opacity: 0; transform: translateY(-8px); }
             to   { opacity: 1; transform: translateY(0); }
           }
-        `}),s.jsxs("div",{className:"absolute top-full left-0 mt-xxs p-s bg-background-default border border-border-gray-subtle shadow-m z-10 w-[280px]",style:{animation:"nd-calendar-enter 150ms ease-out"},children:[s.jsxs("div",{className:"flex items-center justify-between pb-xs mb-xs border-b border-border-gray-subtle",children:[s.jsx("button",{type:"button",onClick:h,className:"flex items-center justify-center border-none bg-transparent cursor-pointer t w-8 h-8 transition-colors duration-150 hover:bg-background-gray-subtle",children:s.jsx(X,{name:"caret-left",size:"m",color:"brand",variant:"outline"})}),s.jsxs("div",{className:"flex items-center gap-s",children:[s.jsxs("div",{className:"relative inline-flex items-center gap-xxs cursor-pointer",children:[s.jsx("span",{className:"text-meta-bold text-text-default",children:A1[c]}),s.jsx(X,{name:"caret-down",size:"s",color:"default"}),s.jsx("select",{value:c,onChange:M=>a(new Date(l,parseInt(M.target.value),1)),className:"absolute inset-0 opacity-0 cursor-pointer w-full",children:A1.map((M,p)=>s.jsx("option",{value:p,children:M},p))})]}),s.jsxs("div",{className:"relative inline-flex items-center gap-xxs cursor-pointer",children:[s.jsx("span",{className:"text-meta-bold text-text-default",children:l}),s.jsx(X,{name:"caret-down",size:"s",color:"default"}),s.jsx("select",{value:l,onChange:M=>a(new Date(parseInt(M.target.value),c,1)),className:"absolute inset-0 opacity-0 cursor-pointer w-full",children:C.map(M=>s.jsx("option",{value:M,children:M},M))})]})]}),s.jsx("button",{type:"button",onClick:x,className:"flex items-center justify-center border-none bg-transparent cursor-pointer w-8 h-8 transition-colors duration-150 hover:bg-background-gray-subtle",children:s.jsx(X,{name:"caret-right",size:"m",color:"brand",variant:"outline"})})]}),s.jsxs("div",{className:"grid grid-cols-7 gap-xxs",children:[a9.map(M=>s.jsx("div",{className:"text-center text-meta-light text-text-gray py-xxs",children:M},M)),m.map((M,p)=>M===null?s.jsx("div",{},`empty-${p}`):s.jsx("button",{type:"button",disabled:v(M),className:["flex items-center justify-center border-none cursor-pointer","text-meta-regular w-9 h-9 transition-colors duration-150","disabled:text-text-gray disabled:cursor-not-allowed disabled:bg-transparent",V(M)?"bg-background-brand text-text-inverse hover:bg-background-gray hover:text-text-default":k(M)?"bg-background-brand-subtle text-text-brand":"text-text-default hover:bg-background-gray"].join(" "),onClick:()=>!v(M)&&t(new Date(l,c,M)),children:M},M))]})]})]})},c9=e=>{const t=String(e.getDate()).padStart(2,"0"),n=String(e.getMonth()+1).padStart(2,"0"),r=e.getFullYear();return`${t}/${n}/${r}`},u9=e=>{const t=e.split("/");if(t.length!==3)return null;const[n,r,o]=t.map(Number),i=new Date(o,r-1,n);return isNaN(i.getTime())?null:i},i2=e=>{const{label:t,help:n,errors:r,datePicker:o,minDate:i,maxDate:a,setValue:l,value:c,...u}=e,[d,C]=b.useState(!1),g=b.useRef(null);b.useEffect(()=>{if(!d)return;const v=V=>{g.current&&!g.current.contains(V.target)&&C(!1)};return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[d]);function w(v){l(v.target.value)}function h(v){l(c9(v)),C(!1)}const x=o?u9(c):null;return s.jsxs("div",{className:`text-body-regular text-text-default ${o?" relative":""}`,ref:g,children:[t&&s.jsx("label",{className:"text-body-light",children:t}),s.jsxs("div",{className:o?"relative flex items-center":void 0,children:[s.jsx("input",{className:`w-full px-3 py-2 border text-default bg-background-default focus:outline-none focus:border-border-brand disabled:bg-background-gray disabled:text-text-disabled disabled:cursor-not-allowed ${r!=null&&r.length?"border-border-warning":"border-border-gray"} ${o?" cursor-pointer pr-10":""}`,onChange:w,value:c,readOnly:o,onClick:o?()=>C(v=>!v):void 0,placeholder:o?"DD/MM/YYYY":u.placeholder,...u}),o&&s.jsx("button",{type:"button",className:" absolute right-0 flex items-center justify-center w-10 h-full border-none bg-transparent cursor-pointer text-icons-brand hover:text-text-brand-hover",onClick:()=>C(v=>!v),"aria-label":"Open date picker",children:s.jsx(X,{name:"calendar-blank",size:"s",color:"default",variant:"outline"})})]}),o&&d&&s.jsx(l9,{selected:x,onSelect:h,minDate:i,maxDate:a}),n||r!=null&&r.length?s.jsxs("div",{className:"flex flex-col",children:[n&&s.jsx("span",{className:"text-text-gray text-meta-regular",children:n}),r&&r.map((v,V)=>s.jsx("span",{className:"text-text-warning text-meta-regular",children:v},V))]}):null]})},Y2=({isOpen:e,onClose:t,children:n,heading:r})=>e?s.jsxs("div",{className:"fixed inset-0 z-50 flex items-end md:items-center md:justify-center",children:[s.jsx("div",{className:"absolute inset-0 bg-black bg-opacity-50",onClick:t}),s.jsxs("div",{className:"relative w-full md:w-[600px] md:mx-4 bg-background-default p-m max-h-[60vh] md:h-auto md:max-h-[90vh] overflow-y-auto",children:[s.jsxs("div",{className:"flex items-center justify-between mb-6",children:[r&&s.jsx("h2",{className:"text-heading-m text-text-default",children:r}),s.jsx("div",{className:"ml-auto",children:s.jsx("button",{onClick:t,className:"p-1 hover:bg-background-gray-subtle rounded transition-colors text-text-default","aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",size:"s",color:"default",variant:"outline"})})})]}),n]})]}):null,L3=(e=3e3)=>{const[t,n]=b.useState({message:"",visible:!1}),r=b.useCallback(i=>{n({message:i,visible:!0}),setTimeout(()=>{n(a=>({...a,visible:!1}))},e)},[e]),o=b.useCallback(()=>{n(i=>({...i,visible:!1}))},[]);return{toast:t,showToast:r,hideToast:o}},J0=({message:e,visible:t,onClose:n})=>t?s.jsx("div",{className:"fixed bottom-4 left-4 z-[60] max-w-sm animate-fade-in",children:s.jsxs("div",{className:"flex items-center gap-xs p-s shadow-lg border bg-background-default border-border-gray-subtle",children:[s.jsx("p",{className:"text-body-light text-text-default flex-1",dangerouslySetInnerHTML:{__html:e}}),s.jsx("button",{onClick:n,className:"p-1 hover:bg-background-gray-subtle rounded transition-colors","aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",size:"s",color:"default",variant:"outline"})})]})}):null,d9=({title:e,text:t,buttonLabel:n,href:r,className:o=""})=>s.jsxs("div",{className:`w-full bg-background-yellow border-l-[3px] border-border-yellow p-s md:p-m flex flex-col gap-s ${o}`.trim(),children:[s.jsxs("div",{className:"flex flex-col gap-xxs",children:[s.jsx("h2",{className:"text-heading-m",children:e}),s.jsx("p",{className:"text-body-light",children:t})]}),s.jsx(n2,{variant:"pill",iconRight:"caret-right",label:n,href:r,className:"w-fit"})]}),N2=({children:e,intro:t,variant:n="default",className:r=""})=>n==="lined"?s.jsxs("div",{className:`flex items-center gap-m ${r}`,children:[s.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"}),s.jsx("h2",{className:"text-center text-heading-uppercase text-text-default",children:e}),s.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"})]}):s.jsxs("div",{className:`flex flex-col gap-s ${r}`,children:[s.jsx("h2",{className:"text-heading-l text-text-default",children:e}),t&&s.jsx("p",{className:"text-body-light text-text-default",children:t})]}),b0=({title:e,titleVariant:t="lined",showButton:n=!1,buttonLabel:r="",buttonUrl:o,onButtonClick:i,className:a="",children:l,onItemClick:c})=>{const u=b.useRef(null),d=b.useRef(!1),C=b.useRef(0),g=b.useRef(0),w=b.useRef(!1),[h,x]=b.useState(!1),[v,V]=b.useState(!0),k=()=>{if(!u.current)return;const{scrollLeft:m,scrollWidth:M,clientWidth:p}=u.current;x(m>0),V(m<M-p-1)};return b.useEffect(()=>{const m=u.current;if(!m)return;k(),m.addEventListener("scroll",k),window.addEventListener("resize",k);const M=T=>{d.current=!0,w.current=!1,m.classList.remove("scroll-smooth"),C.current=T.pageX,g.current=m.scrollLeft},p=T=>{if(!d.current)return;const P=T.pageX,N=C.current-P;Math.abs(N)>3&&(T.preventDefault(),m.scrollLeft=g.current+N,w.current=!0)},y=()=>{m.classList.add("scroll-smooth"),d.current=!1},S=T=>{if(w.current){T.preventDefault(),T.stopPropagation(),w.current=!1;return}if(c){const N=T.target.closest("[data-index]");if(N){const O=N.getAttribute("data-index");O!==null&&c(parseInt(O,10),T)}}w.current=!1};return m.addEventListener("mousedown",M),m.addEventListener("mousemove",p),m.addEventListener("mouseup",y),m.addEventListener("mouseleave",y),m.addEventListener("click",S,!0),()=>{m.removeEventListener("scroll",k),window.removeEventListener("resize",k),m.removeEventListener("mousedown",M),m.removeEventListener("mousemove",p),m.removeEventListener("mouseup",y),m.removeEventListener("mouseleave",y),m.removeEventListener("click",S,!0)}},[c]),s.jsxs("div",{className:`w-full flex flex-col gap-s ${a}`,children:[e&&s.jsx(N2,{variant:t,children:e}),s.jsxs("div",{className:"relative",children:[h&&s.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-m bg-gradient-to-r from-background-default to-transparent pointer-events-none z-10"}),v&&s.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-m bg-gradient-to-l from-background-default to-transparent pointer-events-none z-10"}),s.jsx("div",{ref:u,className:"flex gap-m overflow-x-auto scroll-smooth py-s cursor-grab active:cursor-grabbing select-none [&_img]:pointer-events-none",style:{scrollbarWidth:"thin",scrollbarColor:"var(--color-border-gray) transparent"},children:l})]}),n&&s.jsx(n2,{variant:"pill",iconRight:"caret-right",href:o,onClick:i,className:"w-fit",children:r})]})},C1=({imageUrl:e,heading:t,articleType:n,isPremium:r=!1,videoDuration:o,href:i,onClick:a,className:l=""})=>{const c=s.jsxs("div",{className:"w-full h-[19.125rem] overflow-hidden relative",children:[e?s.jsx("img",{src:e,alt:t,className:"w-full h-[19.125rem] object-cover"}):s.jsx("div",{className:"w-full h-[19.125rem] bg-background-gray"}),s.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black-30 to-transparent"}),s.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[s.jsx("div",{className:"group-hover:scale-110 transition-transform duration-300",children:s.jsx(X,{name:"play-circle",variant:"fill",size:"xl",color:"inverse"})}),o&&s.jsx("span",{className:"text-meta-bold text-text-inverse",children:o})]}),s.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-s flex flex-col gap-xs",children:[s.jsxs("div",{className:"flex items-center gap-xxs",children:[n&&s.jsx("div",{className:"text-meta-uppercase text-text-inverse",children:n}),r&&s.jsx(_2,{variant:"premium",size:"small"})]}),t&&s.jsx("h3",{className:"text-body-gulliver-semibold text-text-inverse line-clamp-3",children:t})]})]}),u=`inline-flex flex-col w-[13.25rem] group ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:u,children:c}):s.jsx("div",{className:u,children:c})},f1=({variant:e="image",imageUrl:t,alt:n,description:r,metaText:o,href:i,onClick:a,className:l=""})=>{if(e==="card"){const d=s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"w-full aspect-square overflow-hidden",children:t?s.jsx("img",{src:t,alt:n,className:"w-full h-full object-cover"}):s.jsx("div",{className:"w-full h-full bg-background-gray"})}),s.jsxs("div",{className:"flex flex-col gap-xs flex-1",children:[r&&s.jsx("span",{className:"text-body-light text-text-default",children:r}),o&&s.jsx("span",{className:"text-meta-light text-text-default italic",children:o})]})]});return s.jsx("div",{className:`flex flex-col flex-1 w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-gray-subtle ${l}`.trim(),children:d})}const c=s.jsx("div",{className:"w-[13.25rem] h-[13.25rem] overflow-hidden",children:t?s.jsx("img",{src:t,alt:n,className:"w-full h-full object-cover"}):s.jsx("div",{className:"w-full h-full bg-background-gray"})}),u=`inline-flex group ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:u,children:c}):s.jsx("div",{className:u,children:c})},M3=({imageUrl:e,heading:t,publicationMonth:n,placeholderText:r,buttonProps:o,href:i,onClick:a,className:l=""})=>{const c=()=>o?s.jsx("div",{className:"pt-s",children:s.jsx(n2,{variant:"pill",className:"w-fit",...o})}):null,u=s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"w-[13.25rem] border border-default border-border-gray-subtle hover:border-border-dnk active:border-dnk-brand transition-colors overflow-hidden",children:e?s.jsx("img",{src:e,alt:t,className:"w-full h-[19.125rem] object-cover"}):s.jsx("div",{className:"w-full h-[19.125rem] bg-background-gray flex items-center justify-center",children:r&&s.jsx("span",{className:"text-body-light text-text-default text-center px-s",children:r})})}),n&&s.jsx("div",{className:"w-full text-center pt-xs",children:s.jsx("span",{className:"text-meta-regular text-text-default",children:n})}),s.jsx(c,{})]}),d=`inline-flex flex-col items-center ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:d,children:u}):s.jsx("div",{className:d,children:u})},H3=({imageUrl:e,articleType:t,heading:n,variant:r="default",isPremium:o=!1,href:i,onClick:a,className:l="",videoDuration:c,publicationMonth:u,placeholderText:d,buttonProps:C})=>{if(r==="video")return s.jsx(C1,{imageUrl:e,heading:n,articleType:t,isPremium:o,videoDuration:c,href:i,onClick:a,className:l});if(r==="image")return s.jsx(f1,{imageUrl:e,alt:t,href:i,onClick:a,className:l});if(r==="dnk-publications")return s.jsx(M3,{imageUrl:e,heading:n,publicationMonth:u,placeholderText:d,buttonProps:C,href:i,onClick:a,className:l});const g=r==="de-nieuwe-koers"?"text-text-dnk":"text-text-brand",w=r==="de-nieuwe-koers"?"hover:border-border-dnk":"hover:border-border-brand",h=()=>s.jsxs("div",{className:"flex items-center gap-xxs",children:[t&&s.jsx("div",{className:`text-meta-uppercase ${g}`,children:t}),o&&r!=="de-nieuwe-koers"&&s.jsx(_2,{variant:"premium",size:"small"})]}),x=()=>n?s.jsx("h3",{className:"text-body-gulliver-semibold text-text-default line-clamp-5",children:n}):null,v=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"w-full h-[7.5rem] overflow-hidden relative",children:[e?s.jsx("img",{src:e,alt:n,className:"w-full h-[7.5rem] object-cover"}):s.jsx("div",{className:"w-full h-[7.5rem] bg-background-gray"}),r==="de-nieuwe-koers"&&s.jsx("div",{className:"absolute bottom-xs left-xs",children:s.jsx(_2,{variant:"dnk",size:"small"})})]}),s.jsxs("div",{className:"flex flex-col gap-xs w-full h-[8.5rem]",children:[s.jsx(h,{}),s.jsx(x,{})]})]}),V=`inline-flex flex-col items-center w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-gray-subtle ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:`${V} transition-colors ${w}`,children:v}):s.jsx("div",{className:V,children:v})},S3=({videoId:e,onClose:t,onNext:n,onPrevious:r,hasNext:o=!1,hasPrevious:i=!1})=>{if(b.useEffect(()=>{const c=u=>{u.key==="Escape"?t():u.key==="ArrowRight"&&o&&n?n():u.key==="ArrowLeft"&&i&&r&&r()};return e&&(document.addEventListener("keydown",c),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",c),document.body.style.overflow=""}},[e,t,n,r,o,i]),!e)return null;const a="text-text-inverse hover:bg-neutral-800 transition-colors p-xxs rounded-xl",l="text-text-inverse transition-colors px-s py-xxs";return s.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-neutral-black-80",onClick:t,children:[s.jsx("button",{onClick:t,className:`fixed top-m sm:top-xs right-m sm:right-xs z-20 ${a}`,"aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",variant:"outline",size:"m",color:"inverse"})}),i&&r&&s.jsx("button",{onClick:c=>{c.stopPropagation(),r()},className:`fixed left-m hidden sm:block ${a}`,"aria-label":"Vorige video",style:{top:"50%",transform:"translateY(-50%)"},children:s.jsx(X,{name:"caret-left",variant:"outline",size:"m",color:"inverse"})}),o&&n&&s.jsx("button",{onClick:c=>{c.stopPropagation(),n()},className:`fixed right-m hidden sm:block ${a}`,"aria-label":"Volgende video",style:{top:"50%",transform:"translateY(-50%)"},children:s.jsx(X,{name:"caret-right",variant:"outline",size:"m",color:"inverse"})}),s.jsxs("div",{className:"relative w-full max-w-[400px] mx-m flex flex-col items-center",onClick:c=>c.stopPropagation(),children:[s.jsx("div",{className:"relative w-full bg-background-dark shadow-l",style:{aspectRatio:"9/16"},children:s.jsx("iframe",{src:`https://www.youtube.com/embed/${e}?autoplay=1&rel=0&modestbranding=1`,title:"YouTube Short",className:"absolute inset-0 w-full h-full",allow:"autoplay; encrypted-media; fullscreen",allowFullScreen:!0})}),s.jsxs("div",{className:"flex sm:hidden gap-s mt-xs w-full justify-between",children:[s.jsx("div",{className:"flex-1",children:i&&r&&s.jsxs("button",{onClick:c=>{c.stopPropagation(),r()},className:`${l} flex items-center gap-xxs w-full justify-center`,"aria-label":"Vorige video",children:[s.jsx(X,{name:"caret-left",variant:"outline",size:"s",color:"inverse"}),s.jsx("span",{className:"text-meta-regular text-text-inverse",children:"Vorige"})]})}),s.jsx("div",{className:"flex-1",children:o&&n&&s.jsxs("button",{onClick:c=>{c.stopPropagation(),n()},className:`${l} flex items-center gap-xxs w-full justify-center`,"aria-label":"Volgende video",children:[s.jsx("span",{className:"text-meta-regular text-text-inverse",children:"Volgende"}),s.jsx(X,{name:"caret-right",variant:"outline",size:"s",color:"inverse"})]})})]})]})]})},E3=({videoConfig:e,title:t,showButton:n=!1,buttonLabel:r="",buttonUrl:o,onButtonClick:i,className:a=""})=>{const[l,c]=b.useState([]),[u,d]=b.useState(!1),[C,g]=b.useState(null),[w,h]=b.useState(null),[x,v]=b.useState(null);b.useEffect(()=>{(async()=>{d(!0),g(null);try{const{apiEndpoint:y,channelId:S,playlistId:T,maxResults:P=10}=e,N=new URLSearchParams;S&&N.append("channelId",S),T&&N.append("playlistId",T),N.append("maxResults",P.toString());const O=`${y}?${N.toString()}`,z=await fetch(O);if(!z.ok)throw new Error(`Failed to fetch videos: ${z.statusText}`);const A=(await z.json()).map(H=>({imageUrl:H.thumbnailUrl||`https://img.youtube.com/vi/${H.videoId}/mqdefault.jpg`,articleType:"Video",heading:H.title,videoDuration:H.duration,videoId:H.videoId}));c(A)}catch(y){g(y instanceof Error?y.message:"Error loading videos"),console.error("Video fetch error:",y)}finally{d(!1)}})()},[e]);const V=()=>{if(x!==null&&x<l.length-1){const p=x+1;v(p),h(l[p].videoId)}},k=()=>{if(x!==null&&x>0){const p=x-1;v(p),h(l[p].videoId)}},m=()=>{h(null),v(null)},M=(p,y)=>{const S=l[p];S!=null&&S.videoId&&(y.preventDefault(),y.stopPropagation(),v(p),h(S.videoId))};return u?s.jsx("div",{className:`w-full flex flex-col gap-s ${a}`,children:s.jsx("p",{className:"text-body-regular text-text-subtle",children:"Video's laden..."})}):C?s.jsx("div",{className:`w-full flex flex-col gap-s ${a}`,children:s.jsxs("p",{className:"text-body-regular text-text-warning",children:["Fout bij laden: ",C]})}):l.length===0?null:s.jsxs(s.Fragment,{children:[s.jsx(b0,{title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,onItemClick:M,children:l.map((p,y)=>s.jsx("div",{className:"flex-shrink-0","data-index":y,children:s.jsx(C1,{imageUrl:p.imageUrl,heading:p.heading,articleType:p.articleType,videoDuration:p.videoDuration,videoId:p.videoId})},y))}),s.jsx(S3,{videoId:w,onClose:m,onNext:V,onPrevious:k,hasNext:x!==null&&x<l.length-1,hasPrevious:x!==null&&x>0})]})},C9=({articles:e,videoConfig:t,title:n,showButton:r=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:a,className:l="",enableSelection:c=!1,defaultSelectedIndex:u,onArticleSelect:d})=>t?s.jsx(E3,{videoConfig:t,title:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:l}):s.jsx(f9,{articles:e||[],title:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:l,enableSelection:c,defaultSelectedIndex:u,onArticleSelect:d}),f9=({articles:e,title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,enableSelection:l,defaultSelectedIndex:c,onArticleSelect:u})=>{const[d,C]=b.useState(c!==void 0?c:null),g=(w,h)=>{l&&(C(w),u==null||u(w),e[w].href||h.preventDefault())};return!e||e.length===0?null:s.jsx(b0,{title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,onItemClick:g,children:e.map((w,h)=>{const x=l&&d===h;return s.jsx("div",{className:"flex-shrink-0","data-index":h,children:s.jsx(H3,{...w,className:`${w.className||""} ${x?"[&>div]:!border-border-dnk":""}`.trim()})},h)})})},h9=({images:e,title:t,titleVariant:n,showButton:r=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:a,onImageSelect:l,className:c=""})=>{if(!e||e.length===0)return null;const u=d=>{l==null||l(d)};return s.jsx(b0,{title:t,titleVariant:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:c,onItemClick:u,children:e.map((d,C)=>s.jsx("div",{className:"flex-shrink-0 flex","data-index":C,children:s.jsx(f1,{...d})},C))})},P1=({options:e,value:t,onSelect:n,variant:r="select"})=>s.jsx("ul",{className:"absolute left-0 w-full bg-background-default border-s border-border-gray-subtle shadow-s z-10 mt-xxs max-h-[225px] overflow-y-auto",style:{top:"100%"},children:e.map(o=>{const i=o.value===t;return s.jsx("li",{children:s.jsx("button",{onClick:()=>n(o.value),className:`w-full text-left px-xs py-xs hover:bg-background-gray-subtle transition-colors ${i?`${r==="select"?"text-body-regular":"text-meta-regular"} text-text-default !underline !decoration-border-brand underline-offset-4`:`${r==="select"?"text-body-light":"text-meta-light"} text-text-default`}`,children:o.label})},o.value)})}),h0=({variant:e="select",options:t,value:n,onChange:r,isOpen:o,onOpenChange:i,label:a,placeholder:l="Selecteer...",className:c="",errors:u})=>{const[d,C]=b.useState(!1),g=o!==void 0?o:d,w=b.useRef(null),h=t.find(V=>V.value===n),x=V=>{o===void 0&&C(V),i==null||i(V)};b.useEffect(()=>{const V=k=>{w.current&&!w.current.contains(k.target)&&x(!1)};return document.addEventListener("mousedown",V),()=>document.removeEventListener("mousedown",V)},[]);const v=V=>{r==null||r(V),x(!1)};return e==="pill"?s.jsxs("div",{ref:w,className:`relative inline-flex ${c}`,children:[s.jsx(n2,{variant:"pill",label:(h==null?void 0:h.label)??a??l,iconLeft:"arrows-down-up",iconRight:"caret-down",isActive:g,onToggle:V=>x(V)}),g&&s.jsx(P1,{options:t,value:n,onSelect:v,variant:"pill"})]}):s.jsxs("div",{ref:w,className:`relative w-full flex flex-col gap-xxs ${c}`,children:[a&&s.jsx("label",{className:"text-body-light",children:a}),s.jsxs("button",{onClick:()=>x(!g),className:`w-full flex items-center justify-between gap-xs px-3 py-2 bg-background-default border text-body-light text-text-default focus:outline-none transition-colors ${g?"border-border-brand":u!=null&&u.length?"border-border-warning":"border-border-gray"}`,children:[s.jsx("span",{className:h?"text-body-regular text-text-default":"text-body-regular text-black/[0.54]",children:(h==null?void 0:h.label)??l}),s.jsx(X,{name:"caret-down",size:"s",color:"gray",className:`transition-transform duration-200 ${g?"rotate-180":""}`})]}),g&&s.jsx(P1,{options:t,value:n,onSelect:v}),u&&u.map((V,k)=>s.jsx("span",{className:"text-text-warning text-meta-regular",children:V},k))]})},g9=({isOpen:e,onClose:t,remainingGifts:n=5,defaultMode:r="gift",onShareAsGift:o,onShareAsStandard:i})=>{const[a,l]=b.useState(e??!1),[c,u]=b.useState(r),[d,C]=b.useState(Math.max(0,n)),{toast:g,showToast:w,hideToast:h}=L3();b.useEffect(()=>{e!==void 0&&l(e)},[e]),b.useEffect(()=>(window.openArtikelCadeau=m=>{u(m),requestAnimationFrame(()=>{l(!0)})},()=>{window.openArtikelCadeau=void 0}),[]),b.useEffect(()=>{const m=()=>{u("gift"),l(!0)};return window.addEventListener("open-artikel-cadeau",m),()=>window.removeEventListener("open-artikel-cadeau",m)},[]),b.useEffect(()=>{const m=M=>{const p=Math.max(0,M.detail.remainingGifts);C(p);const y=document.querySelector(".bg-background-brand.text-text-inverse.size-m");y&&(y.textContent=p.toString())};return window.addEventListener("update-remaining-gifts",m),()=>window.removeEventListener("update-remaining-gifts",m)},[]),b.useEffect(()=>{const m=M=>{w(M.detail.message)};return window.addEventListener("artikel-cadeau-toast",m),()=>window.removeEventListener("artikel-cadeau-toast",m)},[w]);const x=b.useCallback(()=>{l(!1),t==null||t()},[t]);if(!a)return s.jsx(s.Fragment,{children:s.jsx(J0,{message:g.message,visible:g.visible,onClose:h})});const v=[{iconName:"link",label:"Kopieer link",platform:"copy"},{iconName:"mail",label:"E-mail",platform:"email"},{iconName:"whatsapp",label:"WhatsApp",platform:"whatsapp"},{iconName:"facebook",label:"Facebook",platform:"facebook"},{iconName:"x",label:"X",platform:"x"},{iconName:"linkedin",label:"LinkedIn",platform:"linkedin"},{iconName:"bluesky",label:"Bluesky",platform:"bluesky"}],V=c==="gift"&&d<=0,k=m=>{V||(c==="gift"?o?o(m):window.handleShareAsGift&&window.handleShareAsGift(m):i?i(m):window.handleShareAsStandard&&window.handleShareAsStandard(m))};return s.jsxs(s.Fragment,{children:[s.jsx("style",{children:`
+        `}),s.jsxs("div",{className:"absolute top-full left-0 mt-xxs p-s bg-background-default border border-border-gray-subtle shadow-m z-10 w-[280px]",style:{animation:"nd-calendar-enter 150ms ease-out"},children:[s.jsxs("div",{className:"flex items-center justify-between pb-xs mb-xs border-b border-border-gray-subtle",children:[s.jsx("button",{type:"button",onClick:h,className:"flex items-center justify-center border-none bg-transparent cursor-pointer t w-8 h-8 transition-colors duration-150 hover:bg-background-gray-subtle",children:s.jsx(X,{name:"caret-left",size:"m",color:"brand",variant:"outline"})}),s.jsxs("div",{className:"flex items-center gap-s",children:[s.jsxs("div",{className:"relative inline-flex items-center gap-xxs cursor-pointer",children:[s.jsx("span",{className:"text-meta-bold text-text-default",children:A1[c]}),s.jsx(X,{name:"caret-down",size:"s",color:"default"}),s.jsx("select",{value:c,onChange:M=>a(new Date(l,parseInt(M.target.value),1)),className:"absolute inset-0 opacity-0 cursor-pointer w-full",children:A1.map((M,p)=>s.jsx("option",{value:p,children:M},p))})]}),s.jsxs("div",{className:"relative inline-flex items-center gap-xxs cursor-pointer",children:[s.jsx("span",{className:"text-meta-bold text-text-default",children:l}),s.jsx(X,{name:"caret-down",size:"s",color:"default"}),s.jsx("select",{value:l,onChange:M=>a(new Date(parseInt(M.target.value),c,1)),className:"absolute inset-0 opacity-0 cursor-pointer w-full",children:C.map(M=>s.jsx("option",{value:M,children:M},M))})]})]}),s.jsx("button",{type:"button",onClick:x,className:"flex items-center justify-center border-none bg-transparent cursor-pointer w-8 h-8 transition-colors duration-150 hover:bg-background-gray-subtle",children:s.jsx(X,{name:"caret-right",size:"m",color:"brand",variant:"outline"})})]}),s.jsxs("div",{className:"grid grid-cols-7 gap-xxs",children:[a9.map(M=>s.jsx("div",{className:"text-center text-meta-light text-text-gray py-xxs",children:M},M)),m.map((M,p)=>M===null?s.jsx("div",{},`empty-${p}`):s.jsx("button",{type:"button",disabled:v(M),className:["flex items-center justify-center border-none cursor-pointer","text-meta-regular w-9 h-9 transition-colors duration-150","disabled:text-text-gray disabled:cursor-not-allowed disabled:bg-transparent",V(M)?"bg-background-brand text-text-inverse hover:bg-background-gray hover:text-text-default":k(M)?"bg-background-brand-subtle text-text-brand":"text-text-default hover:bg-background-gray"].join(" "),onClick:()=>!v(M)&&t(new Date(l,c,M)),children:M},M))]})]})]})},c9=e=>{const t=String(e.getDate()).padStart(2,"0"),n=String(e.getMonth()+1).padStart(2,"0"),r=e.getFullYear();return`${t}/${n}/${r}`},u9=e=>{const t=e.split("/");if(t.length!==3)return null;const[n,r,o]=t.map(Number),i=new Date(o,r-1,n);return isNaN(i.getTime())?null:i},i2=e=>{const{label:t,help:n,errors:r,datePicker:o,minDate:i,maxDate:a,setValue:l,value:c,...u}=e,[d,C]=b.useState(!1),g=b.useRef(null);b.useEffect(()=>{if(!d)return;const v=V=>{g.current&&!g.current.contains(V.target)&&C(!1)};return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[d]);function w(v){l(v.target.value)}function h(v){l(c9(v)),C(!1)}const x=o?u9(c):null;return s.jsxs("div",{className:`text-body-regular text-text-default ${o?" relative":""}`,ref:g,children:[t&&s.jsx("label",{className:"text-body-light",children:t}),s.jsxs("div",{className:o?"relative flex items-center":void 0,children:[s.jsx("input",{className:`w-full px-3 py-2 border text-default bg-background-default focus:outline-none focus:border-border-brand disabled:bg-background-gray disabled:text-text-disabled disabled:cursor-not-allowed ${r!=null&&r.length?"border-border-warning":"border-border-gray"} ${o?" cursor-pointer pr-10":""}`,onChange:w,value:c,readOnly:o,onClick:o?()=>C(v=>!v):void 0,placeholder:o?"DD/MM/YYYY":u.placeholder,...u}),o&&s.jsx("button",{type:"button",className:" absolute right-0 flex items-center justify-center w-10 h-full border-none bg-transparent cursor-pointer text-icons-brand hover:text-text-brand-hover",onClick:()=>C(v=>!v),"aria-label":"Open date picker",children:s.jsx(X,{name:"calendar-blank",size:"s",color:"default",variant:"outline"})})]}),o&&d&&s.jsx(l9,{selected:x,onSelect:h,minDate:i,maxDate:a}),n||r!=null&&r.length?s.jsxs("div",{className:"flex flex-col",children:[n&&s.jsx("span",{className:"text-text-gray text-meta-regular",children:n}),r&&r.map((v,V)=>s.jsx("span",{className:"text-text-warning text-meta-regular",children:v},V))]}):null]})},Y2=({isOpen:e,onClose:t,children:n,heading:r})=>e?s.jsxs("div",{className:"fixed inset-0 z-50 flex items-end md:items-center md:justify-center",children:[s.jsx("div",{className:"absolute inset-0 bg-black bg-opacity-50",onClick:t}),s.jsxs("div",{className:"relative w-full md:w-[600px] md:mx-4 bg-background-default p-m max-h-[60vh] md:h-auto md:max-h-[90vh] overflow-y-auto",children:[s.jsxs("div",{className:"flex items-center justify-between mb-6",children:[r&&s.jsx("h2",{className:"text-heading-m text-text-default",children:r}),s.jsx("div",{className:"ml-auto",children:s.jsx("button",{onClick:t,className:"p-1 hover:bg-background-gray-subtle rounded transition-colors text-text-default","aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",size:"s",color:"default",variant:"outline"})})})]}),n]})]}):null,L3=(e=3e3)=>{const[t,n]=b.useState({message:"",visible:!1}),r=b.useCallback(i=>{n({message:i,visible:!0}),setTimeout(()=>{n(a=>({...a,visible:!1}))},e)},[e]),o=b.useCallback(()=>{n(i=>({...i,visible:!1}))},[]);return{toast:t,showToast:r,hideToast:o}},J0=({message:e,visible:t,onClose:n})=>t?s.jsx("div",{className:"fixed bottom-4 left-4 z-[60] max-w-sm animate-fade-in",children:s.jsxs("div",{className:"flex items-center gap-xs p-s shadow-lg border bg-background-default border-border-gray-subtle",children:[s.jsx("p",{className:"text-body-light text-text-default flex-1",dangerouslySetInnerHTML:{__html:e}}),s.jsx("button",{onClick:n,className:"p-1 hover:bg-background-gray-subtle rounded transition-colors","aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",size:"s",color:"default",variant:"outline"})})]})}):null,d9=({title:e,text:t,buttonLabel:n,href:r,className:o=""})=>s.jsxs("div",{className:`w-full bg-background-yellow border-l-[3px] border-border-yellow p-s md:p-m flex flex-col gap-s ${o}`.trim(),children:[s.jsxs("div",{className:"flex flex-col gap-xxs",children:[s.jsx("h2",{className:"text-heading-m",children:e}),s.jsx("p",{className:"text-body-light",children:t})]}),s.jsx(n2,{variant:"pill",iconRight:"caret-right",label:n,href:r,className:"w-fit"})]}),N2=({children:e,intro:t,variant:n="default",className:r=""})=>n==="lined"?s.jsxs("div",{className:`flex items-center gap-m ${r}`,children:[s.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"}),s.jsx("h2",{className:"text-center text-heading-uppercase text-text-default",children:e}),s.jsx("hr",{className:"flex-1 border-t border-width-s border-border-default"})]}):s.jsxs("div",{className:`flex flex-col gap-s ${r}`,children:[s.jsx("h2",{className:"text-heading-l text-text-default",children:e}),t&&s.jsx("p",{className:"text-body-light text-text-default",children:t})]}),b0=({title:e,titleVariant:t="lined",showButton:n=!1,buttonLabel:r="",buttonUrl:o,onButtonClick:i,className:a="",children:l,onItemClick:c})=>{const u=b.useRef(null),d=b.useRef(!1),C=b.useRef(0),g=b.useRef(0),w=b.useRef(!1),[h,x]=b.useState(!1),[v,V]=b.useState(!0),k=()=>{if(!u.current)return;const{scrollLeft:m,scrollWidth:M,clientWidth:p}=u.current;x(m>0),V(m<M-p-1)};return b.useEffect(()=>{const m=u.current;if(!m)return;k(),m.addEventListener("scroll",k),window.addEventListener("resize",k);const M=T=>{d.current=!0,w.current=!1,m.classList.remove("scroll-smooth"),C.current=T.pageX,g.current=m.scrollLeft},p=T=>{if(!d.current)return;const P=T.pageX,N=C.current-P;Math.abs(N)>3&&(T.preventDefault(),m.scrollLeft=g.current+N,w.current=!0)},y=()=>{m.classList.add("scroll-smooth"),d.current=!1},S=T=>{if(w.current){T.preventDefault(),T.stopPropagation(),w.current=!1;return}if(c){const N=T.target.closest("[data-index]");if(N){const O=N.getAttribute("data-index");O!==null&&c(parseInt(O,10),T)}}w.current=!1};return m.addEventListener("mousedown",M),m.addEventListener("mousemove",p),m.addEventListener("mouseup",y),m.addEventListener("mouseleave",y),m.addEventListener("click",S,!0),()=>{m.removeEventListener("scroll",k),window.removeEventListener("resize",k),m.removeEventListener("mousedown",M),m.removeEventListener("mousemove",p),m.removeEventListener("mouseup",y),m.removeEventListener("mouseleave",y),m.removeEventListener("click",S,!0)}},[c]),s.jsxs("div",{className:`w-full flex flex-col gap-s ${a}`,children:[e&&s.jsx(N2,{variant:t,children:e}),s.jsxs("div",{className:"relative",children:[h&&s.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-m bg-gradient-to-r from-background-default to-transparent pointer-events-none z-10"}),v&&s.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-m bg-gradient-to-l from-background-default to-transparent pointer-events-none z-10"}),s.jsx("div",{ref:u,className:"flex gap-m overflow-x-auto scroll-smooth py-s cursor-grab active:cursor-grabbing select-none [&_img]:pointer-events-none",style:{scrollbarWidth:"thin",scrollbarColor:"var(--color-border-gray) transparent"},children:l})]}),n&&s.jsx(n2,{variant:"pill",iconRight:"caret-right",href:o,onClick:i,className:"w-fit",children:r})]})},C1=({imageUrl:e,heading:t,articleType:n,isPremium:r=!1,videoDuration:o,href:i,onClick:a,className:l=""})=>{const c=s.jsxs("div",{className:"w-full h-[19.125rem] overflow-hidden relative",children:[e?s.jsx("img",{src:e,alt:t,className:"w-full h-[19.125rem] object-cover"}):s.jsx("div",{className:"w-full h-[19.125rem] bg-background-gray"}),s.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black-30 to-transparent"}),s.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[s.jsx("div",{className:"group-hover:scale-110 transition-transform duration-300",children:s.jsx(X,{name:"play-circle",variant:"fill",size:"xl",color:"inverse"})}),o&&s.jsx("span",{className:"text-meta-bold text-text-inverse",children:o})]}),s.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-s flex flex-col gap-xs",children:[s.jsxs("div",{className:"flex items-center gap-xxs",children:[n&&s.jsx("div",{className:"text-meta-uppercase text-text-inverse",children:n}),r&&s.jsx(_2,{variant:"premium",size:"small"})]}),t&&s.jsx("h3",{className:"text-body-gulliver-semibold text-text-inverse line-clamp-3",children:t})]})]}),u=`inline-flex flex-col w-[13.25rem] group ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:u,children:c}):s.jsx("div",{className:u,children:c})},f1=({variant:e="image",imageUrl:t,alt:n,description:r,metaText:o,href:i,onClick:a,className:l=""})=>{if(e==="card"){const d=s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"w-full aspect-square overflow-hidden",children:t?s.jsx("img",{src:t,alt:n,className:"w-full h-full object-cover"}):s.jsx("div",{className:"w-full h-full bg-background-gray"})}),s.jsxs("div",{className:"flex flex-col gap-xs flex-1",children:[r&&s.jsx("span",{className:"text-body-light text-text-default",children:r}),o&&s.jsx("span",{className:"text-meta-light text-text-default italic",children:o})]})]});return s.jsx("div",{className:`flex flex-col flex-1 w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-gray-subtle ${l}`.trim(),children:d})}const c=s.jsx("div",{className:"w-[13.25rem] h-[13.25rem] overflow-hidden",children:t?s.jsx("img",{src:t,alt:n,className:"w-full h-full object-cover"}):s.jsx("div",{className:"w-full h-full bg-background-gray"})}),u=`inline-flex group ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:u,children:c}):s.jsx("div",{className:u,children:c})},M3=({imageUrl:e,heading:t,publicationMonth:n,placeholderText:r,buttonProps:o,href:i,onClick:a,className:l=""})=>{const c=()=>o?s.jsx("div",{className:"pt-s",children:s.jsx(n2,{variant:"pill",className:"w-fit",...o})}):null,u=s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"w-[13.25rem] border border-default border-border-gray-subtle hover:border-border-dnk active:border-dnk-brand transition-colors overflow-hidden",children:e?s.jsx("img",{src:e,alt:t,className:"w-full h-[19.125rem] object-cover"}):s.jsx("div",{className:"w-full h-[19.125rem] bg-background-gray flex items-center justify-center",children:r&&s.jsx("span",{className:"text-body-light text-text-default text-center px-s",children:r})})}),n&&s.jsx("div",{className:"w-full text-center pt-xs",children:s.jsx("span",{className:"text-meta-regular text-text-default",children:n})}),s.jsx(c,{})]}),d=`inline-flex flex-col items-center ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:d,children:u}):s.jsx("div",{className:d,children:u})},H3=({imageUrl:e,articleType:t,heading:n,variant:r="default",isPremium:o=!1,href:i,onClick:a,className:l="",videoDuration:c,publicationMonth:u,placeholderText:d,buttonProps:C})=>{if(r==="video")return s.jsx(C1,{imageUrl:e,heading:n,articleType:t,isPremium:o,videoDuration:c,href:i,onClick:a,className:l});if(r==="image")return s.jsx(f1,{imageUrl:e,alt:t,href:i,onClick:a,className:l});if(r==="dnk-publications")return s.jsx(M3,{imageUrl:e,heading:n,publicationMonth:u,placeholderText:d,buttonProps:C,href:i,onClick:a,className:l});const g=r==="de-nieuwe-koers"?"text-text-dnk":"text-text-brand",w=r==="de-nieuwe-koers"?"hover:border-border-dnk":"hover:border-border-brand",h=()=>s.jsxs("div",{className:"flex items-center gap-xxs",children:[t&&s.jsx("div",{className:`text-meta-uppercase ${g}`,children:t}),o&&r!=="de-nieuwe-koers"&&s.jsx(_2,{variant:"premium",size:"small"})]}),x=()=>n?s.jsx("h3",{className:"text-body-gulliver-semibold text-text-default line-clamp-5",children:n}):null,v=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"w-full h-[7.5rem] overflow-hidden relative",children:[e?s.jsx("img",{src:e,alt:n,className:"w-full h-[7.5rem] object-cover"}):s.jsx("div",{className:"w-full h-[7.5rem] bg-background-gray"}),r==="de-nieuwe-koers"&&s.jsx("div",{className:"absolute bottom-xs left-xs",children:s.jsx(_2,{variant:"dnk",size:"small"})})]}),s.jsxs("div",{className:"flex flex-col gap-xs w-full h-[8.5rem]",children:[s.jsx(h,{}),s.jsx(x,{})]})]}),V=`inline-flex flex-col items-center w-[13.25rem] p-s gap-s bg-background-default border border-width-s border-border-gray-subtle ${l}`.trim();return i?s.jsx("a",{href:i,onClick:a,draggable:!1,className:`${V} transition-colors ${w}`,children:v}):s.jsx("div",{className:V,children:v})},S3=({videoId:e,onClose:t,onNext:n,onPrevious:r,hasNext:o=!1,hasPrevious:i=!1})=>{if(b.useEffect(()=>{const c=u=>{u.key==="Escape"?t():u.key==="ArrowRight"&&o&&n?n():u.key==="ArrowLeft"&&i&&r&&r()};return e&&(document.addEventListener("keydown",c),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",c),document.body.style.overflow=""}},[e,t,n,r,o,i]),!e)return null;const a="text-text-inverse hover:bg-neutral-800 transition-colors p-xxs rounded-xl",l="text-text-inverse transition-colors px-s py-xxs";return s.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-neutral-black-80",onClick:t,children:[s.jsx("button",{onClick:t,className:`fixed top-m sm:top-xs right-m sm:right-xs z-20 ${a}`,"aria-label":"Sluiten",children:s.jsx(X,{name:"x-mark",variant:"outline",size:"m",color:"inverse"})}),i&&r&&s.jsx("button",{onClick:c=>{c.stopPropagation(),r()},className:`fixed left-m hidden sm:block ${a}`,"aria-label":"Vorige video",style:{top:"50%",transform:"translateY(-50%)"},children:s.jsx(X,{name:"caret-left",variant:"outline",size:"m",color:"inverse"})}),o&&n&&s.jsx("button",{onClick:c=>{c.stopPropagation(),n()},className:`fixed right-m hidden sm:block ${a}`,"aria-label":"Volgende video",style:{top:"50%",transform:"translateY(-50%)"},children:s.jsx(X,{name:"caret-right",variant:"outline",size:"m",color:"inverse"})}),s.jsxs("div",{className:"relative w-full max-w-[400px] mx-m flex flex-col items-center",onClick:c=>c.stopPropagation(),children:[s.jsx("div",{className:"relative w-full bg-background-dark shadow-l",style:{aspectRatio:"9/16"},children:s.jsx("iframe",{src:`https://www.youtube.com/embed/${e}?autoplay=1&rel=0&modestbranding=1`,title:"YouTube Short",className:"absolute inset-0 w-full !h-full",allow:"autoplay; encrypted-media; fullscreen",allowFullScreen:!0})}),s.jsxs("div",{className:"flex sm:hidden gap-s mt-xs w-full justify-between",children:[s.jsx("div",{className:"flex-1",children:i&&r&&s.jsxs("button",{onClick:c=>{c.stopPropagation(),r()},className:`${l} flex items-center gap-xxs w-full justify-center`,"aria-label":"Vorige video",children:[s.jsx(X,{name:"caret-left",variant:"outline",size:"s",color:"inverse"}),s.jsx("span",{className:"text-meta-regular text-text-inverse",children:"Vorige"})]})}),s.jsx("div",{className:"flex-1",children:o&&n&&s.jsxs("button",{onClick:c=>{c.stopPropagation(),n()},className:`${l} flex items-center gap-xxs w-full justify-center`,"aria-label":"Volgende video",children:[s.jsx("span",{className:"text-meta-regular text-text-inverse",children:"Volgende"}),s.jsx(X,{name:"caret-right",variant:"outline",size:"s",color:"inverse"})]})})]})]})]})},E3=({videoConfig:e,title:t,showButton:n=!1,buttonLabel:r="",buttonUrl:o,onButtonClick:i,className:a=""})=>{const[l,c]=b.useState([]),[u,d]=b.useState(!1),[C,g]=b.useState(null),[w,h]=b.useState(null),[x,v]=b.useState(null);b.useEffect(()=>{(async()=>{d(!0),g(null);try{const{apiEndpoint:y,channelId:S,playlistId:T,maxResults:P=10}=e,N=new URLSearchParams;S&&N.append("channelId",S),T&&N.append("playlistId",T),N.append("maxResults",P.toString());const O=`${y}?${N.toString()}`,z=await fetch(O);if(!z.ok)throw new Error(`Failed to fetch videos: ${z.statusText}`);const A=(await z.json()).map(H=>({imageUrl:H.thumbnailUrl||`https://img.youtube.com/vi/${H.videoId}/mqdefault.jpg`,articleType:"Video",heading:H.title,videoDuration:H.duration,videoId:H.videoId}));c(A)}catch(y){g(y instanceof Error?y.message:"Error loading videos"),console.error("Video fetch error:",y)}finally{d(!1)}})()},[e]);const V=()=>{if(x!==null&&x<l.length-1){const p=x+1;v(p),h(l[p].videoId)}},k=()=>{if(x!==null&&x>0){const p=x-1;v(p),h(l[p].videoId)}},m=()=>{h(null),v(null)},M=(p,y)=>{const S=l[p];S!=null&&S.videoId&&(y.preventDefault(),y.stopPropagation(),v(p),h(S.videoId))};return u?s.jsx("div",{className:`w-full flex flex-col gap-s ${a}`,children:s.jsx("p",{className:"text-body-regular text-text-subtle",children:"Video's laden..."})}):C?s.jsx("div",{className:`w-full flex flex-col gap-s ${a}`,children:s.jsxs("p",{className:"text-body-regular text-text-warning",children:["Fout bij laden: ",C]})}):l.length===0?null:s.jsxs(s.Fragment,{children:[s.jsx(b0,{title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,onItemClick:M,children:l.map((p,y)=>s.jsx("div",{className:"flex-shrink-0","data-index":y,children:s.jsx(C1,{imageUrl:p.imageUrl,heading:p.heading,articleType:p.articleType,videoDuration:p.videoDuration,videoId:p.videoId})},y))}),s.jsx(S3,{videoId:w,onClose:m,onNext:V,onPrevious:k,hasNext:x!==null&&x<l.length-1,hasPrevious:x!==null&&x>0})]})},C9=({articles:e,videoConfig:t,title:n,showButton:r=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:a,className:l="",enableSelection:c=!1,defaultSelectedIndex:u,onArticleSelect:d})=>t?s.jsx(E3,{videoConfig:t,title:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:l}):s.jsx(f9,{articles:e||[],title:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:l,enableSelection:c,defaultSelectedIndex:u,onArticleSelect:d}),f9=({articles:e,title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,enableSelection:l,defaultSelectedIndex:c,onArticleSelect:u})=>{const[d,C]=b.useState(c!==void 0?c:null),g=(w,h)=>{l&&(C(w),u==null||u(w),e[w].href||h.preventDefault())};return!e||e.length===0?null:s.jsx(b0,{title:t,showButton:n,buttonLabel:r,buttonUrl:o,onButtonClick:i,className:a,onItemClick:g,children:e.map((w,h)=>{const x=l&&d===h;return s.jsx("div",{className:"flex-shrink-0","data-index":h,children:s.jsx(H3,{...w,className:`${w.className||""} ${x?"[&>div]:!border-border-dnk":""}`.trim()})},h)})})},h9=({images:e,title:t,titleVariant:n,showButton:r=!1,buttonLabel:o="",buttonUrl:i,onButtonClick:a,onImageSelect:l,className:c=""})=>{if(!e||e.length===0)return null;const u=d=>{l==null||l(d)};return s.jsx(b0,{title:t,titleVariant:n,showButton:r,buttonLabel:o,buttonUrl:i,onButtonClick:a,className:c,onItemClick:u,children:e.map((d,C)=>s.jsx("div",{className:"flex-shrink-0 flex","data-index":C,children:s.jsx(f1,{...d})},C))})},P1=({options:e,value:t,onSelect:n,variant:r="select"})=>s.jsx("ul",{className:"absolute left-0 w-full bg-background-default border-s border-border-gray-subtle shadow-s z-10 mt-xxs max-h-[225px] overflow-y-auto",style:{top:"100%"},children:e.map(o=>{const i=o.value===t;return s.jsx("li",{children:s.jsx("button",{onClick:()=>n(o.value),className:`w-full text-left px-xs py-xs hover:bg-background-gray-subtle transition-colors ${i?`${r==="select"?"text-body-regular":"text-meta-regular"} text-text-default !underline !decoration-border-brand underline-offset-4`:`${r==="select"?"text-body-light":"text-meta-light"} text-text-default`}`,children:o.label})},o.value)})}),h0=({variant:e="select",options:t,value:n,onChange:r,isOpen:o,onOpenChange:i,label:a,placeholder:l="Selecteer...",className:c="",errors:u})=>{const[d,C]=b.useState(!1),g=o!==void 0?o:d,w=b.useRef(null),h=t.find(V=>V.value===n),x=V=>{o===void 0&&C(V),i==null||i(V)};b.useEffect(()=>{const V=k=>{w.current&&!w.current.contains(k.target)&&x(!1)};return document.addEventListener("mousedown",V),()=>document.removeEventListener("mousedown",V)},[]);const v=V=>{r==null||r(V),x(!1)};return e==="pill"?s.jsxs("div",{ref:w,className:`relative inline-flex ${c}`,children:[s.jsx(n2,{variant:"pill",label:(h==null?void 0:h.label)??a??l,iconLeft:"arrows-down-up",iconRight:"caret-down",isActive:g,onToggle:V=>x(V)}),g&&s.jsx(P1,{options:t,value:n,onSelect:v,variant:"pill"})]}):s.jsxs("div",{ref:w,className:`relative w-full flex flex-col gap-xxs ${c}`,children:[a&&s.jsx("label",{className:"text-body-light",children:a}),s.jsxs("button",{onClick:()=>x(!g),className:`w-full flex items-center justify-between gap-xs px-3 py-2 bg-background-default border text-body-light text-text-default focus:outline-none transition-colors ${g?"border-border-brand":u!=null&&u.length?"border-border-warning":"border-border-gray"}`,children:[s.jsx("span",{className:h?"text-body-regular text-text-default":"text-body-regular text-black/[0.54]",children:(h==null?void 0:h.label)??l}),s.jsx(X,{name:"caret-down",size:"s",color:"gray",className:`transition-transform duration-200 ${g?"rotate-180":""}`})]}),g&&s.jsx(P1,{options:t,value:n,onSelect:v}),u&&u.map((V,k)=>s.jsx("span",{className:"text-text-warning text-meta-regular",children:V},k))]})},g9=({isOpen:e,onClose:t,remainingGifts:n=5,defaultMode:r="gift",onShareAsGift:o,onShareAsStandard:i})=>{const[a,l]=b.useState(e??!1),[c,u]=b.useState(r),[d,C]=b.useState(Math.max(0,n)),{toast:g,showToast:w,hideToast:h}=L3();b.useEffect(()=>{e!==void 0&&l(e)},[e]),b.useEffect(()=>(window.openArtikelCadeau=m=>{u(m),requestAnimationFrame(()=>{l(!0)})},()=>{window.openArtikelCadeau=void 0}),[]),b.useEffect(()=>{const m=()=>{u("gift"),l(!0)};return window.addEventListener("open-artikel-cadeau",m),()=>window.removeEventListener("open-artikel-cadeau",m)},[]),b.useEffect(()=>{const m=M=>{const p=Math.max(0,M.detail.remainingGifts);C(p);const y=document.querySelector(".bg-background-brand.text-text-inverse.size-m");y&&(y.textContent=p.toString())};return window.addEventListener("update-remaining-gifts",m),()=>window.removeEventListener("update-remaining-gifts",m)},[]),b.useEffect(()=>{const m=M=>{w(M.detail.message)};return window.addEventListener("artikel-cadeau-toast",m),()=>window.removeEventListener("artikel-cadeau-toast",m)},[w]);const x=b.useCallback(()=>{l(!1),t==null||t()},[t]);if(!a)return s.jsx(s.Fragment,{children:s.jsx(J0,{message:g.message,visible:g.visible,onClose:h})});const v=[{iconName:"link",label:"Kopieer link",platform:"copy"},{iconName:"mail",label:"E-mail",platform:"email"},{iconName:"whatsapp",label:"WhatsApp",platform:"whatsapp"},{iconName:"facebook",label:"Facebook",platform:"facebook"},{iconName:"x",label:"X",platform:"x"},{iconName:"linkedin",label:"LinkedIn",platform:"linkedin"},{iconName:"bluesky",label:"Bluesky",platform:"bluesky"}],V=c==="gift"&&d<=0,k=m=>{V||(c==="gift"?o?o(m):window.handleShareAsGift&&window.handleShareAsGift(m):i?i(m):window.handleShareAsStandard&&window.handleShareAsStandard(m))};return s.jsxs(s.Fragment,{children:[s.jsx("style",{children:`
                 .artikel-cadeau-badge-gray [class*="bg-background-brand"] {
                     background-color: #9ca3af !important;
                 }

package/dist/index.es.js

@@ -3028,7 +3028,7 @@ const U6 = ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"], P1 = [
                     {
                       src: `https://www.youtube.com/embed/${e}?autoplay=1&rel=0&modestbranding=1`,
                       title: "YouTube Short",
-                      className: "absolute inset-0 w-full h-full",
+                      className: "absolute inset-0 w-full !h-full",
                       allow: "autoplay; encrypted-media; fullscreen",
                       allowFullScreen: !0
                     }

package/dist/style.css

@@ -1,3 +1,3 @@
 :root{--font-family-gulliver:"Gulliver Web",Georgia,serif;--font-family-fira-sans:"Fira Sans",Arial,sans-serif;--font-family-montserrat:"Montserrat","Helvetica Neue",Arial,sans-serif;--font-family-abril-fatface:"Abril Fatface","Playfair Display",Georgia,serif;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-regular:400;--font-weight-light:300;--font-size-12:12px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-17:17px;--font-size-18:18px;--font-size-20:20px;--font-size-22:22px;--font-size-24:24px;--font-size-26:26px;--font-size-28:28px;--font-size-30:30px;--font-size-32:32px;--font-size-36:36px;--font-size-40:40px;--font-size-48:48px;--font-size-60:60px;--font-size-88:88px;--font-size-96:96px;--letter-spacing-0:0px;--letter-spacing-s:1.6px;--letter-spacing-m:2.4px;--letter-spacing-l:4px;--color-border-default:#000;--color-border-brand:#0096cb;--color-border-warning:#be123c;--color-border-disabled:#bdbdbd;--color-border-gray:#bdbdbd;--color-border-gray-subtle:#eceae9;--color-border-dnk:#be123c;--color-border-yellow:#fce381;--color-blue-200:#f1fbfd;--color-blue-400:#02b4f2;--color-blue-500:#0096cb;--color-blue-800:#01475f;--color-neutral-100:#f8f8f8;--color-neutral-200:#f2f2f2;--color-neutral-300:#eceae9;--color-neutral-400:#bdbdbd;--color-neutral-500:#999;--color-neutral-600:#727272;--color-neutral-700:#484544;--color-neutral-800:#222;--color-neutral-900:#121212;--color-neutral-black:#000;--color-neutral-black-10:#0000001a;--color-neutral-black-80:#000000cc;--color-neutral-white:#fff;--color-neutral-white-30:#ffffff4d;--color-yellow-200:#fffcf2;--color-yellow-500:#fce381;--color-yellow-800:#322e1e;--color-pink-200:#fef3f2;--color-pink-400:#f2e1df;--color-pink-700:#e63950;--color-pink-800:#be123c;--color-brown-500:#a27675;--color-brown-800:#6a4847;--color-text-default:#000;--color-text-brand:#0096cb;--color-text-brand-hover:#02b4f2;--color-text-inverse:#fff;--color-text-warning:#be123c;--color-text-disabled:#727272;--color-text-gray:#727272;--color-text-opinie:#6a4847;--color-text-dnk:#be123c;--color-background-default:#fff;--color-background-brand:#0096cb;--color-background-brand-hover:#02b4f2;--color-background-brand-subtle:#f1fbfd;--color-background-dark:#000;--color-background-dark-hover:#222;--color-background-disabled:#727272;--color-background-gray:#f2f2f2;--color-background-gray-subtle:#f8f8f8;--color-background-pink:#f2e1df;--color-background-opinie:#6a4847;--color-background-dnk:#fef3f2;--color-background-yellow:#fffcf2;--color-icons-default:#000;--color-icons-brand:#0096cb;--color-icons-inverse:#fff;--color-icons-warning:#be123c;--color-icons-disabled:#727272;--color-icons-gray:#727272;--color-icons-dnk:#be123c;--color-shadow-default:#0000001a;--box-shadow-s:0px 1px 8px 0px #0000001a;--box-shadow-m:0px 10px 20px 0px #0000001a,0px 1px 2px 0px #0000001a;--box-shadow-l:0px -10px 20px 0px #0000001a,0px 1px 2px 0px #0000001a;--spacing-0:0px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-s:16px;--spacing-m:24px;--spacing-l:40px;--spacing-xl:64px;--spacing-xxl:128px;--border-width-s:1px;--border-width-m:2px;--border-radius-xl:80px;--border-width-default:1px;--border-radius-pill:80px;--font-size-heading-xs:12px;--font-size-heading-s:18px;--font-size-heading-m:20px;--font-size-heading-l:36px;--font-size-heading-xl:40px;--font-size-heading-xxl:60px;--font-size-body-xs:12px;--font-size-body-s:16px;--font-size-body-m:18px;--font-size-body-l:20px;--font-size-body-xl:22px;--font-size-body-xxl:28px;--font-size-body-drop-cap:96px;--font-size-meta:14px}@media (prefers-color-scheme:dark){:root{--color-text-default:#fff;--color-text-brand:#0096cb;--color-text-brand-hover:#02b4f2;--color-text-inverse:#fff;--color-text-warning:#e63950;--color-text-disabled:#bdbdbd;--color-text-gray:#bdbdbd;--color-text-opinie:#a27675;--color-text-dnk:#e63950;--color-background-default:#121212;--color-background-brand:#0096cb;--color-background-brand-hover:#02b4f2;--color-background-brand-subtle:#01475f;--color-background-dark:#222;--color-background-dark-hover:#484544;--color-background-disabled:#222;--color-background-gray:#484544;--color-background-gray-subtle:#222;--color-background-pink:#f2e1df;--color-background-opinie:#a27675;--color-background-dnk:#222;--color-background-yellow:#322e1e;--color-border-default:#fff;--color-border-brand:#0096cb;--color-border-warning:#e63950;--color-border-disabled:#999;--color-border-gray:#999;--color-border-gray-subtle:#727272;--color-border-dnk:#e63950;--color-border-yellow:#fce381;--color-icons-default:#fff;--color-icons-brand:#0096cb;--color-icons-inverse:#fff;--color-icons-warning:#e63950;--color-icons-disabled:#bdbdbd;--color-icons-gray:#bdbdbd;--color-icons-dnk:#e63950;--color-shadow-default:#ffffff4d}}@media (max-width:767px){:root{--font-size-heading-xs:12px;--font-size-heading-s:16px;--font-size-heading-m:18px;--font-size-heading-l:22px;--font-size-heading-xl:26px;--font-size-heading-xxl:32px;--font-size-body-xs:12px;--font-size-body-s:14px;--font-size-body-m:16px;--font-size-body-l:18px;--font-size-body-xl:20px;--font-size-body-xxl:24px;--font-size-body-drop-cap:88px;--font-size-meta:14px}}@media (min-width:768px) and (max-width:1023px){:root{--font-size-heading-xs:12px;--font-size-heading-s:18px;--font-size-heading-m:20px;--font-size-heading-l:24px;--font-size-heading-xl:36px;--font-size-heading-xxl:40px;--font-size-body-xs:12px;--font-size-body-s:16px;--font-size-body-m:18px;--font-size-body-l:20px;--font-size-body-xl:22px;--font-size-body-xxl:28px;--font-size-body-drop-cap:96px;--font-size-meta:14px}}.menu-item{position:relative;padding:0;background:transparent;border:none;text-decoration:none;min-width:-moz-fit-content;min-width:fit-content}.menu-item span{color:var(--color-text-default);display:block;white-space:nowrap}.menu-item__underline{height:var(--border-width-s);width:100%;margin-top:var(--spacing-xxs);transition:background-color .2s ease-in-out}.menu-item[data-state=default] .menu-item__underline,.menu-item__underline{background-color:transparent}.menu-item:hover .menu-item__underline,.menu-item[data-state=hover] .menu-item__underline{background-color:var(--color-border-gray)}.menu-item.active .menu-item__underline,.menu-item[data-state=active] .menu-item__underline{background-color:var(--color-border-brand)}.menu-item:focus{outline:2px solid var(--color-border-brand);outline-offset:4px}.menu-item:focus:not(:focus-visible){outline:none}.menu-items{display:flex;align-items:flex-start}.menu-items.horizontal{flex-direction:row;gap:var(--spacing-l)}.menu-items.vertical{flex-direction:column;gap:var(--spacing-xs)}.menu-items.vertical .menu-item{width:100%;text-align:left}.menu-items.vertical .menu-item span{text-align:left}@media (max-width:768px){.menu-items.horizontal{gap:var(--spacing-m)}}.dataframe{border:var(--border-width-s) solid var(--color-border-gray);padding:var(--spacing-s);margin-bottom:var(--spacing-m);display:flex;flex-direction:column;background-color:var(--color-background-default);max-width:799px;width:100%;box-sizing:border-box}@media only screen and (min-width:799px){.dataframe{padding:var(--spacing-m)}}.dataframe__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-s);align-self:stretch;margin-bottom:var(--spacing-s);flex-wrap:wrap}.dataframe--collapsible .dataframe__header{cursor:pointer}.dataframe--collapsible .dataframe__header:hover .dataframe__title{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:var(--border-width-s)}.dataframe__title{margin:var(--spacing-0);color:var(--color-text-default);font-family:var(--mijn-nd-heading-fontFamily);font-size:var(--mijn-nd-heading-fontSize);font-weight:var(--mijn-nd-heading-fontWeight);letter-spacing:var(--mijn-nd-heading-letterSpacing);line-height:var(--mijn-nd-heading-lineHeight)}.dataframe__header-actions{display:flex;gap:var(--spacing-m);align-items:center}.dataframe__edit-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-pill-default);border:var(--border-width-s) solid var(--color-button-border-pill-default);border-radius:var(--border-radius-pill);color:var(--color-button-text-pill-default);font-family:var(--meta-regular-fontFamily);font-size:var(--meta-regular-fontSize);font-weight:var(--meta-regular-fontWeight);letter-spacing:var(--meta-regular-letterSpacing);cursor:pointer;transition:all .2s ease}.dataframe__edit-button:hover{background-color:var(--color-button-background-pill-hover);border-color:var(--color-button-border-pill-hover);color:var(--color-button-text-pill-hover)}.dataframe__edit-button svg{width:var(--spacing-s);height:var(--spacing-s);stroke:currentColor}.dataframe__toggle-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;color:var(--color-icons-gray)}.dataframe__toggle-button svg{width:var(--spacing-m);height:var(--spacing-m)}.dataframe__edit-actions{display:flex;gap:var(--spacing-m);align-items:center}.dataframe__cancel-button{background-color:transparent;border:none;color:var(--color-link-text-default-default);font-family:var(--meta-bold-fontFamily);font-size:var(--meta-bold-fontSize);font-weight:var(--meta-bold-fontWeight);letter-spacing:var(--meta-bold-letterSpacing);cursor:pointer;padding:var(--spacing-0)}.dataframe__cancel-button:hover{color:var(--color-link-text-default-hover);text-decoration:underline}.dataframe__save-button{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-primary-default);border:var(--border-width-s) solid var(--color-button-background-primary-default);color:var(--color-button-text-primary-default);font-family:var(--meta-bold-fontFamily);font-size:var(--meta-bold-fontSize);font-weight:var(--meta-bold-fontWeight);letter-spacing:var(--meta-bold-letterSpacing);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.dataframe__save-button:hover:not(:disabled){background-color:var(--color-button-background-primary-hover);border-color:var(--color-button-background-primary-hover);color:var(--color-button-text-primary-hover)}.dataframe__save-button:disabled{background-color:var(--color-button-background-primary-disabled);border-color:var(--color-button-background-primary-disabled);color:var(--color-button-text-primary-disabled);cursor:not-allowed;opacity:.6}.dataframe__save-button svg{width:var(--spacing-s);height:var(--spacing-s);fill:currentColor}.dataframe__content{display:flex;flex-direction:column;gap:var(--spacing-s);width:100%}.dataframe-item{display:flex;flex-direction:column;gap:var(--spacing-xxs)}@media only screen and (min-width:799px){.dataframe-item{flex-direction:row;align-items:flex-start;gap:var(--spacing-m)}}.dataframe-item__label{font-family:var(--mijn-nd-description-fontFamily);font-size:var(--mijn-nd-description-fontSize);font-weight:var(--mijn-nd-description-fontWeight);letter-spacing:var(--mijn-nd-description-letterSpacing);line-height:var(--mijn-nd-description-lineHeight);color:var(--color-text-default)}@media only screen and (min-width:799px){.dataframe-item__label{width:35%;min-width:10rem;flex-shrink:0}}.dataframe-item__value{font-family:var(--body-regular-fontFamily);font-size:var(--body-regular-fontSize);font-weight:var(--body-regular-fontWeight);letter-spacing:var(--body-regular-letterSpacing);line-height:var(--body-regular-lineHeight);color:var(--color-text-default);word-break:break-word}@media only screen and (min-width:799px){.dataframe-item__value{flex:1;min-width:0}}.dataframe-item__value--multiline{white-space:pre-line}.dataframe__edit-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--spacing-s);width:100%}.dataframe__input-row{display:contents}.dataframe__input-container{display:flex;flex-direction:column;gap:var(--spacing-xs);grid-column:span 12}@media only screen and (min-width:799px){.dataframe__input-container[style*="flex: 1"]{grid-column:span 12}.dataframe__input-container[style*="flex: 0 0 50%"]{grid-column:span 6}.dataframe__input-container[style*="flex: 0 0 33.333%"]{grid-column:span 4}}.dataframe__input-label{font-family:var(--mijn-nd-description-fontFamily);font-size:var(--mijn-nd-description-fontSize);font-weight:var(--mijn-nd-description-fontWeight);letter-spacing:var(--mijn-nd-description-letterSpacing);line-height:var(--mijn-nd-description-lineHeight);color:var(--color-text-default)}.dataframe__input{font-family:var(--body-regular-fontFamily);font-size:var(--body-regular-fontSize);font-weight:var(--body-regular-fontWeight);border:var(--border-width-s) solid var(--color-form-border-input-field-default);border-radius:var(--border-radius-0);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-form-background-input-field-default);color:var(--color-text-default);line-height:var(--body-regular-lineHeight);min-height:42px;width:100%;transition:background-color .2s ease,border-color .2s ease}.dataframe__input:hover{cursor:text;background-color:var(--color-form-background-input-field-hover);border-color:var(--color-form-border-input-field-hover)}.dataframe__input:focus{outline:none;border-color:var(--color-form-border-input-field-active);background-color:var(--color-form-background-input-field-active)}.dataframe__input:disabled{background-color:var(--color-form-background-input-field-disabled);border-color:var(--color-form-border-input-field-disabled);color:var(--color-text-disabled);cursor:not-allowed}.dataframe-item__skeleton-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-s);row-gap:var(--spacing-xs)}.dataframe-item__skeleton{display:block;background-color:var(--color-background-gray);width:12rem;height:22px;position:relative;overflow:hidden}.dataframe-item__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,var(--color-neutral-white-30) 0,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,var(--color-neutral-white-30));animation:shimmer 20s linear infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.dataframe-item__skeleton--sm{width:4rem}.dataframe-item__skeleton--md{width:8rem}.dataframe-item__skeleton--lg{width:15rem}.dataframe__actions{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-s);flex-direction:column}@media only screen and (min-width:799px){.dataframe__actions{flex-direction:row;margin-top:var(--spacing-m)}}.dataframe__action-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-button-background-pill-default);border:var(--border-width-s) solid var(--color-button-border-pill-default);border-radius:var(--border-radius-pill);color:var(--color-button-text-pill-default);font-family:var(--meta-regular-fontFamily);font-size:var(--meta-regular-fontSize);font-weight:var(--meta-regular-fontWeight);letter-spacing:var(--meta-regular-letterSpacing);cursor:pointer;transition:all .2s ease}.dataframe__action-button:hover{background-color:var(--color-button-background-pill-hover);border-color:var(--color-button-border-pill-hover);color:var(--color-button-text-pill-hover)}.dataframe__action-button svg{width:var(--spacing-s);height:var(--spacing-s);stroke:currentColor}.dataframes{display:flex;flex-direction:column;gap:var(--spacing-m);max-width:799px;width:100%}.dataframe .alert{margin-bottom:var(--spacing-m);width:100%}@media (prefers-color-scheme:dark){.dataframe{background-color:var(--color-background-default)}.dataframe,.dataframe__input{border-color:var(--color-border-gray)}.dataframe__input{background-color:var(--color-background-dark);color:var(--color-text-inverse)}.dataframe-item__skeleton{background-color:var(--color-background-gray)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 
-/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}a{color:var(--color-text-default)}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.description-list-container{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem;font-family:var(--font-family-fira-sans);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.description-list-header{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.description-list-title{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.description-list-actions{display:flex;gap:.5rem}.description-list{display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));row-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}@media (min-width:768px){.description-list{width:50%;grid-template-columns:repeat(3,minmax(0,1fr))}}.description-list-item{display:contents}.description-list-term{font-size:1.125rem;line-height:1.75rem;font-weight:var(--font-weight-light);--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}@media (min-width:768px){.description-list-term{grid-column:span 1/span 1}}.description-list-description{font-size:1.125rem;line-height:1.75rem;line-height:1.375;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));margin:var(--spacing-0)}@media (min-width:768px){.description-list-description{grid-column:span 2/span 2}}.description-list-footer{margin-top:1.25rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:400;line-height:1.375;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:var(--spacing-0)}.inset-x-0{left:var(--spacing-0);right:var(--spacing-0)}.bottom-0{bottom:var(--spacing-0)}.bottom-4{bottom:1rem}.bottom-xs{bottom:var(--spacing-xs)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[7\.5\%\]{left:7.5%}.left-m{left:var(--spacing-m)}.left-xs{left:var(--spacing-xs)}.right-0{right:var(--spacing-0)}.right-\[7\.5\%\]{right:7.5%}.right-m{right:var(--spacing-m)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-full{top:100%}.top-m{top:var(--spacing-m)}.top-xl{top:var(--spacing-xl)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.-mx-l{margin-left:calc(var(--spacing-l)*-1);margin-right:calc(var(--spacing-l)*-1)}.mx-auto{margin-left:auto;margin-right:auto}.-mt-16{margin-top:-4rem}.-mt-px{margin-top:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[6px\]{margin-top:6px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1/1}.size-m{width:var(--spacing-m);height:var(--spacing-m)}.h-2\/5{height:40%}.h-3\.5{height:.875rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[109px\]{height:109px}.h-\[10rem\]{height:10rem}.h-\[13\.25rem\]{height:13.25rem}.h-\[19\.125rem\]{height:19.125rem}.h-\[1px\]{height:1px}.h-\[48px\]{height:48px}.h-\[69\.2\%\]{height:69.2%}.h-\[6rem\]{height:6rem}.h-\[7\.5rem\]{height:7.5rem}.h-\[75\%\]{height:75%}.h-\[8\.5rem\]{height:8.5rem}.h-auto{height:auto}.h-full{height:100%}.h-l{height:var(--spacing-l)}.h-m{height:var(--spacing-m)}.h-s{height:var(--spacing-s)}.h-screen{height:100vh}.h-xl{height:var(--spacing-xl)}.h-xxl{height:var(--spacing-xxl)}.max-h-\[225px\]{max-height:225px}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:var(--spacing-0)}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-60{width:15rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[10rem\]{width:10rem}.w-\[13\.25rem\]{width:13.25rem}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[48px\]{width:48px}.w-\[80px\]{width:80px}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-l{width:var(--spacing-l)}.w-m{width:var(--spacing-m)}.w-max{width:-moz-max-content;width:max-content}.w-s{width:var(--spacing-s)}.w-xl{width:var(--spacing-xl)}.w-xxl{width:var(--spacing-xxl)}.min-w-0{min-width:var(--spacing-0)}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[400px\]{max-width:400px}.max-w-\[503px\]{max-width:503px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-x-s{-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s)}.gap-x-xs{-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs)}.gap-x-xxs{-moz-column-gap:var(--spacing-xxs);column-gap:var(--spacing-xxs)}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-default{border-bottom-width:var(--border-width-default)}.border-l-0{border-left-width:0}.border-l-\[3px\]{border-left-width:3px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\!border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.border-border-brand{border-color:var(--color-border-brand)}.border-border-default{border-color:var(--color-border-default)}.border-border-disabled{border-color:var(--color-border-disabled)}.border-border-gray{border-color:var(--color-border-gray)}.border-border-gray-subtle{border-color:var(--color-border-gray-subtle)}.border-border-warning{border-color:var(--color-border-warning)}.border-border-yellow{border-color:var(--color-border-yellow)}.\!bg-transparent{background-color:transparent!important}.bg-background-brand{background-color:var(--color-background-brand)}.bg-background-brand-subtle{background-color:var(--color-background-brand-subtle)}.bg-background-dark{background-color:var(--color-background-dark)}.bg-background-default{background-color:var(--color-background-default)}.bg-background-disabled{background-color:var(--color-background-disabled)}.bg-background-gray{background-color:var(--color-background-gray)}.bg-background-gray-subtle{background-color:var(--color-background-gray-subtle)}.bg-background-pink{background-color:var(--color-background-pink)}.bg-background-yellow{background-color:var(--color-background-yellow)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-gray{background-color:var(--color-border-gray)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-neutral-black{background-color:var(--color-neutral-black)}.bg-neutral-black-80{background-color:var(--color-neutral-black-80)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-background-default{--tw-gradient-from:var(--color-background-default) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neutral-black{--tw-gradient-from:var(--color-neutral-black) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.p-\[0\.125rem\]{padding:.125rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-\[5vw\]{padding-bottom:5vw}.pr-10{padding-right:2.5rem}.pt-7{padding-top:1.75rem}.font-fira-sans{font-family:var(--font-family-fira-sans)}.font-gulliver{font-family:var(--font-family-gulliver)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-body-xxl{font-size:var(--font-size-body-xxl)}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-\[1px\]{letter-spacing:1px}.\!text-text-inverse{color:var(--color-text-inverse)!important}.text-black\/\[0\.54\]{color:rgba(0,0,0,.54)}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-icons-brand{color:var(--color-icons-brand)}.text-icons-default{color:var(--color-icons-default)}.text-icons-gray{color:var(--color-icons-gray)}.text-icons-inverse{color:var(--color-icons-inverse)}.text-icons-warning{color:var(--color-icons-warning)}.text-neutral-black{color:var(--color-neutral-black)}.text-neutral-white{color:var(--color-neutral-white)}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-text-brand{color:var(--color-text-brand)}.text-text-default{color:var(--color-text-default)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-dnk{color:var(--color-text-dnk)}.text-text-gray{color:var(--color-text-gray)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-warning{color:var(--color-text-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\!underline{text-decoration-line:underline!important}.underline{text-decoration-line:underline}.\!line-through{text-decoration-line:line-through!important}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.\!decoration-border-brand{text-decoration-color:var(--color-border-brand)!important}.\!decoration-text-brand{text-decoration-color:var(--color-text-brand)!important}.decoration-\[0\.1rem\]{text-decoration-thickness:.1rem}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[0\.3rem\]{text-underline-offset:.3rem}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-l{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-l{--tw-shadow:var(--box-shadow-l);--tw-shadow-colored:var(--box-shadow-l)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-m{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-m{--tw-shadow:var(--box-shadow-m);--tw-shadow-colored:var(--box-shadow-m)}.shadow-s{--tw-shadow:var(--box-shadow-s);--tw-shadow-colored:var(--box-shadow-s);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[border-color\2c background-color\]{transition-property:border-color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-0{padding-bottom:var(--spacing-0)}.pt-0,.py-0{padding-top:var(--spacing-0)}.gap-0{gap:var(--spacing-0)}.p-xxs{padding:var(--spacing-xxs)}.py-xxs{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.mt-xxs{margin-top:var(--spacing-xxs)}.gap-xxs{gap:var(--spacing-xxs)}.\!p-xs{padding:var(--spacing-xs)!important}.p-xs{padding:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-bottom:var(--spacing-xs)}.pt-xs,.py-xs{padding-top:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.gap-xs{gap:var(--spacing-xs)}.p-s{padding:var(--spacing-s)}.px-s{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.py-s{padding-bottom:var(--spacing-s)}.pt-s,.py-s{padding-top:var(--spacing-s)}.pl-s{padding-left:var(--spacing-s)}.m-s{margin:var(--spacing-s)}.mx-s{margin-left:var(--spacing-s);margin-right:var(--spacing-s)}.mt-s{margin-top:var(--spacing-s)}.mb-s{margin-bottom:var(--spacing-s)}.gap-s{gap:var(--spacing-s)}.p-m{padding:var(--spacing-m)}.px-m{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}.pb-m{padding-bottom:var(--spacing-m)}.mx-m{margin-left:var(--spacing-m);margin-right:var(--spacing-m)}.mt-m{margin-top:var(--spacing-m)}.mb-m{margin-bottom:var(--spacing-m)}.gap-m{gap:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.py-l{padding-bottom:var(--spacing-l)}.pt-l,.py-l{padding-top:var(--spacing-l)}.pb-l{padding-bottom:var(--spacing-l)}.mx-l{margin-left:var(--spacing-l);margin-right:var(--spacing-l)}.mb-l{margin-bottom:var(--spacing-l)}.gap-l{gap:var(--spacing-l)}.p-xl{padding:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.border-s{border-width:var(--border-width-s)}.border-b-m{border-bottom-width:var(--border-width-m)}.rounded-xl{border-radius:var(--border-radius-xl)}.border-default{border-width:var(--border-width-default)}.rounded-pill{border-radius:var(--border-radius-pill)}.text-heading-xxl{font-size:var(--font-size-heading-xxl)}.text-heading-xl,.text-heading-xxl{font-family:var(--font-family-gulliver);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-xl{font-size:var(--font-size-heading-xl)}.text-heading-l{font-size:var(--font-size-heading-l)}.text-heading-l,.text-heading-m{font-family:var(--font-family-gulliver);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-m{font-size:var(--font-size-heading-m)}.text-heading-s{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-s);font-weight:var(--font-weight-bold)}.text-heading-light,.text-heading-s{line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-regular)}.text-heading-uppercase{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-xs);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-l);text-decoration:none;text-transform:uppercase}.text-body-light{font-weight:var(--font-weight-light)}.text-body-light,.text-body-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-regular{font-weight:var(--font-weight-regular)}.text-body-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);font-weight:var(--font-weight-bold);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-uppercase{font-weight:var(--font-weight-regular)}.text-body-uppercase,.text-body-uppercase-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-xl);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-uppercase-bold{font-weight:var(--font-weight-bold)}.text-body-uppercase-bold-small{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-l);font-weight:var(--font-weight-bold);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-gulliver-semibold{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-s);font-weight:var(--font-weight-semibold);line-height:130%;letter-spacing:0;text-decoration:none}.text-meta-light{font-weight:var(--font-weight-light)}.text-meta-light,.text-meta-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-meta);line-height:140%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-meta-regular{font-weight:var(--font-weight-regular)}.text-meta-bold{font-size:var(--font-size-meta);letter-spacing:var(--letter-spacing-0)}.text-meta-bold,.text-meta-uppercase{font-family:var(--font-family-fira-sans);font-weight:var(--font-weight-bold);line-height:140%;text-decoration:none}.text-meta-uppercase{font-size:var(--font-size-body-xs);letter-spacing:1px;text-transform:uppercase}.text-article-heading{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xxl);font-weight:var(--font-weight-bold);line-height:130%}.text-article-heading,.text-menu-menu-primary{letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-menu-menu-primary{font-family:var(--font-family-fira-sans);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:140%;font-variant:all-small-caps}.text-menu-menu-tab-item{font-weight:var(--font-weight-regular);text-decoration:none}.text-menu-menu-tab-item,.text-menu-menu-tab-item-active{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-l);line-height:130%;letter-spacing:0}.text-menu-menu-tab-item-active{font-weight:var(--font-weight-bold);text-decoration:underline}.shadow-s{box-shadow:var(--box-shadow-s)}.shadow-m{box-shadow:var(--box-shadow-m)}.shadow-l{box-shadow:var(--box-shadow-l)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.checked\:border-border-brand:checked{border-color:var(--color-border-brand)}.checked\:bg-background-brand:checked{background-color:var(--color-background-brand)}.hover\:border-border-brand:hover{border-color:var(--color-border-brand)}.hover\:border-border-dnk:hover{border-color:var(--color-border-dnk)}.hover\:\!bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)!important}.hover\:bg-background-brand-hover:hover{background-color:var(--color-background-brand-hover)}.hover\:bg-background-brand-subtle:hover{background-color:var(--color-background-brand-subtle)}.hover\:bg-background-dark-hover:hover{background-color:var(--color-background-dark-hover)}.hover\:bg-background-gray:hover{background-color:var(--color-background-gray)}.hover\:bg-background-gray-subtle:hover{background-color:var(--color-background-gray-subtle)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:\!text-text-inverse:hover{color:var(--color-text-inverse)!important}.hover\:text-text-brand:hover{color:var(--color-text-brand)}.hover\:text-text-brand-hover:hover{color:var(--color-text-brand-hover)}.hover\:text-text-default:hover{color:var(--color-text-default)}.hover\:\!underline:hover{text-decoration-line:underline!important}.hover\:decoration-\[0\.1rem\]:hover{text-decoration-thickness:.1rem}.hover\:underline-offset-\[0\.3rem\]:hover{text-underline-offset:.3rem}.hover\:opacity-90:hover{opacity:.9}.focus\:border-border-brand:focus{border-color:var(--color-border-brand)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-border-disabled:disabled{border-color:var(--color-border-disabled)}.disabled\:bg-background-disabled:disabled{background-color:var(--color-background-disabled)}.disabled\:bg-background-gray:disabled{background-color:var(--color-background-gray)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-text-disabled:disabled{color:var(--color-text-disabled)}.disabled\:text-text-gray:disabled{color:var(--color-text-gray)}.disabled\:hover\:bg-background-default:hover:disabled{background-color:var(--color-background-default)}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg}.group:hover .group-hover\:rotate-90,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.has-\[button\:focus-visible\]\:border-border-brand:has(button:focus-visible){border-color:var(--color-border-brand)}.has-\[button\:hover\]\:border-border-gray:has(button:hover){border-color:var(--color-border-gray)}.has-\[button\:hover\]\:bg-background-gray-subtle:has(button:hover){background-color:var(--color-background-gray-subtle)}@media (min-width:640px){.sm\:right-xs{right:var(--spacing-xs)}.sm\:top-xs{top:var(--spacing-xs)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:w-32{width:8rem}.sm\:w-full{width:100%}.sm\:flex-shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-between{justify-content:space-between}.sm\:self-auto{align-self:auto}.sm\:pl-0{padding-left:var(--spacing-0)}.sm\:mt-0{margin-top:var(--spacing-0)}.sm\:px-s{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.sm\:py-s{padding-bottom:var(--spacing-s)}.sm\:pt-s,.sm\:py-s{padding-top:var(--spacing-s)}.sm\:gap-m{gap:var(--spacing-m)}}@media (min-width:768px){.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:max-h-\[90vh\]{max-height:90vh}.md\:w-\[600px\]{width:600px}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:p-m{padding:var(--spacing-m)}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-l{top:var(--spacing-l)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-xs{max-width:20rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-start{align-items:flex-start}.lg\:justify-center{justify-content:center}.lg\:shadow-m{--tw-shadow:var(--box-shadow-m);--tw-shadow-colored:var(--box-shadow-m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:mb-0{margin-bottom:var(--spacing-0)}.lg\:gap-m{gap:var(--spacing-m)}.lg\:p-l{padding:var(--spacing-l)}.lg\:px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.lg\:pt-l{padding-top:var(--spacing-l)}.lg\:gap-l{gap:var(--spacing-l)}.lg\:py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.lg\:shadow-m{box-shadow:var(--box-shadow-m)}}@media (min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:flex{display:flex}.\32xl\:inline-flex{display:inline-flex}.\32xl\:grid{display:grid}.\32xl\:hidden{display:none}.\32xl\:flex-row{flex-direction:row}.\32xl\:flex-col{flex-direction:column}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>div\]\:\!border-border-dnk>div{border-color:var(--color-border-dnk)!important}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:pointer-events-none img{pointer-events:none}
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}a{color:var(--color-text-default)}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.description-list-container{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem;font-family:var(--font-family-fira-sans);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.description-list-header{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.description-list-title{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-m);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.description-list-actions{display:flex;gap:.5rem}.description-list{display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));row-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}@media (min-width:768px){.description-list{width:50%;grid-template-columns:repeat(3,minmax(0,1fr))}}.description-list-item{display:contents}.description-list-term{font-size:1.125rem;line-height:1.75rem;font-weight:var(--font-weight-light);--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}@media (min-width:768px){.description-list-term{grid-column:span 1/span 1}}.description-list-description{font-size:1.125rem;line-height:1.75rem;line-height:1.375;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));margin:var(--spacing-0)}@media (min-width:768px){.description-list-description{grid-column:span 2/span 2}}.description-list-footer{margin-top:1.25rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:400;line-height:1.375;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:var(--spacing-0)}.inset-x-0{left:var(--spacing-0);right:var(--spacing-0)}.bottom-0{bottom:var(--spacing-0)}.bottom-4{bottom:1rem}.bottom-xs{bottom:var(--spacing-xs)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[7\.5\%\]{left:7.5%}.left-m{left:var(--spacing-m)}.left-xs{left:var(--spacing-xs)}.right-0{right:var(--spacing-0)}.right-\[7\.5\%\]{right:7.5%}.right-m{right:var(--spacing-m)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-full{top:100%}.top-m{top:var(--spacing-m)}.top-xl{top:var(--spacing-xl)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.-mx-l{margin-left:calc(var(--spacing-l)*-1);margin-right:calc(var(--spacing-l)*-1)}.mx-auto{margin-left:auto;margin-right:auto}.-mt-16{margin-top:-4rem}.-mt-px{margin-top:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[6px\]{margin-top:6px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1/1}.size-m{width:var(--spacing-m);height:var(--spacing-m)}.\!h-full{height:100%!important}.h-2\/5{height:40%}.h-3\.5{height:.875rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[109px\]{height:109px}.h-\[10rem\]{height:10rem}.h-\[13\.25rem\]{height:13.25rem}.h-\[19\.125rem\]{height:19.125rem}.h-\[1px\]{height:1px}.h-\[48px\]{height:48px}.h-\[69\.2\%\]{height:69.2%}.h-\[6rem\]{height:6rem}.h-\[7\.5rem\]{height:7.5rem}.h-\[75\%\]{height:75%}.h-\[8\.5rem\]{height:8.5rem}.h-auto{height:auto}.h-full{height:100%}.h-l{height:var(--spacing-l)}.h-m{height:var(--spacing-m)}.h-s{height:var(--spacing-s)}.h-screen{height:100vh}.h-xl{height:var(--spacing-xl)}.h-xxl{height:var(--spacing-xxl)}.max-h-\[225px\]{max-height:225px}.max-h-\[60vh\]{max-height:60vh}.min-h-0{min-height:var(--spacing-0)}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-60{width:15rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[10rem\]{width:10rem}.w-\[13\.25rem\]{width:13.25rem}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[48px\]{width:48px}.w-\[80px\]{width:80px}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-l{width:var(--spacing-l)}.w-m{width:var(--spacing-m)}.w-max{width:-moz-max-content;width:max-content}.w-s{width:var(--spacing-s)}.w-xl{width:var(--spacing-xl)}.w-xxl{width:var(--spacing-xxl)}.min-w-0{min-width:var(--spacing-0)}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[400px\]{max-width:400px}.max-w-\[503px\]{max-width:503px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-x-s{-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s)}.gap-x-xs{-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs)}.gap-x-xxs{-moz-column-gap:var(--spacing-xxs);column-gap:var(--spacing-xxs)}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-default{border-bottom-width:var(--border-width-default)}.border-l-0{border-left-width:0}.border-l-\[3px\]{border-left-width:3px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\!border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.border-border-brand{border-color:var(--color-border-brand)}.border-border-default{border-color:var(--color-border-default)}.border-border-disabled{border-color:var(--color-border-disabled)}.border-border-gray{border-color:var(--color-border-gray)}.border-border-gray-subtle{border-color:var(--color-border-gray-subtle)}.border-border-warning{border-color:var(--color-border-warning)}.border-border-yellow{border-color:var(--color-border-yellow)}.\!bg-transparent{background-color:transparent!important}.bg-background-brand{background-color:var(--color-background-brand)}.bg-background-brand-subtle{background-color:var(--color-background-brand-subtle)}.bg-background-dark{background-color:var(--color-background-dark)}.bg-background-default{background-color:var(--color-background-default)}.bg-background-disabled{background-color:var(--color-background-disabled)}.bg-background-gray{background-color:var(--color-background-gray)}.bg-background-gray-subtle{background-color:var(--color-background-gray-subtle)}.bg-background-pink{background-color:var(--color-background-pink)}.bg-background-yellow{background-color:var(--color-background-yellow)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-gray{background-color:var(--color-border-gray)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-neutral-black{background-color:var(--color-neutral-black)}.bg-neutral-black-80{background-color:var(--color-neutral-black-80)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-background-default{--tw-gradient-from:var(--color-background-default) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neutral-black{--tw-gradient-from:var(--color-neutral-black) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.p-\[0\.125rem\]{padding:.125rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-\[5vw\]{padding-bottom:5vw}.pr-10{padding-right:2.5rem}.pt-7{padding-top:1.75rem}.font-fira-sans{font-family:var(--font-family-fira-sans)}.font-gulliver{font-family:var(--font-family-gulliver)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-body-xxl{font-size:var(--font-size-body-xxl)}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-\[1px\]{letter-spacing:1px}.\!text-text-inverse{color:var(--color-text-inverse)!important}.text-black\/\[0\.54\]{color:rgba(0,0,0,.54)}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-icons-brand{color:var(--color-icons-brand)}.text-icons-default{color:var(--color-icons-default)}.text-icons-gray{color:var(--color-icons-gray)}.text-icons-inverse{color:var(--color-icons-inverse)}.text-icons-warning{color:var(--color-icons-warning)}.text-neutral-black{color:var(--color-neutral-black)}.text-neutral-white{color:var(--color-neutral-white)}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-text-brand{color:var(--color-text-brand)}.text-text-default{color:var(--color-text-default)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-dnk{color:var(--color-text-dnk)}.text-text-gray{color:var(--color-text-gray)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-warning{color:var(--color-text-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\!underline{text-decoration-line:underline!important}.underline{text-decoration-line:underline}.\!line-through{text-decoration-line:line-through!important}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.\!decoration-border-brand{text-decoration-color:var(--color-border-brand)!important}.\!decoration-text-brand{text-decoration-color:var(--color-text-brand)!important}.decoration-\[0\.1rem\]{text-decoration-thickness:.1rem}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[0\.3rem\]{text-underline-offset:.3rem}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-l{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-l{--tw-shadow:var(--box-shadow-l);--tw-shadow-colored:var(--box-shadow-l)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-m{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-m{--tw-shadow:var(--box-shadow-m);--tw-shadow-colored:var(--box-shadow-m)}.shadow-s{--tw-shadow:var(--box-shadow-s);--tw-shadow-colored:var(--box-shadow-s);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[border-color\2c background-color\]{transition-property:border-color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-0{padding-bottom:var(--spacing-0)}.pt-0,.py-0{padding-top:var(--spacing-0)}.gap-0{gap:var(--spacing-0)}.p-xxs{padding:var(--spacing-xxs)}.py-xxs{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.mt-xxs{margin-top:var(--spacing-xxs)}.gap-xxs{gap:var(--spacing-xxs)}.\!p-xs{padding:var(--spacing-xs)!important}.p-xs{padding:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-bottom:var(--spacing-xs)}.pt-xs,.py-xs{padding-top:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.gap-xs{gap:var(--spacing-xs)}.p-s{padding:var(--spacing-s)}.px-s{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.py-s{padding-bottom:var(--spacing-s)}.pt-s,.py-s{padding-top:var(--spacing-s)}.pl-s{padding-left:var(--spacing-s)}.m-s{margin:var(--spacing-s)}.mx-s{margin-left:var(--spacing-s);margin-right:var(--spacing-s)}.mt-s{margin-top:var(--spacing-s)}.mb-s{margin-bottom:var(--spacing-s)}.gap-s{gap:var(--spacing-s)}.p-m{padding:var(--spacing-m)}.px-m{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}.pb-m{padding-bottom:var(--spacing-m)}.mx-m{margin-left:var(--spacing-m);margin-right:var(--spacing-m)}.mt-m{margin-top:var(--spacing-m)}.mb-m{margin-bottom:var(--spacing-m)}.gap-m{gap:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.py-l{padding-bottom:var(--spacing-l)}.pt-l,.py-l{padding-top:var(--spacing-l)}.pb-l{padding-bottom:var(--spacing-l)}.mx-l{margin-left:var(--spacing-l);margin-right:var(--spacing-l)}.mb-l{margin-bottom:var(--spacing-l)}.gap-l{gap:var(--spacing-l)}.p-xl{padding:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.border-s{border-width:var(--border-width-s)}.border-b-m{border-bottom-width:var(--border-width-m)}.rounded-xl{border-radius:var(--border-radius-xl)}.border-default{border-width:var(--border-width-default)}.rounded-pill{border-radius:var(--border-radius-pill)}.text-heading-xxl{font-size:var(--font-size-heading-xxl)}.text-heading-xl,.text-heading-xxl{font-family:var(--font-family-gulliver);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-xl{font-size:var(--font-size-heading-xl)}.text-heading-l{font-size:var(--font-size-heading-l)}.text-heading-l,.text-heading-m{font-family:var(--font-family-gulliver);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-m{font-size:var(--font-size-heading-m)}.text-heading-s{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-s);font-weight:var(--font-weight-bold)}.text-heading-light,.text-heading-s{line-height:130%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-heading-light{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xl);font-weight:var(--font-weight-regular)}.text-heading-uppercase{font-family:var(--font-family-fira-sans);font-size:var(--font-size-heading-xs);font-weight:var(--font-weight-bold);line-height:130%;letter-spacing:var(--letter-spacing-l);text-decoration:none;text-transform:uppercase}.text-body-light{font-weight:var(--font-weight-light)}.text-body-light,.text-body-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-regular{font-weight:var(--font-weight-regular)}.text-body-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-m);font-weight:var(--font-weight-bold);line-height:160%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-body-uppercase{font-weight:var(--font-weight-regular)}.text-body-uppercase,.text-body-uppercase-bold{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-xl);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-uppercase-bold{font-weight:var(--font-weight-bold)}.text-body-uppercase-bold-small{font-family:var(--font-family-fira-sans);font-size:var(--font-size-body-l);font-weight:var(--font-weight-bold);line-height:normal;letter-spacing:var(--letter-spacing-s);text-decoration:none;font-variant:all-small-caps}.text-body-gulliver-semibold{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-s);font-weight:var(--font-weight-semibold);line-height:130%;letter-spacing:0;text-decoration:none}.text-meta-light{font-weight:var(--font-weight-light)}.text-meta-light,.text-meta-regular{font-family:var(--font-family-fira-sans);font-size:var(--font-size-meta);line-height:140%;letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-meta-regular{font-weight:var(--font-weight-regular)}.text-meta-bold{font-size:var(--font-size-meta);letter-spacing:var(--letter-spacing-0)}.text-meta-bold,.text-meta-uppercase{font-family:var(--font-family-fira-sans);font-weight:var(--font-weight-bold);line-height:140%;text-decoration:none}.text-meta-uppercase{font-size:var(--font-size-body-xs);letter-spacing:1px;text-transform:uppercase}.text-article-heading{font-family:var(--font-family-gulliver);font-size:var(--font-size-heading-xxl);font-weight:var(--font-weight-bold);line-height:130%}.text-article-heading,.text-menu-menu-primary{letter-spacing:var(--letter-spacing-0);text-decoration:none}.text-menu-menu-primary{font-family:var(--font-family-fira-sans);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:140%;font-variant:all-small-caps}.text-menu-menu-tab-item{font-weight:var(--font-weight-regular);text-decoration:none}.text-menu-menu-tab-item,.text-menu-menu-tab-item-active{font-family:var(--font-family-gulliver);font-size:var(--font-size-body-l);line-height:130%;letter-spacing:0}.text-menu-menu-tab-item-active{font-weight:var(--font-weight-bold);text-decoration:underline}.shadow-s{box-shadow:var(--box-shadow-s)}.shadow-m{box-shadow:var(--box-shadow-m)}.shadow-l{box-shadow:var(--box-shadow-l)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.checked\:border-border-brand:checked{border-color:var(--color-border-brand)}.checked\:bg-background-brand:checked{background-color:var(--color-background-brand)}.hover\:border-border-brand:hover{border-color:var(--color-border-brand)}.hover\:border-border-dnk:hover{border-color:var(--color-border-dnk)}.hover\:\!bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)!important}.hover\:bg-background-brand-hover:hover{background-color:var(--color-background-brand-hover)}.hover\:bg-background-brand-subtle:hover{background-color:var(--color-background-brand-subtle)}.hover\:bg-background-dark-hover:hover{background-color:var(--color-background-dark-hover)}.hover\:bg-background-gray:hover{background-color:var(--color-background-gray)}.hover\:bg-background-gray-subtle:hover{background-color:var(--color-background-gray-subtle)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:\!text-text-inverse:hover{color:var(--color-text-inverse)!important}.hover\:text-text-brand:hover{color:var(--color-text-brand)}.hover\:text-text-brand-hover:hover{color:var(--color-text-brand-hover)}.hover\:text-text-default:hover{color:var(--color-text-default)}.hover\:\!underline:hover{text-decoration-line:underline!important}.hover\:decoration-\[0\.1rem\]:hover{text-decoration-thickness:.1rem}.hover\:underline-offset-\[0\.3rem\]:hover{text-underline-offset:.3rem}.hover\:opacity-90:hover{opacity:.9}.focus\:border-border-brand:focus{border-color:var(--color-border-brand)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-border-disabled:disabled{border-color:var(--color-border-disabled)}.disabled\:bg-background-disabled:disabled{background-color:var(--color-background-disabled)}.disabled\:bg-background-gray:disabled{background-color:var(--color-background-gray)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-text-disabled:disabled{color:var(--color-text-disabled)}.disabled\:text-text-gray:disabled{color:var(--color-text-gray)}.disabled\:hover\:bg-background-default:hover:disabled{background-color:var(--color-background-default)}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg}.group:hover .group-hover\:rotate-90,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.has-\[button\:focus-visible\]\:border-border-brand:has(button:focus-visible){border-color:var(--color-border-brand)}.has-\[button\:hover\]\:border-border-gray:has(button:hover){border-color:var(--color-border-gray)}.has-\[button\:hover\]\:bg-background-gray-subtle:has(button:hover){background-color:var(--color-background-gray-subtle)}@media (min-width:640px){.sm\:right-xs{right:var(--spacing-xs)}.sm\:top-xs{top:var(--spacing-xs)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:w-32{width:8rem}.sm\:w-full{width:100%}.sm\:flex-shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-between{justify-content:space-between}.sm\:self-auto{align-self:auto}.sm\:pl-0{padding-left:var(--spacing-0)}.sm\:mt-0{margin-top:var(--spacing-0)}.sm\:px-s{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.sm\:py-s{padding-bottom:var(--spacing-s)}.sm\:pt-s,.sm\:py-s{padding-top:var(--spacing-s)}.sm\:gap-m{gap:var(--spacing-m)}}@media (min-width:768px){.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:max-h-\[90vh\]{max-height:90vh}.md\:w-\[600px\]{width:600px}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:p-m{padding:var(--spacing-m)}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-l{top:var(--spacing-l)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-xs{max-width:20rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-start{align-items:flex-start}.lg\:justify-center{justify-content:center}.lg\:shadow-m{--tw-shadow:var(--box-shadow-m);--tw-shadow-colored:var(--box-shadow-m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:mb-0{margin-bottom:var(--spacing-0)}.lg\:gap-m{gap:var(--spacing-m)}.lg\:p-l{padding:var(--spacing-l)}.lg\:px-l{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.lg\:pt-l{padding-top:var(--spacing-l)}.lg\:gap-l{gap:var(--spacing-l)}.lg\:py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.lg\:shadow-m{box-shadow:var(--box-shadow-m)}}@media (min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:flex{display:flex}.\32xl\:inline-flex{display:inline-flex}.\32xl\:grid{display:grid}.\32xl\:hidden{display:none}.\32xl\:flex-row{flex-direction:row}.\32xl\:flex-col{flex-direction:column}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>div\]\:\!border-border-dnk>div{border-color:var(--color-border-dnk)!important}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:pointer-events-none img{pointer-events:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nd-storybook/storybook",
-  "version": "0.3.65",
+  "version": "0.3.66",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",