1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5441],{10324:(a,e,r)=>{r.d(e,{iS:()=>i,lV:()=>s,mO:()=>n,np:()=>o});var t=r(45448);let o=(0,t.g)("div",{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gridGap:"32px","@media (max-width: 950px)":{padding:"0"},"> div":{width:"100%",maxWidth:"400px",marginLeft:"auto",marginRight:"auto"}}),i=(0,t.g)("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-around",height:"475px",padding:"12px 0px"}),n=(0,t.g)("div",{margin:"30px 0px","@media (min-width: 1100px)":{position:"relative",maxWidth:"1000px",width:"calc(100% + 300px)",margin:"30px -150px"}}),s=(0,t.g)("form",{margin:"20px 0",width:"70%",zIndex:"1",display:"flex",flexDirection:"column",justifyContent:"space-around",fontSize:"14px",select:{border:"1px solid var(--accent)",boxShadow:"none",backgroundColor:"var(--emphasis)",color:"var(--accent)",height:"30px",borderRadius:"var(--border-radius-0)",padding:"5px"}})},23116:(a,e,r)=>{r.d(e,{a:()=>i}),r(16466);var t=r(9642),o=r(67002),i=a=>{let{children:e,...r}=a;return(0,o.jsx)(t.c,{...r,as:"label",css:{display:"inline-block",cursor:"pointer",userSelect:"none",marginRight:"8px",letterSpacing:"0px",verticalAlign:"top"},variant:"secondary",size:"1",weight:"3",children:e})}},59308:(a,e,r)=>{r.d(e,{a:()=>u});var t=r(16466),o=r(77809),i=r(45448),n=r(67002),s=(0,i.g)(o.a,{position:"relative",variants:{alignSelf:{start:{alignSelf:"start"},center:{alignSelf:"center"},end:{alignSelf:"end"},stretch:{alignSelf:"stretch"},baseline:{alignSelf:"baseline"}},justifySelf:{start:{justifySelf:"start"},center:{justifySelf:"center"},end:{justifySelf:"end"},stretch:{justifySelf:"stretch"},baseline:{justifySelf:"baseline"}},placeSelf:{start:{placeSelf:"start"},center:{placeSelf:"center"},end:{placeSelf:"end"},stretch:{placeSelf:"stretch"},baseline:{placeSelf:"baseline"}}}}),p=(0,i.g)(o.a,{display:"grid",height:"inherit",variants:{align:{start:{alignItems:"start"},center:{alignItems:"center"},end:{alignItems:"end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"start"},center:{justifyContent:"center"},end:{justifyContent:"end"},between:{justifyContent:"space-between"}},flow:{row:{gridAutoFlow:"row"},column:{gridAutoFlow:"column"},dense:{gridAutoFlow:"dense"},rowDense:{gridAutoFlow:"row dense"},columnDense:{gridAutoFlow:"column dense"}},gap:{1:{gap:"var(--space-1)"},2:{gap:"var(--space-2)"},3:{gap:"var(--space-3)"},4:{gap:"var(--space-4)"},5:{gap:"var(--space-5)"},6:{gap:"var(--space-6)"},7:{gap:"var(--space-7)"},8:{gap:"var(--space-8)"},9:{gap:"var(--space-9)"},10:{gap:"var(--space-10)"},11:{gap:"var(--space-11)"},12:{gap:"var(--space-12)"},13:{gap:"var(--space-13)"},14:{gap:"var(--space-14)"},15:{gap:"var(--space-15)"}},gapX:{1:{columnGap:"var(--space-1)"},2:{columnGap:"var(--space-2)"},3:{columnGap:"var(--space-3)"},4:{columnGap:"var(--space-4)"},5:{columnGap:"var(--space-5)"},6:{columnGap:"var(--space-6)"},7:{columnGap:"var(--space-7)"},8:{columnGap:"var(--space-8)"},9:{columnGap:"var(--space-9)"},10:{columnGap:"var(--space-10)"},11:{columnGap:"var(--space-11)"},12:{columnGap:"var(--space-12)"},13:{columnGap:"var(--space-13)"},14:{columnGap:"var(--space-14)"},15:{columnGap:"var(--space-15)"}},gapY:{1:{rowGap:"var(--space-1)"},2:{rowGap:"var(--space-2)"},3:{rowGap:"var(--space-3)"},4:{rowGap:"var(--space-4)"},5:{rowGap:"var(--space-5)"},6:{rowGap:"var(--space-6)"},7:{rowGap:"var(--space-7)"},8:{rowGap:"var(--space-8)"},9:{rowGap:"var(--space-9)"},10:{rowGap:"var(--space-10)"},11:{rowGap:"var(--space-11)"},12:{rowGap:"var(--space-12)"},13:{rowGap:"var(--space-13)"},14:{rowGap:"var(--space-14)"},15:{rowGap:"var(--space-15)"}}},defaultVariants:{align:"stretch",justify:"initial"}}),d=a=>{if(a)return"auto"===a?"auto":`span ${a}/span ${a}`},l=(0,t.forwardRef)((a,e)=>{let{area:r,css:t,children:o,row:i,col:p,colStart:l,colSpan:c,colEnd:u,rowStart:g,rowSpan:v,rowEnd:h,...m}=a;return(0,n.jsx)(s,{css:{gridArea:r,gridColumn:p||d(c),gridRow:i||d(v),gridColumnStart:l,gridColumnEnd:u,gridRowStart:g,gridRowEnd:h,...t},ref:e,...m,children:o})});l.displayName="GridItem";var c=(0,t.forwardRef)((a,e)=>{let{children:r,css:t,autoColumns:o,autoRows:i,templateAreas:s,templateColumns:d,templateRows:l,...c}=a;return(0,n.jsx)(p,{css:{gridAutoColumns:o,gridAutoRows:i,gridTemplateAreas:s,gridTemplateRows:l,gridTemplateColumns:d,...t},...c,ref:e,children:r})});c.displayName="Grid";var u={...c,Item:l}},65441:(a,e,r)=>{r.r(e),r.d(e,{default:()=>g});
1var t=r(67002),o=r(45448),i=r(14699),n=r(59308),s=r(90515),p=r(42475),d=r(16466),l=r(10324);let c=[{id:"1",photo:"\uD83D\uDC36"},{id:"2",photo:"\uD83D\uDC31"},{id:"3",photo:"\uD83D\uDC30"},{id:"4",photo:"\uD83D\uDC2D"},{id:"5",photo:"\uD83D\uDC39"},{id:"6",photo:"\uD83D\uDC37"},{id:"7",photo:"\uD83D\uDC3B"},{id:"8",photo:"\uD83E\uDD81"},{id:"9",photo:"\uD83E\uDD8A"},{id:"10",photo:"\uD83D\uDC27"},{id:"11",photo:"\uD83D\uDC3C"},{id:"12",photo:"\uD83D\uDC2E"}],u=(0,o.g)("div",{background:"linear-gradient(104.01deg, #9bebeb 5.51%, #0fa6e9 98.93%)",width:"48px",height:"48px",userSelect:"none",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"32px",margin:"0 auto"}),g=()=>{let[a,e]=d.useState("1"),[r,o]=d.useState(!1);return(0,t.jsx)(i.a,{depth:1,children:(0,t.jsxs)(l.iS,{children:[(0,t.jsx)(n.a,{as:"ul",css:{height:"250px",width:"100%",padding:"0"},gapX:3,justify:"center",templateColumns:"repeat(4, 48px)",children:c.map(o=>(0,t.jsxs)("li",{style:{listStyle:"none",position:"relative",cursor:"pointer"},onClick:()=>e(o.id),children:[(0,t.jsx)(u,{children:o.photo}),a===o.id&&(0,t.jsx)(p.P.div,{layoutId:r?"border":void 0,style:{position:"absolute",top:"0",borderRadius:"50%",width:"48px",height:"48px",border:"4px solid var(--accent)"}})]},o.id))}),(0,t.jsx)("div",{children:(0,t.jsx)(s.a,{"aria-label":"Use common layout ID",checked:r,id:"layout",label:"Use common layout ID",onChange:()=>o(a=>!a)})})]})})}},90515:(a,e,r)=>{r.d(e,{a:()=>p}),r(16466);var t=r(23116),o=r(63933),i=r(45448),n=r(67002),s=(0,i.g)("input",{WebkitAppearance:"none",MozAppearance:"none",flexShrink:0,height:"24px",width:"24px",outline:"none",display:"inline-block",position:"relative",margin:0,cursor:"pointer",borderRadius:"var(--border-radius-1)",border:"1px solid var(--border-color, var(--input-border))",background:"var(--background, var(--input-background))",boxShadow:"var(--shadow, none)",transition:"background 0.3s, border-color 0.3s, box-shadow 0.2s","--shadow-hover-primary":"0 2px 20px 3px var(--input-focus)","&:after":{content:"",display:"block",position:"absolute",opacity:"var(--opacity, 0)",transition:"transform var(--d-t, 0.3s) var(--d-t-e, ease) var(--d-t-d, 0s), opacity var(--d-o, 0.2s)",width:"6px",height:"10px",border:"2px solid var(--input-background)",borderTop:"0",borderLeft:"0",left:"8px",top:"5px",transform:"rotate(var(--rotation, 20deg))"},"&:checked":{"--background":"var(--input-active)","--border-color":"var(--input-active)","--d-o":"0.3s","--d-t":"0.6s","--d-t-e":"cubic-bezier(0.2, 0.85, 0.32, 1.2)","--d-t-d":"0.1s","--opacity":"1","--rotation":"43deg"},"&:disabled":{"--background":"var(--input-disabled)",cursor:"not-allowed",opacity:"0.4",filter:"grayscale(0.25)","&:checked":{"--border-color":"var(--input-border)"},"& + label":{cursor:"not-allowed"}},"&:hover":{"&:not(:disabled)":{"&:not(:checked)":{"--border-color":"var(--input-active)"},"--shadow":"var(--shadow-hover-primary)"}},"&:focus-visible":{"--border-color":"var(--input-active)","--shadow":"var(--shadow-hover-primary)"}}),p=a=>{let{checked:e,disabled:r,id:i,label:p,...d}=a;return(0,n.jsxs)(o.a,{gap:2,children:[(0,n.jsx)(s,{id:i,type:"checkbox",checked:e,disabled:r,"aria-checked":e,role:"checkbox",...d}),p?(0,n.jsx)(t.a,{htmlFor:i,children:p}):null]})}}}]);
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.