.fr-heading{margin:20px 0 40px}.fr-heading h1{font:clamp(54px,7vw,100px)/1 Anton,sans-serif;margin:16px 0}.fr-heading p{font-size:15px}.fr-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}.fr-reference,.fr-demo{min-width:0}.fr-search{display:flex;align-items:center;border-bottom:2px solid #191d23;padding:10px 0;gap:15px}.fr-search input{border:0;background:transparent;min-width:0;width:100%;padding:10px;color:#191d23}.fr-filters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.fr-filters button{border:1px solid #c8c2b8;border-radius:0;font-size:11px;background:transparent;color:#414141;padding:9px 13px}.fr-filters button.active{color:#fff;background:#191d23;border-color:#191d23}.fr-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fr-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #c8c2b8;background:#f5f2ea;padding:18px;border-radius:0;color:#191d23;min-width:0}.fr-card.active{border-color:#ff7a00;background:#fff0de;box-shadow:inset 4px 0 #ff7a00}.fr-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.fr-card-top b{font:20px Anton,sans-serif;letter-spacing:.03em}.fr-card-top small{font-size:8px}.fr-card>strong{font-size:12px}.fr-card p{font-size:11px;line-height:1.5;font-weight:400;margin:7px 0 13px}.fr-card code{display:block;font:9px Lato,sans-serif;overflow-wrap:anywhere;color:#744215;margin-top:auto}.fr-open{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:20px}.fr-demo{position:sticky;top:100px;background:#fff;padding:24px;border:1px solid #d4cfc5}.fr-demo-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#207347}.fr-mode{display:flex;margin:20px 0 12px}.fr-mode button{width:50%;font-size:11px;border-radius:0;background:#efede7;padding:13px 6px}.fr-mode button[aria-pressed=true]{background:#1b1d20;color:white}.fr-help{font-size:11px;line-height:1.6;margin-bottom:18px}.fr-table-scroll{overflow:auto}.fr-data{border-collapse:collapse;width:100%;min-width:430px;font-size:10px;color:#191d23}.fr-data th,.fr-data td{border:1px solid #d9e0dd;padding:7px 5px}.fr-data thead{background:#edf3ee}.fr-data th{font-size:9px;font-weight:700;white-space:nowrap}.fr-data input{padding:6px 3px;width:100%;min-width:50px;max-width:105px;font-size:11px;background:transparent;border:1px solid transparent;color:#191d23}.fr-data input:focus{border-color:#ff7a00;outline:1px solid #ff7a00}.fr-data [aria-invalid=true]{border-color:#be2e20}.fr-data td:last-child{font-size:11px;font-weight:700}.fr-highlight{background:#fff3e2}.fr-selected{margin:20px 0;padding:20px;background:#17191c;color:#f5f2ea}.fr-selected>span{font:33px Anton,sans-serif;color:#ff7a00;letter-spacing:.03em}.fr-selected h2{font-size:18px;margin:12px 0 8px}.fr-selected p{font-size:12px;color:#b7babc;line-height:1.6}.fr-selected code{display:block;margin:20px 0;font:14px Lato,sans-serif;overflow-wrap:anywhere;color:#fff}.fr-selected #fr-result{font-size:25px;font-weight:900;padding:15px 0;border-top:1px solid #4b4b4b;color:#ff8d2a}.fr-steps{font-size:11px;color:#b9c7be;border-top:1px solid #3e4440;padding-top:13px;line-height:1.6}.fr-selected form label{font-size:12px;display:block;margin-bottom:10px}.fr-selected form>div{display:flex;gap:6px}.fr-selected form input{min-width:0;flex:1;padding:12px;font-size:13px;border:1px solid #737373;background:#2c2d2f;color:#fff}.fr-selected form button{display:flex;align-items:center;gap:8px;font-size:11px;padding:12px}.fr-selected .fr-correct{color:#a9dfb5}.fr-selected .fr-wrong{color:#ffc497}.fr-demo>.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:11px;border-radius:0}.fr-lab-link{display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;padding:20px 0;color:#a34400}.fr-notes{border-top:1px solid #dfdfdf;padding-top:15px;font-size:10px;line-height:1.6;color:#667079}.fr-source{display:flex;gap:8px;align-items:center;font-size:9px;color:#6b757e;margin-top:16px}.fr-layout [hidden]{display:none!important}.fr-layout button:focus-visible{outline:3px solid #ff7a00;outline-offset:3px}.fr-reference-link{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#181b1e;color:#fff;padding:20px;margin-bottom:18px;font-size:12px}.fr-reference-link svg{color:#ff7a00}@media(max-width:1000px){.fr-layout{grid-template-columns:1fr;gap:25px}.fr-demo{position:static;grid-row:1}.fr-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.fr-heading h1{font-size:60px}.fr-heading p{font-size:12px}.fr-list{grid-template-columns:1fr 1fr}.fr-demo{padding:15px}.fr-card{padding:14px}.fr-card-top b{font-size:20px}.fr-card-top small{font-size:7px}.fr-selected{padding:17px}.fr-selected code{font-size:12px}.fr-selected form>div{flex-wrap:wrap}.fr-selected form button{width:100%;justify-content:center}.fr-mode button{font-size:10px}.fr-data input{font-size:12px}.fr-reference-link{font-size:11px;padding:16px}}