{"version":3,"file":"ProblemCard.Dq4pXEzw.mjs","names":[],"sources":["https:/framerusercontent.com/modules/9GhDFoZka8EkwEMGyQed/v5R5wuxf0cVVCU8BmJ4l/ProblemCard.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const CSS=`\n.dv-pc{\n  --brand-purple:#5235EF;--ink-strong:#1C1E24;--ink-mid:#424242;--ink-faint:#6B6B6B;\n  --line:#E5E5E5;--line-tint:var(--line);--fig-panel:#F3F2FC;\n  --fig-line:#DEDCE9;--fig-line-firm:#B9B6C8;--fig-ring:#C6C3D6;--fig-ink:#5D5A6B;\n  --font:\"Noto Sans JP\",-apple-system,BlinkMacSystemFont,\"Hiragino Sans\",sans-serif;\n  --font-mono:\"JetBrains Mono\",\"SF Mono\",ui-monospace,Menlo,Consolas,monospace;\n  font-family:var(--font);color:var(--ink-strong);line-height:1.8;\n  line-break:strict;word-break:normal;overflow-wrap:break-word;\n  -webkit-font-smoothing:antialiased;\n  background:#fff;border:1px solid var(--ink-faint);border-radius:16px;\n  padding:28px 26px;display:flex;flex-direction:column;overflow:hidden;\n  width:100%;height:100%;box-sizing:border-box;\n}\n.dv-pc *{box-sizing:border-box}\n.dv-pc .num{font-family:var(--font-mono);font-size:12px;color:var(--brand-purple);\n  font-weight:700;letter-spacing:.06em;margin:0 0 12px}\n.dv-pc h3{font-size:17px;letter-spacing:-.03em;line-height:1.6;margin:0 0 8px;\n  font-weight:700;text-wrap:pretty;word-break:auto-phrase}\n.dv-pc .body{font-size:15px;color:var(--ink-mid);line-height:1.9;margin:0;text-wrap:pretty}\n.dv-pc .card-fig{margin:20px -26px -28px;margin-top:auto;padding:14px 10px;\n  background:var(--fig-panel);border-top:1px solid var(--line-tint);\n  border-radius:0 0 15px 15px}\n.dv-pc .handoff{display:flex;align-items:center;font-size:11.5px;line-height:1;margin:0}\n.dv-pc .ho-chip{flex:0 0 auto;background:#fff;border:1px solid var(--fig-line);\n  border-radius:8px;padding:6px 9px;color:var(--fig-ink);white-space:nowrap}\n.dv-pc .ho-chip-soft{border-style:dashed;border-color:var(--fig-ring);background:transparent}\n.dv-pc .ho-solid{flex:1.4 1 auto;min-width:16px;height:2px;border-radius:1px;\n  background:var(--fig-line-firm);position:relative}\n.dv-pc .ho-dash{flex:1 1 auto;min-width:14px;height:0;\n  border-top:1.5px dashed var(--fig-ring)}\n.dv-pc .ho-cut{flex:0 0 auto;width:2px;height:13px;border-radius:1px;\n  background:var(--fig-line-firm)}\n.dv-pc .ho-void{flex:0 0 auto;width:13px}\n.dv-pc .ho-dot{position:absolute;top:50%;left:0;width:7px;height:7px;\n  margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--brand-purple);\n  animation:dv-ho-run 5.5s cubic-bezier(.4,0,.2,1) infinite}\n@keyframes dv-ho-run{\n  0%{left:0;opacity:0}\n  10%{left:0;opacity:1}\n  55%,80%{left:100%;opacity:1}\n  92%,100%{left:100%;opacity:0}}\n@media(prefers-reduced-motion:reduce){.dv-pc .ho-dot{animation:none}}\n`;/**\n * @framerIntrinsicWidth 344\n * @framerIntrinsicHeight 300\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ProblemCard(props){const{number=\"01\",title=\"見出し\",content=\"本文\",chipFrom=\"商談\",chipTo=\"引き継ぎ\",delay=0,style}=props;return /*#__PURE__*/_jsxs(\"div\",{className:\"dv-pc\",style:{...style,position:\"relative\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:CSS}}),/*#__PURE__*/_jsx(\"p\",{className:\"num\",children:number}),/*#__PURE__*/_jsx(\"h3\",{children:title}),/*#__PURE__*/_jsx(\"p\",{className:\"body\",children:content}),/*#__PURE__*/_jsx(\"div\",{className:\"card-fig\",children:/*#__PURE__*/_jsxs(\"p\",{className:\"handoff\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"ho-chip\",children:chipFrom}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-solid\",children:/*#__PURE__*/_jsx(\"i\",{className:\"ho-dot\",style:{animationDelay:`${delay}s`}})}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-cut\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-void\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-cut\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-dash\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ho-chip ho-chip-soft\",children:chipTo})]})})]});}addPropertyControls(ProblemCard,{number:{type:ControlType.String,title:\"Number\",defaultValue:\"01\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"見出し\"},content:{type:ControlType.String,title:\"Content\",displayTextArea:true,defaultValue:\"本文\"},chipFrom:{type:ControlType.String,title:\"Chip From\",defaultValue:\"商談\"},chipTo:{type:ControlType.String,title:\"Chip To\",defaultValue:\"引き継ぎ\"},delay:{type:ControlType.Number,title:\"Delay\",defaultValue:0,min:0,max:6,step:.1,unit:\"s\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProblemCard\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"344\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"300\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProblemCard.map"],"mappings":"mKAgDG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,SAAO,KAAK,QAAM,MAAM,UAAQ,KAAK,WAAS,KAAK,SAAO,OAAO,QAAM,EAAE,SAAO,EAAM,OAAoB,EAAM,MAAM,CAAC,UAAU,QAAQ,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,MAAM,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,CAAG,CAAC,CAAC,EAAe,EAAK,IAAI,CAAC,UAAU,MAAM,SAAS,CAAM,CAAC,EAAe,EAAK,KAAK,CAAC,SAAS,CAAK,CAAC,EAAe,EAAK,IAAI,CAAC,UAAU,OAAO,SAAS,CAAO,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,WAAW,SAAsB,EAAM,IAAI,CAAC,UAAU,UAAU,cAAc,OAAO,SAAS,CAAc,EAAK,OAAO,CAAC,UAAU,UAAU,SAAS,CAAQ,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,WAAW,SAAsB,EAAK,IAAI,CAAC,UAAU,SAAS,MAAM,CAAC,eAAe,GAAG,EAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,QAAQ,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,SAAS,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,QAAQ,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,SAAS,CAAC,EAAe,EAAK,OAAO,CAAC,UAAU,uBAAuB,SAAS,CAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBAhD9gC,IAAoD,EAAO,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDg9B,EAAoB,EAAY,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,IAAI,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,gBAAgB,GAAK,aAAa,IAAI,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,IAAI,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,MAAM,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC"}