1import{d as h,T as $,u as t,J as v}from"./preact-hooks.module-fQqoIgiC.js";import{a as y,r as z}from"./preact-variantState-Cl6IIorp.js";import"./preact-signals.module-BYTPvOWv.js";function _(e,r){const s=`${r}-${e}`;return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486 49" fill="none"> 2 <g filter="url(#filter-${s})"> 3 <path d="M479.15 5H418.287L311.287 21.7143C233.736 21.7143 77.4563 20.6 72.7443 16.1429C66.8543 10.5714 5.99167 21.7143 5.01001 27.2857C4.22469 31.7429 49.839 40.2857 72.7443 44H151.277H341.718C373.131 38.4286 441.258 26.1714 462.462 21.7143C483.665 17.2571 482.422 8.71429 479.15 5Z" fill="url(#radial-gradient-${s})"/> 4 </g> 5 <defs> 6 <filter id="filter-${s}" x="0.093574" y="0.093574" width="485.813" height="48.8129" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 7 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 8 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 9 <feGaussianBlur stdDeviation="2.45321" result="effect1_foregroundBlur_5378_41990"/> 10 </filter> 11 <radialGradient id="radial-gradient-${s}" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(243 24.5) rotate(90) scale(22.2857 272)"> 12 <stop/> 13 <stop offset="1" stop-opacity="0"/> 14 </radialGradient> 15 </defs> 16 </svg>`}function x(e){const r=(e??"").toLowerCase();return r==="black"||r==="noir"||r===""?"#000000":"#FFFFFF"}function C(e,r){const s=Number(e.letter_spacing_desktop)||0,o=100-(1440-s)*100/1440,g=100-(375-(Number(e.letter_spacing_mobile)||0))*100/375,l=x(e.main_text_color);let i=` 17 .letter-spacing-${r} { gap: ${g}vw; } 18 .shadow-position-${r} { bottom: ${e.shadow_position}%; } 19 `;return e.background_title_font_size_mobile&&(i+=`.background-title-${r} { font-size: ${e.background_title_font_size_mobile}px; }`),e.background_subtitle_font_size_mobile&&(i+=`.background-subtitle-${r} { font-size: ${e.background_subtitle_font_size_mobile}px; }`),i+=` 20 @media (min-width: 768px) { 21 .letter-spacing-${r} { gap: ${o}vw; } 22 .dropdown_background-${r} { 23 background: radial-gradient(63.54% 415.78% at 68.54% 52.01%, ${e.background_gradient_init} 0%, ${e.background_gradient_end} 100%), 24 linear-gradient(95.68deg, #000000 7.92%, #393939 95.9%); 25 } 26 `,e.background_title_font_size_tablet&&(i+=`.background-title-${r} { font-size: ${e.background_title_font_size_tablet}px; }`),e.background_subtitle_font_size_desktop&&(i+=`.background-subtitle-${r} { font-size: ${e.background_subtitle_font_size_desktop}px; }`),i+="}",e.background_title_font_size_desktop&&(i+=`@media (min-width: 1440px) { .background-title-${r} { font-size: ${e.background_title_font_size_desktop}px; } }`),i+=` 27 @media (min-width: 1440px) { .letter-spacing-${r} { gap: ${s}px; } } 28 .dropdown-background-${r} { 29 background: radial-gradient(152.18% 148.97% at 100% 4.54%, ${e.background_gradient_init} 0%, ${e.background_gradient_end} 100%), 30 linear-gradient(93.63deg, #000000 8.2%, #393939 99.15%); 31 } 32 .main_text_color-${r} { color: ${l}; } 33 .background_texts_color-${r} { color: ${e.background_texts_color}; } 34 `,i}function T(){const e=y.value,[r,s]=h(1);if(!e)return null;const o=e.dropdown_data;if(!o)return null;const d=z();if(!Object.values((d==null?void 0:d.block_settings)??{}).some(n=>(n==null?void 0:n.type)==="dropdown"))return null;const l=e.handle,i=x(o.main_text_color),m=i==="#000000"?"rgb(0,0,0,.2)":"rgb(255,255,255,.2)",c=o.disable_mix_blend_mode_overlay?"":"mix-blend-overlay",b=Array.isArray(o.items)?o.items:[],p=String(o.background_text??"").split(""),w=o.hide_title_on_mobile?"hidden md:flex":"",k=$(()=>C(o,l),[o,l]);return t("section",{class:"c-container w-full kf-section py-5 md:py-10",id:`dropdown-${l}`,role:"region","aria-label":o.heading,children:[t("style",{dangerouslySetInnerHTML:{__html:k}}),t("div",{class:`md:grid md:grid-cols-10 w-full xs-down:px-3 px-5 md:px-10 lg:px-[60px] py-8 md:py-10 lg:py-[50px] rounded-[10px] md:rounded-[20px] h-auto dropdown-background-${l} overflow-hidden`,children:[t("div",{class:`flex flex-col col-span-4 w-full h-auto main_text_color-${l}`,children:[t("h2",{class:`h2 md-down:!text-[32px] !font-normal lg:max-w-[400px] mb-8 ${w}`,children:o.heading}),t("div",{class:"flex flex-col w-full mb-10 md:hidden relative",children:[t("div",{class:"relative z-[2] max-w-[90%] mx-auto w-full h-full",style:{background:`radial-gradient(${o.image_gradient_init}, rgb(255 255 255 / 0%) 65%, rgb(255 255 255 / 0%) 100%)`},children:[o.image_url&&t("img",{src:o.image_url,alt:o.image_alt??"",class:"w-full h-full object-cover object-center"}),t("div",{class:`absolute inset-x-0 shadow-position-${l}`,dangerouslySetInnerHTML:{__html:_("mobile",l)}})]}),t("div",{class:"absolute top-0 left-[-20px] w-[calc(100%+40px)]",children:t("div",{class:"max-w-max mx-auto flex flex-col",children:[t("div",{class:`flex items-center letter-spacing-${l}`,children:p.map((n,a)=>t("p",{class:`font-semibold background-title-${l} background_texts_color-${l} text-[13.3vw] md:text-[5.5vw] leading-[0.525] sm2:leading-[.7] ${c} !font-montserrat text-center`,children:n},a))}),o.background_subtitle&&t("p",{class:`background-subtitle-${l} background_texts_color-${l} text-right pr-1.5 mt-3 !font-montserrat text-sm sm:text-base md:text-[1.666vw] xlm:text-2xl !leading-[1] !tracking-normal opacity-[.76] ${c} font-semibold`,children:o.background_subtitle})]})})]}),t("div",{class:"flex flex-col w-full space-y-[18px] md:space-y-[25px]",children:b.map((n,a)=>{const f=a+1,u=r===f;return t("div",{class:"flex flex-col w-full",children:[t("div",{class:`flex items-center w-full justify-between gap-x-3 pb-4 border-b cursor-pointer border-[${m}]`,style:{borderBottomColor:m},onClick:()=>s(u?0:f),children:[t("div",{class:"text-[20px] leading-[1.2] !font-montserrat !font-normal tracking-[0.15px]",dangerouslySetInnerHTML:{__html:n.heading??""}}),t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",class:`transition-transform transform duration-300 cursor-pointer ${u?"rotate-45":""}`,children:[t("path",{d:"M12.9688 5V19",stroke:i,"stroke-linecap":"round","stroke-linejoin":"round"}
34),t("path",{d:"M5.96875 12H19.9688",stroke:i,"stroke-linecap":"round","stroke-linejoin":"round"})]})]}),t("div",{class:"grid w-full transition-[grid-template-rows] duration-300 ease-out",style:{gridTemplateRows:u?"1fr":"0fr"},children:t("div",{class:"body-3 overflow-hidden",dangerouslySetInnerHTML:{__html:n.description??""}})})]},a)})})]}),t("div",{class:"hidden md:flex flex-col col-span-6 w-full h-auto items-end justify-center md-down:!max-h-full",children:t("div",{class:"relative w-max md:pl-[5.5vw] desktop:pl-20 flex flex-col",children:[t("div",{class:"relative z-[2] max-w-[34vw] desktop:max-w-[500px] w-full h-full",style:{background:`radial-gradient(${o.image_gradient_init}, rgb(255 255 255 / 0%) 65%, rgb(255 255 255 / 0%) 100%)`},children:[t("div",{class:`absolute inset-x-0 z-0 shadow-position-${l}`,dangerouslySetInnerHTML:{__html:_("desktop",l)}}),o.image_url&&t("img",{src:o.image_url,alt:o.image_alt??"",class:"w-full h-full object-cover object-center"})]}),t("div",{class:"absolute top-0 md:-top-4 inset-x-0 w-full",children:t("div",{class:"flex flex-col w-full max-w-max mx-auto",children:[t("div",{class:`flex items-center letter-spacing-${l}`,children:p.map((n,a)=>t("p",{class:`background-title-${l} font-semibold background_texts_color-${l} text-[7.333vw] wide:text-[3.333vw] leading-[0.525] ${c} !font-montserrat text-center`,children:n},a))}),o.background_subtitle&&t("p",{class:`background-subtitle-${l} background_texts_color-${l} text-right pr-1.5 mt-3 !font-montserrat text-sm sm:text-base md:text-[1.9444vw] xlm:text-[28px] !leading-[1] !tracking-normal opacity-[.76] ${c} font-semibold`,children:o.background_subtitle})]})})]})})]})]})}function j(e){e.replaceChildren(),v(t(T,{}),e)}export{j as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.