import{m as a,g as o,G as r}from"./index-Csef3-wA.js";const t=o.secondary.orange,s=a((i,n,e)=>({root:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:10,paddingBottom:24,position:"relative",[i.breakpoints.down("md")]:{flexWrap:"nowrap",paddingBottom:8}},preset:{padding:0,border:`2px solid ${o.gray.normal}`,borderRadius:8,backgroundColor:o.white,width:80,height:80,flexShrink:0,...r.centerFlexI,transition:r.transition(),"&:hover":{borderColor:o.gray.dark},[`&:active, &.${e.selected}`]:{borderColor:t},"& > span":{display:"inline-block",flexShrink:0,borderRadius:4,width:56,height:"100%"},"& > span + span":{marginLeft:5},[i.breakpoints.down("md")]:{width:60,height:60}},selected:{},qrBackground:{width:56,height:56,overflow:"hidden",borderRadius:4,"& > svg":{minHeight:80,minWidth:80,margin:"-12px auto auto -12px"},[i.breakpoints.down("md")]:{"& > svg":{minHeight:60,minWidth:60,margin:"-2px auto auto -2px"}}},controlsArrow:{position:"absolute",bottom:5,width:0,height:13,borderLeft:`2px solid ${t}`,transition:r.transition("left")}}),"FormikFields-QRSelector-Shape");export{s as u};