(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11699],{25632:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});var n=s(87687),o=s(78262);let r=function(e){return(0,n.jsx)(o.A,{...e,layout:!1,padding:0,style:{backgroundColor:"white"}})}},46918:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>c});var n=s(87687),o=s(31928),r=s(39097),i=s(74263),a=s(25632);let l=(0,o.I)("div")({name:"OuterWrapper",class:"ovauta5",propsAsIs:!1}),p=(0,o.I)("div")({name:"Wrapper",class:"w1hwfiwi",propsAsIs:!1}),c=function(){return(0,n.jsx)(r.Ay,{id:"px-rem-comp-demo",initialValues:{fontSize:100,unit:"rem"},outputWrapper:a.A,controls:[(0,n.jsx)(r.oP,{id:"fontSize",label:"Default font size",min:80,max:200,previewRenderer:e=>"".concat(e,"%")},"fontSize"),(0,n.jsx)(r.wI,{id:"unit",label:"Font unit",options:["rem","px"]},"unit")],controlPosition:"top",children:e=>{let{fontSize:t,unit:s}=e;return(0,n.jsxs)(l,{children:[(0,n.jsx)(p,{style:{fontSize:"px"===s?"1rem":t/100+"rem"},children:(0,n.jsx)("p",{children:"This is a paragraph with some words and things."})}),(0,n.jsx)(i.A,{code:function(e){let{unit:t}=e;return"\np {\n  font-size: ".concat("px"===t?"16px":"1rem",";\n}")}({unit:s}),minCodeHeight:"7.875rem"})]})}})};s(20140)},74263:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var n=s(87687),o=s(52751),r=s(31928),i=s(51311),a=s(17503);let l=(0,r.I)("div")({name:"CodeWrapper",class:"c93kv52",propsAsIs:!1}),p=(0,r.I)(a.A)({name:"StyledSpinner",class:"scev1do",propsAsIs:!0}),c=function(e){let{code:t,minCodeHeight:s}=e,[r,a]=o.useState(!1);return(0,n.jsxs)(l,{style:{"--min-code-height":s},children:[!r&&(0,n.jsx)(p,{}),(0,n.jsx)(i.default,{lockedToColorMode:"light",omitCopyButton:!0,onMount:()=>a(!0),code:t,lang:"css"})]})};s(15603)},20140:e=>{e.exports={ovauta5:"ovauta5",w1hwfiwi:"w1hwfiwi"}},15603:e=>{e.exports={c93kv52:"c93kv52",scev1do:"scev1do"}}}]);
//# sourceMappingURL=11699.1c03f09e84c24e35.js.map