#MainContent>.shopify-section:empty{display:none}.ff-quiz .wb{--b: #ffffff;--b-edge: #9a9a9a;--b-ink: var(--ink)}.ff-quiz .yb{--b: var(--yellow);--b-edge: #b88f1e;--b-ink: var(--ink)}.ff-quiz .gb{--b: var(--green);--b-edge: #5f9a4c;--b-ink: var(--ink)}.ff-quiz .bb{--b: var(--ink);--b-edge: var(--ink);--b-ink: var(--white)}.ff-quiz .belt{position:relative;display:inline-block;width:40px;height:26px;flex:none}.ff-quiz .belt:before{content:"";position:absolute;left:0;right:0;top:7px;height:9px;border-radius:3px;background:var(--b);box-shadow:inset 0 0 0 1.5px var(--b-edge)}.ff-quiz .belt i{position:absolute;left:50%;top:3px;width:12px;height:16px;margin-left:-6px;border-radius:3px;background:var(--b);box-shadow:inset 0 0 0 1.5px var(--b-edge)}.ff-quiz .belt:after{content:"";position:absolute;left:50%;top:17px;width:14px;height:9px;margin-left:-7px;background:linear-gradient(100deg,var(--b) 0 38%,transparent 38% 62%,var(--b) 62%);clip-path:polygon(0 0,42% 0,30% 100%,8% 100%,58% 0,100% 0,92% 100%,70% 100%);filter:drop-shadow(0 0 .6px var(--b-edge))}.ff-quiz fieldset{border:0;padding:0;margin:0;min-width:0}.ff-quiz legend{padding:0}.ff-quiz .opt{display:block;font:500 16px/1.4 var(--font);color:var(--ink);text-align:left;background:var(--bg);border:1.5px solid var(--charte-bord);border-radius:var(--r-lg);padding:14px 16px 14px 48px;min-height:52px;cursor:pointer;position:relative}.ff-quiz .opt:before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:var(--r-pill);border:2px solid var(--ink-500);background:var(--bg)}.ff-quiz .opt:has(:checked){border-color:var(--charte-indigo);box-shadow:inset 0 0 0 1px var(--charte-indigo);background:var(--indigo-050)}.ff-quiz .opt:has(:checked):before{border-color:var(--indigo);background:radial-gradient(circle,var(--indigo) 0 45%,var(--bg) 50%)}.ff-quiz .opt:has(:focus-visible){outline:3px solid #ffffff;outline-offset:0;box-shadow:var(--charte-anneau)}.ff-quiz{display:grid;gap:32px}@container site (min-width: 860px){.ff-quiz{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:start}}.ff-quiz .quiz__card{background:var(--bg);border:1px solid var(--charte-line);border-radius:24px;padding:28px;display:grid;gap:18px;min-width:0}@container site (max-width: 520px){.ff-quiz .quiz__card{padding:20px}}.ff-quiz .quiz__prog{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--ink-700);font-variant-numeric:tabular-nums}.ff-quiz .quiz__bar{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.ff-quiz .quiz__bar i{display:block;height:100%;background:var(--charte-vert);border-radius:3px;transition:width .25s ease}.ff-quiz fieldset{display:grid;gap:10px}.ff-quiz legend{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.01em;margin-bottom:8px}.ff-quiz legend:focus{outline:0}.ff-quiz .quiz__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.ff-quiz .quiz__nav .btn[disabled]{opacity:.45;cursor:not-allowed}.ff-quiz .quiz__nav [hidden]{display:none}.ff-quiz .result{display:grid;gap:14px}.ff-quiz .result[hidden]{display:none}.ff-quiz .result__head{display:flex;align-items:center;gap:12px}.ff-quiz .result__head small{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--charte-vert-texte)}.ff-quiz .result__head b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.ff-quiz .result__head b:focus{outline:0}.ff-quiz .result p{font-size:16px;color:var(--ink-700);max-width:62ch}.ff-quiz .result .note{font-size:15px;background:var(--charte-vert-doux);border-radius:var(--r-lg);padding:12px 14px;color:var(--ink)}.ff-quiz .quiz__sans-js{display:none;font-size:16px;font-weight:700}.js .ff-quiz fichly-quiz:not(:defined) fieldset[data-q]:not(:first-of-type){display:none}.no-js .ff-quiz :is(.quiz__prog,.quiz__nav,.result){display:none}.no-js .ff-quiz .quiz__sans-js{display:block}@media(prefers-reduced-motion:reduce){.ff-quiz .quiz__bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/fichly-formations-quiz.css.map */