(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97308],{21934:(s,e,l)=>{"use strict";l.d(e,{ZP:()=>r.default});var r=l(98074)},56073:(s,e,l)=>{"use strict";l.d(e,{Z:()=>r});let r=(0,l(64833).z)("code")({name:"InlineCode",class:"i165vvr1",propsAsIs:!1});l(67787)},97308:(s,e,l)=>{"use strict";l.r(e),l.d(e,{default:()=>u});var r=l(67841),i=l(64833),o=l(55158),t=l(21934),n=l(56073);let a=(0,i.z)("div")({name:"OuterWrapper",class:"o13lndft",propsAsIs:!1}),p=(0,i.z)("div")({name:"Wrapper",class:"w2bt3jb",propsAsIs:!1}),d=(0,i.z)("img")({name:"Jerica",class:"j11yud5z",propsAsIs:!1}),c=(0,i.z)("div")({name:"NoClipSupport",class:"nmdpr4y",propsAsIs:!1}),h=(0,i.z)("img")({name:"FallbackImg",class:"firi9w8",propsAsIs:!1}),u=function(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{children:(0,r.jsxs)(t.ZP,{type:"warning",title:"Unsupported browser detected",children:[(0,r.jsxs)("p",{children:["The browser you’re using doesn’t support the"," ",(0,r.jsx)(n.Z,{children:"overflow: clip"})," declaration."]}),(0,r.jsxs)("p",{children:["Here’s what this demo ",(0,r.jsx)("em",{children:"should"})," look like:"]}),(0,r.jsx)(h,{src:"/images/browser-support/overflow-clip-fallback.png?v=2",width:727,height:467,loading:"lazy"})]})}),(0,r.jsx)(o.ZP,{initialValues:{overflow:"clip"},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr"},controls:[(0,r.jsx)(o.aU,{inline:!0,id:"overflow",label:"overflow-x",options:[{value:"visible",label:"visible (default)",shortLabel:"visible"},"auto","hidden","clip"]},"overflow")],children:s=>{let{overflow:e}=s;return(0,r.jsx)(a,{children:(0,r.jsx)(p,{style:{overflowX:e},children:(0,r.jsx)(d,{src:"/images/josh/josh-happy-light.png",alt:"A 3D representation of Jerica, rendered in a playful clay style"})})})}})]})};l(75033)},75033:s=>{s.exports={o13lndft:"o13lndft",w2bt3jb:"w2bt3jb",j11yud5z:"j11yud5z",nmdpr4y:"nmdpr4y",firi9w8:"firi9w8"}}}]);
//# sourceMappingURL=97308.01afa7741260304e.js.map