1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="b5db905c-3d5e-9ad8-8b03-bbb3ce0d0f5c")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,163278,e=>{"use strict";var i=e.i(843476),t=e.i(271645),n=e.i(997053),o=e.i(865845),a=e.i(618175);let r=n.styled.div.withConfig({displayName:"CtaGlow__Region",componentId:"sc-e1cd2300-0"})` 3 position: relative; 4 5 /* The cursor-trailing orb, resting high-centre until the cursor approaches. */ 6 &::before { 7 background: radial-gradient( 8 26rem circle at var(--spot-x, 50%) var(--spot-y, 18%), 9 ${a.darkHomeTokens.colors.orbViolet}, 10 ${a.darkHomeTokens.colors.orbBlue} 34%, 11 transparent 68% 12 ); 13 content: ''; 14 inset: 0; 15 /* Visible without JS; the script only sharpens it toward the cursor. */ 16 opacity: 0.7; 17 pointer-events: none; 18 position: absolute; 19 transition: opacity ${a.darkHomeTokens.transition.duration.slow} ease; 20 z-index: 0; 21 } 22 23 &.lit::before { 24 opacity: 1; 25 } 26 27 /* Children sit above the orb. */ 28 > * { 29 position: relative; 30 z-index: 1; 31 } 32 33 @media (prefers-reduced-motion: reduce) { 34 &::before { 35 background: radial-gradient( 36 26rem circle at 50% 18%, 37 ${a.darkHomeTokens.colors.orbViolet}, 38 ${a.darkHomeTokens.colors.orbBlue} 34%, 39 transparent 68% 40 ); 41 opacity: 0.85; 42 } 43 } 44`;e.s(["default",0,({children:e})=>{let n=(0,t.useRef)(null),a=(0,t.useRef)(null),l=(0,o.usePrefersReducedMotion)();return(0,t.useEffect)(()=>{if(l)return;let e=null,i={x:0,y:0},t=!1,o=()=>{let r=n.current;if(!r||!e){a.current=null;return}t?(i.x+=(e.x-i.x)*.16,i.y+=(e.y-i.y)*.16):(i.x=e.x,i.y=e.y,t=!0),r.style.setProperty("--spot-x",`${i.x}px`),r.style.setProperty("--spot-y",`${i.y}px`),a.current=.5>Math.abs(e.x-i.x)&&.5>Math.abs(e.y-i.y)?null:window.requestAnimationFrame(o)},r=i=>{let t=n.current;if(!t)return;let r=t.getBoundingClientRect();e={x:i.clientX-r.left,y:i.clientY-r.top};let l=i.clientY>=r.top-.4*r.height&&i.clientY<=r.bottom;t.classList.toggle("lit",l),null===a.current&&(a.current=window.requestAnimationFrame(o))};return window.addEventListener("pointermove",r,{passive:!0}),()=>{window.removeEventListener("pointermove",r),null!==a.current&&window.cancelAnimationFrame(a.current),a.current=null}},[l]),(0,i.jsx)(r,{ref:n,children:e})}])},903077,e=>{"use strict";var i=e.i(843476),t=e.i(997053),n=e.i(966326),o=e.i(685149),a=e.i(251988),r=e.i(244712);let l=t.styled.section.withConfig({displayName:"DarkHomeCta__Band",componentId:"sc-797166ad-0"})` 45 align-items: center; 46 display: flex; 47 flex-direction: column; 48 gap: ${({theme:e})=>e.spacing[1.5]}; 49 overflow: clip; 50 padding-block: ${({theme:e})=>e.spacing[6]}; 51 padding-inline: ${({theme:e})=>e.grid.margin.small}; 52 position: relative; 53 text-align: center; 54 55 ${({theme:e})=>e.mq.minWidth.large} { 56 padding-block: ${({theme:e})=>e.spacing[8]}; 57 } 58`,s=t.styled.div.withConfig({displayName:"DarkHomeCta__Content",componentId:"sc-797166ad-1"})` 59 align-items: center; 60 display: flex; 61 flex-direction: column; 62 gap: ${({theme:e})=>e.spacing[1.5]}; 63 position: relative; 64 z-index: 1; 65`,c=(0,t.styled)(r.SectionTitle).withConfig({displayName:"DarkHomeCta__Headline",componentId:"sc-797166ad-2"})` 66 line-height: 1.1; 67 max-width: 52rem; 68 69 em { 70 font-style: normal; 71 ${a.accentGradient} 72 } 73`,d=t.styled.div.withConfig({displayName:"DarkHomeCta__Actions",componentId:"sc-797166ad-3"})` 74 display: flex; 75 flex-wrap: wrap; 76 gap: ${({theme:e})=>e.spacing[1.5]}; 77 justify-content: center; 78 margin-block-start: ${({theme:e})=>e.spacing[1]}; 79`;e.s(["default",0,()=>(0,i.jsx)(l,{"aria-labelledby":"get-started-title",id:"get-started",children:(0,i.jsxs)(s,{children:[(0,i.jsx)(r.Eyebrow,{children:"Video & webinar platform"}),(0,i.jsxs)(c,{id:"get-started-title",children:["All your video and webinar needs. All in ",(0,i.jsx)("em",{children:"one platform"}),"."]}),(0,i.jsxs)(d,{children:[(0,i.jsx)(n.default,{color:"blue500",href:o.WISTIA_BUSINESS_TRIAL,trackingLabel:"sign-up-for-free",trackingProperty:"dark-home-closing-cta",children:"Sign up for free"}),(0,i.jsx)(n.default,{color:"blue300",href:o.WISTIA_GIT,trackingLabel:"get-in-touch",trackingProperty:"dark-home-closing-cta",variant:"secondary",children:"Get in touch"})]})]})})])},251988,e=>{"use strict";var i=e.i(997053),t=e.i(618175);let n=i.css` 80 background: linear-gradient( 81 100deg, 82 ${({theme:e})=>e.colors.blue300}, 83 ${t.darkHomeTokens.colors.accentPurple} 55%, 84 ${({theme:e})=>e.colors.pink400} 85 ); 86 background-clip: text; 87 -webkit-background-clip: text; 88 color: transparent; 89`,o=i.css` 90 &::before { 91 background: radial-gradient( 92 10rem circle at var(--spot-x, 50%) var(--spot-y, 50%), 93 ${t.darkHomeTokens.colors.accentWash}, 94 transparent 70% 95 ); 96 content: ''; 97 inset: 0; 98 opacity: 0; 99 pointer-events: none; 100 position: absolute; 101 transition: opacity ${({theme:e})=>e.transition.duration} ease; 102 /* Not 0: a positioned element at z-index 0 still paints above the card's 103 non-positioned children, tinting them. */ 104 z-index: -1; 105 106 @media (prefers-reduced-motion: reduce) { 107 transition: none; 108 } 109 } 110`,a=i.css` 111 background: ${t.darkHomeTokens.colors.panelFill}; 112 border: 1px solid ${t.darkHomeTokens.colors.panelBorder}; 113 border-radius: ${({theme:e})=>e.spacing[1.5]}; 114`,r=i.keyframes` 115 from { 116 transform: rotateX(16deg) scale(0.92); 117 } 118`;e.s(["accentGradient",0,n,"panelSurface",0,a,"sdaSupports",0,"@supports ((animation-timeline: view()) and (animation-range: entry))","spotlightLayer",0,o,"standUp",0,r])},842616,e=>{"use strict";var i=e.i(997053),t=e.i(419323),n=e.i(618175);let o=i.createGlobalStyle` 119 @layer site-base, dark-home-base; 120 121 /* The canvas colour. The colour scheme is not here â it is on SurfaceRoot 122 (./styled), which wraps only what paints on the canvas. */ 123 body { 124 background: ${({theme:e})=>e.colors.blue800}; 125 } 126 127 /* 128 * The order statement above reserves this surface's slot between site-base 129 * and its own components, and there are deliberately no rules in it yet. 130 * 131 * Every heading and paragraph the surface renders is a styled component 132 * that declares its own margin, so a blanket heading/paragraph margin reset
133 * would do nothing for the surface â and createGlobalStyle is document-wide, 134 * so it would reach the shared Footer, whose "Your complete video marketing 135 * platform" tagline is a bare <p> that does rely on the site-base margin. 136 * The one thing such a reset would change is the one thing it should not. 137 * 138 * Add element defaults here when the surface actually grows author-supplied 139 * markup it does not style itself. Layer order follows first occurrence, so 140 * they will land in the right slot with no central edit. 141 */ 142 143 .dark-home-skip-link { 144 ${t.visuallyHiddenStyles} 145 146 &:focus-visible { 147 background-color: ${({theme:e})=>e.colors.blue800}; 148 border: 1px solid ${n.darkHomeTokens.colors.hairline}; 149 border-radius: ${({theme:e})=>e.spacing[.5]}; 150 clip: auto; 151 clip-path: none; 152 color: ${n.darkHomeTokens.colors.bodyLight}; 153 height: auto; 154 left: ${({theme:e})=>e.spacing[1]}; 155 padding: ${({theme:e})=>e.spacing[.75]} 156 ${({theme:e})=>e.spacing[1]}; 157 position: fixed; 158 top: ${({theme:e})=>e.spacing[1]}; 159 width: auto; 160 /* Above the shared Navigation's sticky bar, which sits at 999. */ 161 z-index: 1000; 162 } 163 } 164`;
164e.s(["DarkHomeGlobalStyles",0,o])},244712,e=>{"use strict";var i=e.i(997053),t=e.i(843),n=e.i(618175);let o=i.styled.div.withConfig({displayName:"styled__SurfaceRoot",componentId:"sc-41ac3071-0"})` 165 --global-color: ${({theme:e})=>e.colors.white}; 166 --global-link-color: ${({theme:e})=>e.colors.white}; 167 --global-hover-color: ${({theme:e})=>e.colors.white}; 168 --global-visited-color: ${({theme:e})=>e.colors.white}; 169 color: var(--global-color); 170`,a=i.styled.p.withConfig({displayName:"styled__Eyebrow",componentId:"sc-41ac3071-1"})` 171 color: ${({theme:e})=>e.colors.blue300}; 172 font-family: var(--font-inter); 173 font-size: ${({theme:e})=>e.typography.fontSize.eyebrow}; 174 font-weight: ${({theme:e})=>e.typography.fontWeight.eyebrow}; 175 letter-spacing: ${({theme:e})=>e.typography.letterSpacing.eyebrow}; 176 line-height: ${({theme:e})=>e.typography.lineHeight.eyebrow}; 177 margin: 0; 178 text-transform: uppercase; 179 180 /* White on the glow bands' gradient artwork. */ 181 &.light { 182 color: ${({theme:e})=>e.colors.white}; 183 } 184 185 ${({theme:e})=>e.mq.minWidth.large} { 186 font-size: ${n.darkHomeTokens.typography.fontSize.desktop.eyebrow}; 187 } 188`,r=i.styled.h2.withConfig({displayName:"styled__SectionTitle",componentId:"sc-41ac3071-2"})` 189 font-family: var(--font-walsheim); 190 font-size: ${n.darkHomeTokens.typography.fontSize.sectionTitle}; 191 font-weight: ${({theme:e})=>e.typography.fontWeight.headingOne}; 192 line-height: 1.15; 193 /* Global heading margins would stack on the parent flex gap. */ 194 margin: 0; 195 max-width: ${n.darkHomeTokens.maxWidth.column}; 196 text-wrap: balance; 197 198 ${({theme:e})=>e.mq.minWidth.large} { 199 font-size: ${n.darkHomeTokens.typography.fontSize.desktop.sectionTitle}; 200 } 201`,l=i.styled.p.withConfig({displayName:"styled__SectionLede",componentId:"sc-41ac3071-3"})` 202 color: ${n.darkHomeTokens.colors.bodyLight}; 203 font-size: ${({theme:e})=>e.typography.fontSize.bodyLg}; 204 line-height: 1.5; 205 margin: 0; 206 max-width: ${n.darkHomeTokens.maxWidth.prose}; 207 text-wrap: pretty; 208`,s=i.styled.h2.withConfig({displayName:"styled__BandTitle",componentId:"sc-41ac3071-4"})` 209 font-family: var(--font-walsheim); 210 font-size: ${n.darkHomeTokens.typography.fontSize.sectionTitle}; 211 font-weight: ${({theme:e})=>e.typography.fontWeight.headingOne}; 212 line-height: 1.2; 213 /* Global heading margins would stack on the parent flex gap. */ 214 margin: 0 auto; 215 max-width: ${n.darkHomeTokens.maxWidth.band}; 216 text-wrap: balance; 217 218 ${({theme:e})=>e.mq.minWidth.large} { 219 font-size: ${n.darkHomeTokens.typography.fontSize.desktop.sectionTitle}; 220 } 221`,c=(0,i.styled)(t.default).withConfig({displayName:"styled__BandLink",componentId:"sc-41ac3071-5"})` 222 font-size: ${({theme:e})=>e.typography.fontSize.bodyMd}; 223 224 ${({theme:e})=>e.mq.minWidth.large} { 225 font-size: ${({theme:e})=>e.typography.fontSize.desktop.bodyMd}; 226 } 227`;e.s(["BandLink",0,c,"BandTitle",0,s,"Eyebrow",0,a,"SectionLede",0,l,"SectionTitle",0,r,"SurfaceRoot",0,o])},618175,e=>{"use strict";e.s(["darkHomeTokens",0,{colors:{bodyLight:"hsla(229, 60%, 88%, 1)",hairline:"hsla(229, 100%, 90%, 0.18)",panelFill:"hsla(231, 30%, 9%, 0.72)",panelBorder:"hsla(229, 100%, 90%, 0.12)",panelBorderStrong:"hsla(229, 100%, 90%, 0.25)",cardFill:"#0d1747",accentPurple:"hsla(285, 100%, 78%, 1)",accentWash:"hsla(229, 100%, 80%, 0.15)",orbViolet:"hsla(265, 100%, 62%, 0.42)",orbBlue:"hsla(230, 100%, 58%, 0.22)",shadowInk:"hsla(232, 40%, 2%, 0.6)"},typography:{fontSize:{sectionTitle:"2rem",display:"2.25rem",desktop:{eyebrow:"1.125rem",sectionTitle:"3rem",display:"4rem"}}},transition:{duration:{fast:"200ms",slow:"600ms",entrance:"700ms"},easing:{out:"cubic-bezier(0.2, 0.7, 0.2, 1)",glide:"cubic-bezier(0.22, 1, 0.36, 1)"}},maxWidth:{prose:"44rem",column:"60rem",band:"68rem",wide:"76rem",tour:"82rem"}}])},865845,e=>{"use strict";var i=e.i(271645);let t="(prefers-reduced-motion: reduce)",n=e=>{let i=window.matchMedia(t);return i.addEventListener("change",e),()=>i.removeEventListener("change",e)};e.s(["usePrefersReducedMotion",0,()=>(0,i.useSyncExternalStore)(n,()=>window.matchMedia(t).matches,()=>!1)])},248302,e=>{"use strict";var i=e.i(843476),t=e.i(997053),n=e.i(522016),o=e.i(86274);let a=(0,t.styled)(n.default).withConfig({displayName:"HomepagePromo__HomepagePromoContainer",componentId:"sc-5e8c45f9-0"})` 228 align-items: center; 229 background: ${({theme:e})=>`linear-gradient(to right, ${e.colors.purple700}, ${e.colors.purple800})`}; 230 color: ${({theme:e})=>e.colors.white}; 231 display: flex; 232 flex-direction: column; 233 justify-content: center; 234 gap: ${({theme:e})=>e.spacing[.5]}; 235 padding-block: ${({theme:e})=>e.spacing[.75]}; 236 padding-inline: ${({theme:e})=>e.spacing[1]}; 237 position: relative; 238 239 h5 { 240 margin: 0; 241 text-align: center; 242 243 &::after { 244 content: 'â'; 245 display: inline-block; 246 margin-inline-start: ${({theme:e})=>e.spacing["0.5"]}; 247 transition: transform var(--global-motion); 248 } 249 } 250 251 &:hover { 252 h5 { 253 text-decoration: underline; 254 &::after { 255 transform: translateX(${({theme:e})=>e.spacing["0.25"]}); 256 } 257 } 258 } 259 260 ${({theme:e})=>e.mq.minWidth.large} { 261 flex-direction: row; 262 gap: ${({theme:e})=>e.spacing[1.25]}; 263 padding-inline: ${({theme:e})=>e.spacing[4]}; 264 265 h5 { 266 text-align: left; 267 } 268 } 269`;e.s(["default",0,()=>(0,i.jsx)(a,{href:"https://home.wistia.com/live/events/um86l85aal",onClick:()=>{(0,o.trackLink)("homepage-banner","homepage")},children:(0,i.jsx)("h5",{children:"Register for our UNBOUND Encore Session: Turn Videos & Webinars into Revenue"})})])},298024,e=>{"use strict";var i=e.i(843476),t=e.i(997053),n=e.i(522016),o=e.i(685149);let a=[{name:"Platform",groups:[{heading:"Platform Overview",links:[{label:"The Wistia Platform",href:"/product",trackingLabel:"product-features-overview"},{label:"Product Tour",href:"/demo",trackingLabel:"product-tour-footer"},{label:"Request a Demo",href:o.WISTIA_GIT,trackingLabel:"request-a-demo-footer"},{label:"Pricing",href:"/pricing",trackingLabel:"pricing-nav"}]},{heading:"Hosting",links:[{label:"Video Hosting",href:"/product/hosting",trackingLabel:"product-hosting"},{label:"Embedding",href:"/product/embeds",trackingLabel:"product-embedding"},{label:"Ad-Free Player",href:"/product/player",trackingLabel:"product-ad-free-player"},{label:"Video Management",href:"/product/video-management",trackingLabel:"product-video-management"},{label:"Wistia Channels",href:"/product/channels",trackingLabel:"product-galleries"},{label:"Localization",href:"/product/localize",trackingLabel:"product-localization"},{label:"Video Podcasts",href:"/product/podcasting",trackingLabel:"product-podcasting"},{label:"Video Analytics",href:"/product/analytics",trackingLabel:"product-analytics"}]}]},{name:"Marketing",groups:[{heading:"Video Marketing",links:[{label:"Webinar Hosting",href:"/product/webinar-hosting",trackingLabel:"product-webinar-hosting"},{label:"Wistia Forms",href:"/product/wistia-forms",trackingLabel:"product-wistia-forms"},{label:"Marketing Automation",href:"/product/marketing-automation",trackingLabel:"product-marketing-automation"},{label:"Video SEO",href:"/product/video-seo",trackingLabel:"product-seo"}]},{heading:"Video Creation",links:[{label:"Video Recording",href:"/product/video-recording",trackingLabel:"product-recording"},{label:"Video Editing",href:"/product/video-editing",trackingLabel:"product-editing"}
269,{label:"AI Video Editing",href:"/product/remix-ai-video-editor",trackingLabel:"product-ai-video-editing"},{label:"Collaboration",href:"/product/collaboration",trackingLabel:"product-collaboration"}]},{heading:"Solutions",links:[{label:"Wistia for Developers",href:"/product/platform",trackingLabel:"product-platform"},{label:"Wistia for Enterprise",href:"/product/enterprise-video-platform",trackingLabel:"product-enterprise-video-platform"},{label:"Wistia for Video Professionals",href:"/explore/wistia-for-video-professionals",trackingLabel:"product-wistia-for-video-professionals"}]}]},{name:"Resources",groups:[{heading:"Learning Center",links:[{label:"Blog",href:"/blog",trackingLabel:"learning-center-blog"},{label:"Events",href:"/events",trackingLabel:"learning-center-webinars"},{label:"Customer Stories",href:"/blog/category/customer-stories",trackingLabel:"learning-center-customer-stories"},{label:"Asset Library",href:"/resources/free-downloads",trackingLabel:"learning-center-asset-library"}]},{heading:"Video Series",links:[{label:"Video Tutorials",href:"/watch",trackingLabel:"series-video-tutorials"},{label:"Original Series",href:"/series",trackingLabel:"series-original-series"}]},{heading:"Guides",links:[{label:"State of Video Report",href:"/explore/state-of-video-report",trackingLabel:"learning-center-state-of-video-2025"},{label:"AI Video Marketing Trends",href:"/explore/ai-video-trends",trackingLabel:"learning-center-ai-video-trends"},{label:"Wistia Webinar Guidebook",href:"/webinarwizard",trackingLabel:"learning-center-webinar-guidebook"},{label:"Video Repurposing Cookbook",href:"/explore/video-repurposing-cookbook",trackingLabel:"learning-center-video-repurposing-cookbook"},{label:"Guide to Embedding Videos",href:"/explore/video-embedding-guide",trackingLabel:"learning-center-guide-to-embedding-videos"},{label:"Guide to Video Marketing",href:"/about/video-marketing-guide",trackingLabel:"learning-center-guide-to-video-marketing"}]}]},{name:"Support",groups:[{heading:"Support",links:[{label:"Help Center",href:"/support",trackingLabel:"learning-center-help-center"},{label:"Developer Docs",href:"https://docs.wistia.com/",trackingLabel:"learning-center-developer-docs"},{label:"Product Changelog",href:"https://updates.wistia.com/",trackingLabel:"learning-center-product-changelog"},{label:"Wistia Status",href:"https://status.wistia.com/",trackingLabel:"learning-center-status"},{label:"Contact Support",href:o.SUPPORT_URL,trackingLabel:"learning-center-contact-support"}]},{heading:"Privacy & Security",links:[{label:"Security",href:"https://security.wistia.com/",trackingLabel:"security"},{label:"AI Policy & Governance",href:"/privacy-ai",trackingLabel:"ai-policy-governance"}]}]},{name:"Company",groups:[{heading:"Company",links:[{label:"About Us",href:"/about",trackingLabel:"about-us"},{label:"Brand Assets",href:"/about/assets",trackingLabel:"brand-assets"},{label:"Careers",href:"/jobs",trackingLabel:"careers"},{label:"Company Values",href:"/about/values",trackingLabel:"company-values"},{label:"DEI & Belonging",href:"/about/diversity-equity-inclusion-belonging",trackingLabel:"dei-belonging"},{label:"Partner Program",href:"/partner-program",trackingLabel:"partner-program"},{label:"Affiliates",href:"/partner-program/affiliates",trackingLabel:"affiliates"}]}]}];var r=e.i(419323),l=e.i(289700),s=e.i(568755),c=e.i(86274);let d=[{label:"X",href:"https://twitter.com/wistia",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{viewBox:"0 0 25 25",children:[(0,i.jsx)("title",{children:"X icon"}),(0,i.jsx)("path",{d:"M14.735 10.704 23.473.547h-2.071l-7.587 8.82-6.06-8.82H.765L9.93 13.883.766 24.535h2.07l8.013-9.314 6.4 9.314h6.989l-9.504-13.831Zm-2.837 3.297-.928-1.328L3.582 2.106h3.181l5.962 8.528.928 1.328 7.75 11.085h-3.18L11.897 14Z",fill:"currentColor"})]}),{})},{label:"TikTok",href:"https://www.tiktok.com/@wistia",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{fill:"none",viewBox:"0 0 25 25",children:[(0,i.jsx)("title",{children:"TikTok icon"}),(0,i.jsx)("path",{clipRule:"evenodd",d:"M3.23828 0.546875H21.2383C22.8951 0.546875 24.2383 1.89002 24.2383 3.54688V21.5469C24.2383 23.2037 22.8951 24.5469 21.2383 24.5469H3.23828C1.58143 24.5469 0.238281 23.2037 0.238281 21.5469V3.54688C0.238281 1.89002 1.58143 0.546875 3.23828 0.546875ZM15.8901 4.27648C16.0929 5.37208 16.7433 6.31168 17.6439 6.89908C18.2709 7.30828 19.0197 7.54647 19.8225 7.54647V10.4217C18.3315 10.4217 16.9497 9.94468 15.8223 9.13527V14.9781C15.8223 17.8965 13.4481 20.2701 10.5303 20.2701C9.40228 20.2701 8.35708 19.9149 7.49728 19.3113C6.13288 18.3537 5.23828 16.7691 5.23828 14.9787C5.23828 12.0609 7.61248 9.68667 10.5303 9.68667C10.7727 9.68667 11.0103 9.70648 11.2437 9.73828V12.6735C11.0175 12.6027 10.7793 12.5619 10.5303 12.5619C9.19768 12.5619 8.11348 13.6461 8.11348 14.9787C8.11348 15.9063 8.64028 16.7127 9.40948 17.1177C9.74488 17.2941 10.1259 17.3955 10.5303 17.3955C11.8323 17.3955 12.8937 16.3599 12.9423 15.0693L12.9471 3.54688H15.8223C15.8223 3.79588 15.8463 4.03948 15.8901 4.27648Z",fill:"currentColor",fillRule:"evenodd"})]}),{})},{label:"Instagram",href:"https://www.instagram.com/wistia",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{fill:"none",viewBox:"0 0 24 25",children:[(0,i.jsx)("title",{children:"Instagram icon"}),(0,i.jsx)("path",{d:"M6.998.547C3.139.547 0 3.689 0 7.549v10c0 3.859 3.142 6.998 7.002 6.998h10c3.859 0 6.998-3.142 6.998-7.002v-10c0-3.86-3.142-6.998-7.002-6.998h-10Zm12.002 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-7 2c3.309 0 6 2.69 6 6 0 3.309-2.691 6-6 6s-6-2.691-6-6c0-3.31 2.691-6 6-6Zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z",fill:"currentColor"})]}),{})},{label:"LinkedIn",href:"https://www.linkedin.com/company/wistia",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{fill:"none",viewBox:"0 0 24 25",children:[(0,i.jsx)("title",{children:"LinkedIn icon"}),(0,i.jsx)("path",{d:"M21.143.547H2.857A2.858 2.858 0 0 0 0 3.404V21.69a2.858 2.858 0 0 0 2.857 2.857h18.286A2.858 2.858 0 0 0 24 21.69V3.404A2.858 2.858 0 0 0 21.143.547ZM7.429 9.69v10.857H4V9.69h3.429ZM4 6.53c0-.8.686-1.412 1.714-1.412 1.029 0 1.675.612 1.715 1.412 0 .8-.64 1.445-1.715 1.445C4.686 7.975 4 7.33 4 6.53Zm16 14.017h-3.429v-5.714c0-1.143-.571-2.286-2-2.309h-.045c-1.383 0-1.955 1.177-1.955 2.309v5.714H9.143V9.69h3.428v1.463s1.103-1.463 3.32-1.463C18.16 9.69 20 11.25 20 14.41v6.137Z",fill:"currentColor"})]}),{})},{label:"Facebook",href:"https://www.facebook.com/wistia",icon:(0,i.jsx)(()=>(0,i.jsxs)("svg",{fill:"none",viewBox:"0 0 24 25",children:[(0,i.jsx)("title",{children:"Facebook icon"}),(0,i.jsx)("path",{d:"M21.818.547H2.182A2.181 2.181 0 0 0 0 2.729v19.636c0 1.206.976 2.182 2.182 2.182H13.09v-9.818H9.818v-3.273h3.273V9.699c0-3.328 1.621-4.788 4.386-4.788 1.325 0 2.025.098 2.357.142v3.13h-1.886c-1.174 0-1.584.62-1.584 1.874v1.399h3.44l-.466 3.273h-2.974v9.818h5.454A2.181 2.181 0 0 0 24 22.365V2.73A2.182 2.182 0 0 0 21.818.547Z",fill:"currentColor"})]}),{})}],p=t.styled.li.withConfig({displayName:"Footer__FooterNavListItem",componentId:"sc-883ca9c6-0"})` 270 list-style: none; 271 272 & p { 273 margin: 0; 274 } 275 276 a[class] { 277 font-weight: ${({theme:e})=>e.typography.fontWeight.body}; 278 text-decoration: underline; 279 text-decoration-color: transparent; 280 transition: text-decoration-color var(--global-motion); 281 } 282 283 a, 284 a:active, 285 a:visited, 286 a:hover { 287 color: inherit; 288 } 289 290 a:hover { 291 text-decoration-color: currentcolor; 292 } 293`,g=(0,t.styled)(l.default).withConfig({displayName:"Footer__FooterContainer",componentId:"sc-883ca9c6-1"})` 294 padding-block: ${({theme:e})=>e.spacing[2]}; 295 296 ${({theme:e})=>e.mq.minWidth.large} { 297 padding-block: ${({theme:e})=>e.spacing[4]}; 298 } 299`,h=t.styled.div.withConfig({displayName:"Footer__FooterSections",componentId:"sc-883ca9c6-2"})` 300 /** 301 * Below the large breakpoint, flow the category groups as CSS multi-column 302 * content so they balance into even columns (two at small, three at medium) 303 * top-to-bottom, rather than staying bundled into the uneven desktop columns. 304 * At large we switch to the desktop grid. 305 */ 306 column-count: 2;
307 column-gap: ${({theme:e})=>e.spacing[1]}; 308 /** 2rem gap between the end of the link lists and the bottom row (SOC 2, copyright, social). */ 309 margin-block-end: ${({theme:e})=>e.spacing[2]}; 310 311 ${({theme:e})=>e.mq.minWidth.medium} { 312 column-count: 3; 313 } 314 ${({theme:e})=>e.mq.minWidth.large} { 315 column-count: unset; 316 display: grid; 317 ${({theme:e})=>e.grid.columns.large}; 318 } 319`,m=t.styled.ul.withConfig({displayName:"Footer__FooterNavList",componentId:"sc-883ca9c6-3"})` 320 display: flex; 321 flex-direction: column; 322 margin: 0; 323 padding: 0; 324 /** DVD spacing-1 (4px / theme.spacing[0.25]) â smallest token â between every column item. */ 325 row-gap: ${({theme:e})=>e.spacing[.25]}; 326`,u=t.css` 327 font-weight: ${({theme:e})=>e.typography.fontWeight.eyebrow}; 328 line-height: ${({theme:e})=>e.typography.lineHeight.eyebrow}; 329`,f=(0,t.styled)(r.BodyXs).withConfig({displayName:"Footer__FooterHeading",componentId:"sc-883ca9c6-4"})` 330 ${u} 331 /** Match the list-item row-gap so heading sits as tight as the links. */ 332 margin: 0 0 ${({theme:e})=>e.spacing[.25]}; 333`,b=t.styled.div.withConfig({displayName:"Footer__FooterNavGroup",componentId:"sc-883ca9c6-5"})` 334 /** 335 * Keep each category group intact within a multi-column flow (never split a 336 * heading from its links across columns). Space above each heading is 337 * applied with padding-top rather than margin: browsers drop margins at 338 * multi-column fragmentation boundaries, but padding survives, so this 339 * reliably separates stacked categories. 340 */ 341 break-inside: avoid; 342 /** DVD spacing-6 (24px) between sections. */ 343 padding-top: ${({theme:e})=>e.spacing[1.5]}; 344 345 ${({theme:e})=>e.mq.minWidth.large} { 346 padding-top: 0; 347 348 & + & { 349 padding-top: ${({theme:e})=>e.spacing[1.5]}; 350 } 351 } 352`,y=t.styled.nav.withConfig({displayName:"Footer__FooterNavSection",componentId:"sc-883ca9c6-6"})` 353 /** 354 * Below large, dissolve the desktop column wrapper so its heading groups 355 * participate directly in the multi-column flow and balance evenly across 356 * the narrow columns. 357 */ 358 display: contents; 359 360 ${({theme:e})=>e.mq.minWidth.large} { 361 display: flex; 362 flex-direction: column; 363 grid-column: auto / span 2; 364 } 365`,k=t.styled.div.withConfig({displayName:"Footer__FooterLogo",componentId:"sc-883ca9c6-7"})` 366 padding-block: ${({theme:e})=>e.spacing[1]}; 367 text-align: start; 368 text-wrap: balance; 369 /** 370 * Below large, FooterSections is a CSS multi-column flow; span the logo 371 * across all columns so it sits above the balanced nav columns rather than 372 * flowing as one narrow column item. 373 */ 374 column-span: all; 375 376 ${({theme:e})=>e.mq.minWidth.large} { 377 /** First column of the 12-col grid, spanning 2 like each nav column. */ 378 column-span: none; 379 grid-column: auto / span 2; 380 padding-block: 0; 381 } 382 383 p { 384 font-family: var(--font-walsheim); 385 /** One type token down from the inherited body (bodyMd) â bodySm. */ 386 font-size: ${({theme:e})=>e.typography.fontSize.bodySm}; 387 margin: 0; 388 389 ${({theme:e})=>e.mq.minWidth.large} { 390 font-size: ${({theme:e})=>e.typography.fontSize.desktop.bodySm}; 391 } 392 } 393`,w=(0,t.styled)(s.default).withConfig({displayName:"Footer__Logo",componentId:"sc-883ca9c6-8"})` 394 margin-block-end: ${({theme:e})=>e.spacing[1]}; 395 396 /** custom per design */ 397 max-width: 132px; 398 width: 100%; 399`,v=(0,t.styled)(r.BodyXs).withConfig({displayName:"Footer__TrustCenter",componentId:"sc-883ca9c6-9"})` 400 ${u} 401 display: block; 402 text-decoration: none; 403 text-align: center; 404 margin-block-end: ${({theme:e})=>e.spacing[1]}; 405 406 ${({theme:e})=>e.mq.minWidth.medium} { 407 text-align: start; 408 margin-block-end: 0; 409 } 410`,x=t.styled.div.withConfig({displayName:"Footer__FooterLinks",componentId:"sc-883ca9c6-10"})` 411 align-items: center; 412 display: flex; 413 flex-direction: column; 414 width: 100%; 415 416 p { 417 margin: 0; 418 } 419 420 a { 421 color: currentcolor; 422 } 423 424 ${({theme:e})=>e.mq.minWidth.medium} { 425 flex-direction: row; 426 justify-content: space-between; 427 } 428`,$=t.styled.div.withConfig({displayName:"Footer__ShareLinks",componentId:"sc-883ca9c6-11"})` 429 color: ${({theme:e,$theme:i})=>"light"===i?e.colors.blue500:"inherit"}; 430 display: flex; 431 margin-block-start: ${({theme:e})=>e.spacing[2]}; 432 gap: ${({theme:e})=>e.spacing[1.25]}; 433 434 svg { 435 height: 1.125rem; 436 width: 1.125rem; 437 } 438 439 ${({theme:e})=>e.mq.minWidth.medium} { 440 margin-block-start: 0; 441 } 442`,C=t.styled.span.attrs({className:"visually-hidden"}).withConfig({displayName:"Footer__ShareLinkTitle",componentId:"sc-883ca9c6-12"})``,N=new Date().getFullYear();e.s(["CURRENT_YEAR",0,N,"default",0,({theme:e="light"})=>(0,i.jsx)("footer",{children:(0,i.jsxs)(g,{colorScheme:e,children:[(0,i.jsxs)(h,{children:[(0,i.jsxs)(k,{children:[(0,i.jsx)(w,{color:"light"===e?"full":"light"}),(0,i.jsx)("p",{children:"Your complete video marketing platform"})]}),a.map(e=>
442(0,i.jsx)(y,{className:e.name,children:e.groups.map(e=>(0,i.jsxs)(b,{children:[(0,i.jsx)(f,{as:"h6",children:e.heading}),(0,i.jsx)(m,{children:e.links.map(e=>(0,i.jsx)(p,{children:(0,i.jsx)(r.BodyXs,{as:n.default,href:e.href,onClick:()=>(0,c.trackLink)(e.trackingLabel,"footer-nav"),children:e.label})},e.label))})]},e.heading))},e.name))]}),(0,i.jsx)(v,{as:"abbr",title:"Wistia is certified compliant SOC 2® - SOC for Service Organizations",children:"SOC 2 Certified"}),(0,i.jsxs)(x,{children:[(0,i.jsxs)(r.BodyXs,{children:["©2001â",N," All rights reserved."," ",(0,i.jsx)(n.default,{href:"/site-map",onClick:()=>(0,c.trackLink)("site-map","footer-nav"),children:"Site Map"}),","," ",(0,i.jsx)(n.default,{href:"/privacy",onClick:()=>(0,c.trackLink)("privacy","footer-nav"),children:"Privacy"}),", and"," ",(0,i.jsx)(n.default,{href:"/terms",onClick:()=>(0,c.trackLink)("terms-of-service","footer-nav"),children:"Terms"})]}),(0,i.jsxs)($,{$theme:e,children:[(0,i.jsx)("p",{className:"visually-hidden",children:"Follow us on social media!"}),d.map(e=>(0,i.jsxs)(n.default,{href:e.href,title:`Follow us on ${e.label}`,onClick:()=>(0,c.trackLink)(`social-${e.label}`,"footer-social-link"),children:[e.icon,(0,i.jsx)(C,{children:`Follow us on ${e.label}`})]},e.label))]})]})]})})],298024)},457027,e=>{"use strict";var i=e.i(843476),t=e.i(271645),n=e.i(997053),o=e.i(906138),a=e.i(343794),r=e.i(522016),l=e.i(224997);let s=n.styled.p.withConfig({displayName:"menuStyles__PillarCategory",componentId:"sc-5863d7c-0"})` 443 align-items: center; 444 color: ${e=>e.$accentColor}; 445 display: flex; 446 447 /** custom per design */ 448 font-family: var(--font-walsheim); 449 font-size: ${({theme:e})=>e.typography.fontSize.bodySm}; 450 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 451 gap: ${({theme:e})=>e.spacing[.5]}; 452 line-height: ${({theme:e})=>e.typography.lineHeight.headingFive}; 453 margin-block: 0 ${({theme:e})=>e.spacing[.5]}; 454`;var c=e.i(843),d=e.i(86274);let p=(0,n.styled)(r.default).withConfig({displayName:"Menu__MenuLink",componentId:"sc-a64f0662-0"})` 455 && { 456 align-items: center; 457 color: ${({theme:e})=>e.colors.grey800}; 458 display: inline-flex; 459 460 /** custom per design */ 461 font-family: var(--font-walsheim); 462 font-size: ${({theme:e})=>e.typography.fontSize.bodySm}; 463 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 464 height: 100%; 465 line-height: ${({theme:e})=>e.typography.lineHeight.body}; 466 padding-inline: ${({theme:e})=>e.spacing[.5]}; // total 16px between anchors 467 468 transition: color ${o.TRANSITION_DURATION} linear; 469 width: 100%; 470 471 &:hover, 472 &:active { 473 color: ${e=>e.$accentColor}; 474 } 475 } 476 477 ${({theme:e})=>e.mq.minWidth.xl} { 478 && { 479 padding-inline: ${({theme:e})=>e.spacing[.75]}; 480 } 481 } 482`,g=(0,n.styled)(l.Icon).withConfig({displayName:"Menu__MenuIcon",componentId:"sc-a64f0662-1"})` 483 color: currentcolor; 484 485 /** custom per design */ 486 margin-inline-start: 0.375rem; 487 transition: transform ${o.TRANSITION_DURATION} linear; 488 489 .isOpen & { 490 /** matches Legacy */ 491 transform: rotateX(180deg) translateY(1px); 492 } 493`,h=n.styled.span.withConfig({displayName:"Menu__LabelLong",componentId:"sc-a64f0662-2"})` 494 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) and (max-width: ${o.BREAKPOINT_FULL}) { 495 display: none; 496 } 497`,m=n.styled.span.withConfig({displayName:"Menu__LabelShort",componentId:"sc-a64f0662-3"})` 498 display: none; 499 500 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) and (max-width: ${o.BREAKPOINT_FULL}) { 501 display: inline; 502 } 503`,u=n.styled.div.withConfig({displayName:"Menu__MenuNav",componentId:"sc-a64f0662-4"})` 504 column-gap: ${({theme:e})=>e.spacing[1.5]}; 505 display: grid; 506 grid-template-columns: repeat(4, 1fr); 507 grid-template-rows: repeat(2, min-content); 508 margin-inline: auto; 509 max-width: ${({theme:e})=>e.breakpoints.xl}; 510 /** custom per design: Space06 (24px) block padding */ 511 padding-block: ${({theme:e})=>e.spacing[1.5]}; 512 513 /** 514 * inline paddings need to match <Nav /> 515 * custom per design 516 */ 517 padding-inline: ${({theme:e})=>e.spacing[1.5]}; 518 519 @media screen and (min-width: ${o.BREAKPOINT_FULL}) { 520 /** custom per design */ 521 padding-inline: 1.875rem; 522 } 523 ${({theme:e})=>e.mq.minWidth.large} { 524 padding-inline: ${({theme:e})=>e.grid.margin.large}; 525 } 526`,f=(0,n.styled)(c.default).withConfig({displayName:"Menu__MenuCta",componentId:"sc-a64f0662-5"})` 527 /** custom per design: white pill on the blue100 dropdown */ 528 background-color: ${({theme:e})=>e.colors.white}; 529 border-radius: ${({theme:e})=>
529e.radius.btn}; 530 color: ${e=>e.$accentColor}; 531 font-family: var(--font-walsheim); 532 font-size: ${({theme:e})=>e.typography.fontSize.headingFour}; 533 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 534 grid-column: 1 / span 4; 535 margin-block-start: ${({theme:e})=>e.spacing[1.5]}; 536 padding-block: ${({theme:e})=>e.spacing[.75]}; 537 text-align: center; 538 539 &:hover, 540 &:active { 541 color: ${e=>e.$accentColor}; 542 } 543 544 &:visited { 545 color: ${e=>e.$accentColor}; 546 } 547`,b=n.styled.div.withConfig({displayName:"Menu__MenuContainer",componentId:"sc-a64f0662-6"})` 548 background: ${({theme:e})=>e.colors.blue100}; 549 border-bottom: 1px solid ${({theme:e})=>e.colors.blue200}; 550 box-shadow: inset 0 0 0 0 ${({theme:e})=>e.colors.blue200}; 551 left: 0; 552 overflow: hidden; 553 pointer-events: none; 554 position: absolute; 555 right: 0; 556 top: 100%; 557 transform: translateY(-${({theme:e})=>e.spacing[1]}); 558 transition-delay: 0ms; 559 transition-duration: ${o.TRANSITION_DURATION}; 560 transition-property: transform, box-shadow; 561 transition-timing-function: linear; 562 visibility: hidden; 563 564 &.isOpen { 565 box-shadow: inset 0 1px 0 0 ${({theme:e})=>e.colors.blue200}; 566 pointer-events: auto; 567 transform: translateY(0); 568 transition-delay: 0ms, calc(${o.TRANSITION_DURATION} / 2); 569 visibility: visible; 570 } 571`,y=n.styled.div.withConfig({displayName:"Menu__PillarGroup",componentId:"sc-a64f0662-7"})` 572 grid-row: 1 / 3; 573 574 &.analytics { 575 grid-row: 1 / 2; 576 } 577 578 &.integrations { 579 grid-row: 2 / 3; 580 } 581 582 &.marketing-automation { 583 grid-column: span 4; 584 585 display: flex; 586 flex-wrap: wrap; 587 justify-content: space-between; 588 589 /* Display the "Connect your tools" PillarCategory above PillarLinks/tertiary links */ 590 ${s} { 591 flex: 0 0 100%; 592 } 593 } 594`,k=(0,n.styled)(r.default).withConfig({displayName:"Menu__PillarLink",componentId:"sc-a64f0662-8"})` 595 align-items: flex-start; 596 color: ${({theme:e})=>e.colors.blue700}; 597 display: flex; 598 flex-direction: column; 599 600 /** custom per design */ 601 font-family: var(--font-walsheim); 602 font-size: ${({theme:e})=>e.typography.fontSize.bodySm}; 603 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 604 gap: 2px; 605 line-height: ${({theme:e})=>e.typography.lineHeight.headingFive}; 606 padding-block: ${({theme:e})=>e.spacing[.5]}; 607 transition: 608 color ${o.TRANSITION_DURATION} linear, 609 background-color ${o.TRANSITION_DURATION} linear; 610 611 @media screen and (min-width: ${o.BREAKPOINT_FULL}) { 612 /** custom per design */ 613 border-radius: ${({theme:e})=>e.radius.mini}; 614 padding-inline: ${({theme:e})=>e.spacing[1.5]}; 615 } 616 617 span { 618 color: ${({theme:e})=>e.colors.grey600}; 619 font-family: var(--font-inter); 620 /** custom per design: Inter 10px â below the DVD token scale, no bodyXxs token exists */ 621 font-size: 10px; 622 font-weight: ${({theme:e})=>e.typography.fontWeight.body}; 623 line-height: ${({theme:e})=>e.typography.lineHeight.body}; 624 transition: color ${o.TRANSITION_DURATION} linear; 625 } 626 627 &:hover, 628 &:focus { 629 /** custom per design: white hover fill on the blue100 dropdown */ 630 background-color: ${({theme:e})=>e.colors.white}; 631 color: ${e=>e.$accentColor}; 632 633 span { 634 color: ${({theme:e})=>e.colors.grey700}; 635 } 636 } 637`,w=({menu:e})=>{let[n,o]=(0,t.useState)(!1),r=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=e=>{n&&r.current&&!r.current.contains(e.target)&&o(!1)};return document.addEventListener("touchstart",e),()=>{document.removeEventListener("touchstart",e)}},[n]);let c=()=>{o(!0)},w=()=>{o(!1)},v=(e,i,t)=>{(0,d.trackLink)(i,t),w()};return(0,i.jsx)("li",{ref:r,onMouseEnter:c,onMouseLeave:w,children:e.tertiaryNav?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(p,{$accentColor:e.accentColor,"aria-expanded":n,"aria-haspopup":"menu",className:(0,a.default)(e.id,n&&"isOpen"),href:e.href,onClick:i=>v(i,e.trackingLabel,e.trackingProperty),onFocus:c,onTouchEnd:e=>{e.preventDefault(),o(e=>!e)},role:"button",title:e.shortLabel?e.label:null,children:[e.shortLabel?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(h,{children:e.label}),(0,i.jsx)(m,{children:e.shortLabel})]}):e.label,(0,i.jsx)(g,{"aria-hidden":"true",role:"img",size:"sm",type:"caret-down"})]}),(0,i.jsx)(b,{className:n?"isOpen":null,children:(0,i.jsxs)(u,{className:e.id,children:[e.tertiaryNav.map(t=>(0,i.jsxs)(y,{className:t.id,children:[(0,i.jsxs)(s,{$accentColor:e.accentColor,children:[t.icon?(0,i.jsx)(l.Icon,{size:"md",type:t.icon}):null,t.label]}),t.children?t.children.map(t=>(0,i.jsxs)(k,{$accentColor:e.accentColor,href:t.href,onClick:e=>v(e,t.trackingLabel,t.trackingProperty),children:[t.name,(0,i.jsx)("span",{children:t.description})]},t.name)):null]},t.id)),e.cta?(0,i.jsx)(f,{$accentColor:e.accentColor,cta:{href:e.cta.buttonUrl,text:e.cta.buttonText,trackingLabel:e.cta.trackingLabel,trackingProperty:e.cta.trackingProperty},onClick:w}):null]})})]}):(0,i.jsx)(p,{$accentColor:e.accentColor,className:e.id,href:e.href,onClick:i=>v(i,e.trackingLabel,e.trackingProperty),title:e.shortLabel?e.label:null,children:e.shortLabel?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(h,{children:e.label}),(0,i.jsx)(m,{children:e.shortLabel})]}):e.label})})};var v=e.i(685149);let x=(0,n.styled)(r.default).withConfig({displayName:"SalesCta__CtaLink",componentId:"sc-6a78a09c-0"})` 638 color: ${({theme:e})=>e.colors.blue800}; 639 640 /** custom per design: H4/Mobile in the drawer, bodySm in the navbar */ 641 font-family: var(--font-walsheim); 642 font-size: ${({theme:e})=>e.typography.fontSize.headingFour}; 643 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 644 line-height: ${({theme:e})=>e.typography.lineHeight.button}; 645 padding-block: ${({theme:e})=>e.spacing[.75]}; 646 padding-inline: ${({theme:e})=>e.spacing[1.25]}; 647 text-align: center; 648 transition: color ${o.TRANSITION_DURATION} linear; 649 white-space: nowrap; 650 width: 100%; 651 652 &:hover, 653 &:active { 654 color: ${({theme:e})=>e.colors.blue500}; 655 } 656 657 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) { 658 font-size: ${({theme:e})=>e.typography.fontSize.bodySm}; 659 } 660 661 @media screen and (min-width: ${o.BREAKPOINT_FULL}) { 662 margin-inline-end: ${({theme:e})=>e.spacing[.25]}; 663 padding: ${({theme:e})=>e.spacing[.5]}; 664 } 665 666 // for a total of 20px between link & ctas 667 ${({theme:e})=>e.mq.minWidth.xl} { 668 margin-inline-end: ${({theme:e})=>e.spacing[.75]}; 669 } 670`,$=()=>(0,i.jsx)(x,{className:"sales",href:`${v.WISTIA_GIT}?cta=nav`,onClick:()=>{(0,d.trackLink)("talk-to-sales-nav","navbar-cta")},children:"Talk to Sales"});
670var C=e.i(555981);let N=n.styled.ul.withConfig({displayName:"Navbar__Menus",componentId:"sc-c33dcd9b-0"})` 671 display: none; 672 673 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) { 674 align-self: stretch; 675 display: grid; 676 grid-auto-flow: column; 677 list-style: none; 678 margin: 0; 679 padding-inline-start: 0.5rem; 680 } 681`,_=n.styled.div.withConfig({displayName:"Navbar__CtaWrapper",componentId:"sc-c33dcd9b-1"})` 682 display: none; 683 684 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) { 685 align-items: center; 686 display: flex; 687 margin-inline-start: auto; 688 width: max-content; 689 } 690`,L=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(N,{children:o.MENU_DATA.map(e=>(0,i.jsx)(w,{menu:e},e.id))}),(0,i.jsxs)(_,{children:[(0,i.jsx)($,{}),(0,i.jsx)(C.default,{})]})]}),I=(0,n.styled)(r.default).withConfig({displayName:"MobileMenu__MenuLink",componentId:"sc-71cbd675-0"})` 691 && { 692 align-items: center; 693 color: ${({theme:e})=>e.colors.grey800}; 694 display: inline-flex; 695 696 /** custom per design */ 697 font-family: var(--font-walsheim); 698 font-size: ${({theme:e})=>e.typography.fontSize.headingFour}; 699 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 700 line-height: ${({theme:e})=>e.typography.lineHeight.headingFour}; 701 padding-block: ${({theme:e})=>e.spacing[.75]}; 702 transition: color ${o.TRANSITION_DURATION} linear; 703 width: 100%; 704 705 &:hover, 706 &:active { 707 color: ${e=>e.$accentColor}; 708 } 709 } 710`,T=(0,n.styled)(l.Icon).withConfig({displayName:"MobileMenu__MenuIcon",componentId:"sc-71cbd675-1"})` 711 color: currentcolor; 712 713 /** customer per design */ 714 margin-inline-start: 0.375rem; 715 transition: transform ${o.TRANSITION_DURATION} linear; 716 717 .isActive & { 718 /** matches Legacy */ 719 transform: rotateX(180deg) translateY(1px); 720 } 721`,j=n.styled.div.withConfig({displayName:"MobileMenu__MenuContainer",componentId:"sc-71cbd675-2"})` 722 height: 0; 723 overflow: hidden; 724 pointer-events: none; 725 visibility: hidden; 726 727 &.isOpen { 728 height: min-content; 729 overflow: visible; 730 pointer-events: auto; 731 visibility: visible; 732 } 733`,S=n.styled.div.withConfig({displayName:"MobileMenu__MenuNav",componentId:"sc-71cbd675-3"})` 734 display: flex; 735 flex-direction: column; 736 padding-block: ${({theme:e})=>e.spacing[.75]} 737 ${({theme:e})=>e.spacing[1.5]}; 738 padding-inline: 2px; 739 row-gap: ${({theme:e})=>e.spacing[.75]}; 740`,A=(0,n.styled)(c.default).withConfig({displayName:"MobileMenu__MenuCta",componentId:"sc-71cbd675-4"})` 741 /** custom per design: white pill on the blue100 drawer */ 742 background-color: ${({theme:e})=>e.colors.white}; 743 border-radius: ${({theme:e})=>e.radius.btn}; 744 color: ${e=>e.$accentColor}; 745 font-family: var(--font-walsheim); 746 font-size: ${({theme:e})=>e.typography.fontSize.headingFour}; 747 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 748 /** custom per design: Space05 (20px) space above/below the button â 8px margin 749 * stacks with the 12px drawer padding-top and 12px row-gap; not internal padding */ 750 margin-block: ${({theme:e})=>e.spacing[.5]}; 751 padding-block: ${({theme:e})=>e.spacing[.75]}; 752 text-align: center; 753 754 &:hover, 755 &:active { 756 color: ${e=>e.$accentColor}; 757 } 758 759 &:visited { 760 color: ${e=>e.$accentColor}; 761 } 762`,R=n.styled.div.withConfig({displayName:"MobileMenu__PillarGroup",componentId:"sc-71cbd675-5"})``,O=(0,n.styled)(r.default).withConfig({displayName:"MobileMenu__PillarLink",componentId:"sc-71cbd675-6"})` 763 /** custom per design */ 764 align-items: flex-start; 765 border-radius: ${({theme:e})=>e.radius.mini}; 766 color: ${({theme:e})=>e.colors.blue700}; 767 display: flex; 768 flex-direction: column; 769 font-family: var(--font-walsheim); 770 font-size: ${({theme:e})=>e.typography.fontSize.headingFour}; 771 font-weight: ${({theme:e})=>e.typography.fontWeight.link}; 772 773 /** custom per design */ 774 gap: ${({theme:e})=>e.spacing[.25]}; 775 line-height: ${({theme:e})=>e.typography.lineHeight.headingFour}; 776 padding-block: ${({theme:e})=>e.spacing[.25]}; 777 transition: 778 color ${o.TRANSITION_DURATION} linear, 779 background-color ${o.TRANSITION_DURATION} linear; 780 781 span { 782 color: ${({theme:e})=>e.colors.grey600}; 783 font-family: var(--font-inter); 784 font-size: ${({theme:e})=>e.typography.fontSize.bodyXs}; 785 786 /** custom per design */ 787 font-weight: ${({theme:e})=>e.typography.fontWeight.body}; 788 line-height: ${({theme:e})=>e.typography.lineHeight.body}; 789 transition: color ${o.TRANSITION_DURATION} linear; 790 } 791 792 &:hover, 793 &:focus { 794 color: ${e=>e.$accentColor}; 795 796 span { 797 color: ${({theme:e})=>e.colors.grey700}; 798 } 799 } 800`,M=({menu:e,onMenuClick:n})=>{let[o,r]=(0,t.useState)(!1),c=()=>{r(!1),n()},p=(e,i,t)=>{(0,d.trackLink)(i,t),c()};return(0,i.jsx)("li",{children:e.tertiaryNav?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(I,{$accentColor:e.accentColor,"aria-expanded":o,"aria-haspopup":"menu",className:(0,a.default)(e.id,o&&"isActive"),href:e.href,onClick:e=>{e.preventDefault(),r(e=>!e)},role:"button",children:[e.label,(0,i.jsx)(T,{"aria-hidden":"true",role:"img",size:"sm",type:"caret-down"})]}),(0,i.jsx)(j,{className:o?"isOpen":null,children:(0,i.jsxs)(S,{className:e.id,children:[e.cta?(0,i.jsx)(A,{$accentColor:e.accentColor,cta:{href:e.cta.buttonUrl,text:e.cta.buttonText,trackingLabel:e.cta.trackingLabel,trackingProperty:e.cta.trackingProperty},onClick:c}
800):null,e.tertiaryNav.map(t=>(0,i.jsxs)(R,{className:t.id,children:[(0,i.jsxs)(s,{$accentColor:e.accentColor,children:[t.icon?(0,i.jsx)(l.Icon,{size:"md",type:t.icon}):null,t.label]}),t.children?t.children.map(t=>(0,i.jsxs)(O,{$accentColor:e.accentColor,href:t.href,onClick:i=>p(i,e.trackingLabel,e.trackingProperty),children:[t.name,(0,i.jsx)("span",{children:t.description})]},t.name)):null]},t.id))]})})]}):(0,i.jsx)(I,{$accentColor:e.accentColor,className:e.id,href:e.href,onClick:i=>p(i,e.trackingLabel,e.trackingProperty),children:e.label})})};var W=e.i(568755);let F=(0,n.styled)(r.default).withConfig({displayName:"NavbarLogo__LogoLink",componentId:"sc-25ceab9b-0"})` 801 align-self: center; 802 display: block; 803`,z=(0,n.styled)(W.default).withConfig({displayName:"NavbarLogo__Logo",componentId:"sc-25ceab9b-1"})` 804 /** custom per design */ 805 height: 20px; 806 807 margin-inline-end: ${({theme:e})=>e.spacing[.5]}; 808 809 &.mark { 810 display: none; 811 } 812 813 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) and (max-width: ${o.BREAKPOINT_LOGO}) { 814 &.mark { 815 display: initial; 816 } 817 818 &.full { 819 display: none; 820 } 821 } 822`,P=({onLogoClick:e})=>(0,i.jsxs)(F,{"aria-label":"Wistia homepage",className:"NavbarLogo",href:"/",onClick:()=>{e()},tabIndex:0,children:[(0,i.jsx)(z,{className:"full",isOptical:!0}),(0,i.jsx)(z,{className:"mark",iconOnly:!0,isOptical:!0})]}),H=n.createGlobalStyle` 823 html { 824 overflow: hidden; 825 } 826`,E=n.styled.button.withConfig({displayName:"MobileNavbar__NavButton",componentId:"sc-ad4813d7-0"})` 827 background: none; 828 border: unset; 829 color: ${({theme:e})=>e.colors.grey600}; 830 cursor: pointer; 831 margin-inline-start: auto; 832 // iOS Safari can trigger a slight movement of fixed elements. Force hardware acceleration with the following: 833 transform: translateZ(0); 834 will-change: transform; 835 836 &:hover, 837 &:active { 838 color: var(--global-hover-color); 839 } 840 841 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) { 842 display: none; 843 } 844`,B=n.styled.div.withConfig({displayName:"MobileNavbar__NavBar",componentId:"sc-ad4813d7-1"})` 845 background: ${({theme:e})=>e.colors.blue100}; 846 bottom: 0; 847 box-shadow: inset 0 1px 0 0 ${({theme:e})=>e.colors.blue200}; 848 display: flex; 849 flex-direction: column; 850 justify-content: space-between; 851 overflow-y: scroll; 852 853 /** custom per design */ 854 padding: 1.875rem; 855 padding-block-start: 0; 856 position: fixed; 857 right: 0; 858 top: ${v.MOBILE_NAVBAR_OFFSET_DEFAULT}px; 859 transform: translateX(100%); 860 transition: transform ${o.TRANSITION_DURATION} linear; 861 862 &.isOpen { 863 transform: translateX(0); 864 } 865 866 @media screen and (min-width: ${o.BREAKPOINT_DRAWER}) { 867 display: none; 868 } 869`,D=n.styled.ul.withConfig({displayName:"MobileNavbar__Menus",componentId:"sc-ad4813d7-2"})` 870 align-self: stretch; 871 display: grid; 872 list-style: none; 873 margin: 0; 874 padding: 0; 875 876 /** custom per design: with the first linkâs own 12px padding, Space06 (24px) 877 * above Product */ 878 padding-block-start: ${({theme:e})=>e.spacing[.75]}; 879`,V=n.styled.div.withConfig({displayName:"MobileNavbar__CtaWrapper",componentId:"sc-ad4813d7-3"})` 880 align-items: center; 881 display: grid; 882 gap: ${({theme:e})=>e.spacing[1]}; 883 justify-items: center; 884 width: 100%; 885`,U=({navRef:e})=>{let[n,a]=(0,t.useState)(!1),r=n?"close":"menu",s=()=>{!n&&e.current&&window.scrollBy({top:e.current.getBoundingClientRect().top,behavior:"instant"}),a(!n)},c=()=>{n&&a(!1)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(P,{onLogoClick:c}),(0,i.jsx)(E,{"aria-label":"navigation menu",onClick:s,tabIndex:0,type:"button",children:(0,i.jsx)(l.Icon,{size:"lg",type:r})}),(0,i.jsxs)(B,{className:n?"isOpen":null,children:[n?(0,i.jsx)(H,{}):null,(0,i.jsx)(D,{children:o.MENU_DATA.map(e=>(0,i.jsx)(M,{menu:e,onMenuClick:s},e.id))}),(0,i.jsxs)(V,{children:[(0,i.jsx)($,{}),(0,i.jsx)(C.default,{handleCloseDrawer:c})]})]})]})},q=n.styled.div.withConfig({displayName:"Navigation__NavContainer",componentId:"sc-a3701bb2-0"})` 886 background: ${({theme:e})=>e.colors.blue100}; 887 box-shadow: 0 1px 0 0 ${({theme:e})=>e.colors.blue200}; 888 display: flex; 889 min-height: ${({theme:e})=>e.spacing[3.75]}; 890 position: relative; 891 z-index: 999; 892 893 @media screen and (min-height: ${({theme:e})=>e.breakpoints.small}) { 894 left: 0; 895 position: sticky; 896 right: 0; 897 top: 0; 898 } 899`,G=n.styled.nav.withConfig({displayName:"Navigation__Nav",componentId:"sc-a3701bb2-1"})` 900 align-items: center; 901 display: flex; 902 flex: 1 1; 903 margin-inline: auto; 904 max-width: ${({theme:e})=>e.breakpoints.xl}; 905 906 /** custom per design */ 907 padding-inline: 30px; 908 909 /** 910 * with the addition of Integrations, we need to delay the L/R alignment of 911 * the navigation with the Section components just a little bit 912 * to avoid word wrapping in "Learning Center" and "Talk to Sales"
913 */ 914 @media screen and (min-width: 1048px) { 915 padding-inline: ${({theme:e})=>e.grid.margin.large}; 916 } 917`;e.s(["default",0,()=>{let e=(0,t.useRef)(null);return(0,i.jsx)(q,{ref:e,children:(0,i.jsxs)(G,{"aria-label":"Wistia main menu",children:[(0,i.jsx)(U,{navRef:e}),(0,i.jsx)(L,{})]})})}],457027)}]); 918 919//# debugId=b5db905c-3d5e-9ad8-8b03-bbb3ce0d0f5c 920//# sourceMappingURL=2rk8z-f98n_fl.js.map
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.