.ffc{--brand-raw: var(--accent-color, var(--ota-brand, #ed0000));--paper: var(--secondary-background, rgb(var(--color-background, 8 9 11)));--ink: var(--text-color, rgb(var(--color-foreground, 233 235 238)));--heading: var(--heading-color, var(--ink));--card: color-mix(in srgb, var(--paper) 94%, var(--ink) 6%);--sunken: color-mix(in srgb, var(--paper) 88%, var(--ink) 12%);--rule: color-mix(in srgb, var(--ink) 22%, transparent);--rule-soft: color-mix(in srgb, var(--ink) 12%, transparent);--ink-soft: color-mix(in srgb, var(--ink) 68%, transparent);--brand: var(--brand-raw);--brand-hi: color-mix(in srgb, var(--brand) 82%, var(--ink) 18%);--brand-bg: color-mix(in srgb, var(--brand) 9%, var(--paper));--accent: color-mix(in srgb, #b5701c 82%, var(--ink) 18%);--ok: color-mix(in srgb, #3d9068 78%, var(--ink) 22%);--warn-bg: color-mix(in srgb, var(--accent) 12%, var(--paper));--ok-bg: color-mix(in srgb, var(--ok) 12%, var(--paper));--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: var(--text-font-family, var(--font-body-family, "IBM Plex Sans", system-ui, sans-serif));--head: var(--heading-font-family, var(--font-heading-family, var(--sans)));background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:2.5rem clamp(1.25rem,3vw,2.5rem) 4rem}@supports not (color: color-mix(in srgb,red 50%,transparent)){.ffc{--paper:#08090b;--ink:#e9ebee;--heading:#ffffff;--card:#131417;--sunken:#1b1d22;--rule:#34373d;--rule-soft:#25272c;--ink-soft:#9aa1aa;--brand:#ed0000;--brand-hi:#ff4d4d;--brand-bg:#2a0f10;--accent:#d69a4e;--ok:#4fae7f;--warn-bg:#241c10;--ok-bg:#0f2019}}.ffc,.ffc *{box-sizing:border-box}.ffc .ffc-grid>*,.ffc .ffc-kpis>*,.ffc .ffc-reco>*,.ffc .ffc-two-mini>*,.ffc .ffc-prodcards>*{min-width:0}.ffc img,.ffc canvas,.ffc table{max-width:100%}.ffc input,.ffc select,.ffc textarea{max-width:100%;min-width:0}html{scroll-behavior:smooth}.ffc a{color:var(--brand);text-decoration:none}.ffc a:hover{text-decoration:underline}.ffc p{margin:0 0 1rem}.ffc code{font-family:var(--mono);font-size:.85em;background:var(--sunken);padding:.1em .4em;border-radius:2px}.ffc__head{max-width:90rem;margin:0 auto 2.5rem}.ffc__eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .6rem}.ffc h1{color:var(--heading);font-family:var(--head);font-size:clamp(1.9rem,5vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0 0 1rem}.ffc__standfirst{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--ink-soft);max-width:46ch;margin:0}.ffc__section{max-width:90rem;margin-left:auto;margin-right:auto;padding:2.5rem 0;border-top:1px solid var(--rule)}.ffc__section--tint{background:var(--sunken);border:1px solid var(--rule);border-radius:3px;padding:2.5rem clamp(1.25rem,3vw,2.5rem);margin-left:auto;margin-right:auto}.ffc__section--tint>*{max-width:none}.ffc h2{font-family:var(--head);font-size:clamp(1.15rem,2.6vw,1.4rem);font-weight:600;letter-spacing:-.01em;color:var(--heading);margin:0 0 .5rem;display:flex;gap:.85rem;align-items:baseline}.ffc h2 .ffc-no{font-family:var(--mono);font-size:.75rem;font-weight:400;color:var(--accent);letter-spacing:.08em}.ffc h3{font-size:1.02rem;font-weight:600;color:var(--heading);margin:1.9rem 0 .5rem}.ffc .ffc-sec-note{color:var(--ink-soft);font-size:.92rem;margin:0 0 1.4rem}.ffc .ffc-modeswitch{display:inline-flex;gap:.4rem;background:var(--sunken);border:1px solid var(--rule);border-radius:3px;padding:.3rem;margin:0 0 1.6rem;flex-wrap:wrap}.ffc .ffc-modeswitch button{border:0;background:transparent;color:var(--ink-soft);font-family:var(--mono);font-size:.8rem;letter-spacing:.03em;padding:.6rem 1rem;border-radius:2px;cursor:pointer;min-height:40px}.ffc .ffc-modeswitch button.ffc-on{background:var(--brand);color:#fff}.ffc .ffc-group{background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:1.1rem 1.15rem 1.25rem;margin:1rem 0}.ffc .ffc-group>h3{margin:0 0 .2rem;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:.6rem}.ffc .ffc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem;margin-top:.9rem}@media(min-width:780px){.ffc .ffc-group>.ffc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.ffc .ffc-grid{grid-template-columns:1fr}}.ffc .ffc-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.ffc .ffc-field label{font-size:.85rem;color:var(--ink);font-weight:500}.ffc .ffc-field .ffc-u{color:var(--ink-soft);font-weight:400;font-family:var(--mono);font-size:.78em;letter-spacing:.02em}.ffc .ffc-field .ffc-sub{font-size:.76rem;color:var(--ink-soft);margin:0}.ffc input[type=number],.ffc select{width:100%;min-width:0;max-width:100%;padding:.6rem .7rem;background:var(--paper);border:1px solid var(--rule);border-radius:2px;color:var(--ink);font-size:.95rem;font-family:var(--sans);outline:none;transition:border-color .12s;min-height:44px}.ffc input[type=number]:focus,.ffc select:focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}.ffc select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888'><path d='M2 4l4 4 4-4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.ffc .ffc-two-mini{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.ffc .ffc-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.ffc .ffc-chip{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.ffc .ffc-chip input{position:absolute;opacity:0;pointer-events:none}.ffc .ffc-chip span{display:inline-block;padding:.5rem .8rem;border-radius:2px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-size:.85rem;font-weight:500;min-height:40px;display:inline-flex;align-items:center;transition:.12s}.ffc .ffc-chip input:checked+span{border-color:var(--brand);color:var(--brand);background:var(--brand-bg)}.ffc .ffc-chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:1px}.ffc .ffc-toggle{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500}.ffc .ffc-switch{position:relative;width:44px;height:24px;flex:0 0 auto}.ffc .ffc-switch input{opacity:0;width:0;height:0}.ffc .ffc-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);border:1px solid var(--rule);border-radius:999px;transition:.18s;cursor:pointer}.ffc .ffc-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:var(--ink-soft);border-radius:50%;transition:.18s}.ffc .ffc-switch input:checked+.ffc-slider{background:var(--brand-bg);border-color:var(--brand)}.ffc .ffc-switch input:checked+.ffc-slider:before{transform:translate(20px);background:var(--brand)}.ffc details.ffc-opt{margin-top:1rem;border:1px solid var(--rule);border-radius:3px;background:var(--card)}.ffc details.ffc-opt summary{cursor:pointer;list-style:none;font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--ink);padding:.85rem 1rem;min-height:44px;display:flex;align-items:center;justify-content:space-between}.ffc details.ffc-opt summary::-webkit-details-marker{display:none}.ffc details.ffc-opt summary:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1rem}.ffc details.ffc-opt[open] summary:after{content:"\2013"}.ffc details.ffc-opt .ffc-grid{padding:1rem;margin-top:.25rem;border-top:1px solid var(--rule)}.ffc .ffc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:#fff;font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;padding:0 1.4rem;min-height:44px;border-radius:2px;transition:.12s}.ffc .ffc-btn:hover{background:var(--brand-hi);border-color:var(--brand-hi)}.ffc .ffc-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.ffc .ffc-btn.ffc-sec{background:var(--card);color:var(--ink);border-color:var(--rule)}.ffc .ffc-btn.ffc-sec:hover{background:var(--sunken);border-color:var(--brand)}.ffc .ffc-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem;align-items:center}.ffc #results{display:none;scroll-margin-top:16px}.ffc .ffc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}@media(max-width:720px){.ffc .ffc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.ffc .ffc-kpis{grid-template-columns:1fr}}.ffc .ffc-kpi{background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:.9rem}.ffc .ffc-kpi .ffc-l{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.ffc .ffc-kpi .ffc-v{font-family:var(--mono);font-size:1.45rem;font-weight:500;margin-top:.35rem;color:var(--ink);line-height:1.15}.ffc .ffc-kpi .ffc-v small{font-size:.85rem;color:var(--ink-soft);font-weight:400}.ffc .ffc-kpi .ffc-d{font-size:.74rem;color:var(--ink-soft);margin-top:.35rem}.ffc table.ffc-exp{width:100%;border-collapse:collapse;margin-top:.4rem;font-size:.9rem}.ffc table.ffc-exp th,.ffc table.ffc-exp td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--rule-soft)}.ffc table.ffc-exp thead th{font-family:var(--mono);color:var(--ink-soft);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;background:var(--sunken);border-bottom:1px solid var(--rule)}.ffc table.ffc-exp td.ffc-exp-v{font-family:var(--mono);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.ffc .ffc-pill{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.03em;padding:.15rem .5rem;border-radius:2px}.ffc .ffc-pill.ffc-nb{background:var(--sunken);color:var(--ink-soft)}.ffc .ffc-pill.ffc-bb{background:var(--brand-bg);color:var(--brand)}.ffc .ffc-flag{font-family:var(--mono);font-size:.72rem;white-space:nowrap}.ffc .ffc-flag.ffc-ok{color:var(--ok)}.ffc .ffc-flag.ffc-warn{color:var(--accent)}.ffc .ffc-flag.ffc-bad{color:var(--brand)}.ffc .ffc-alerts{display:flex;flex-direction:column;gap:.6rem}.ffc .ffc-alert{display:flex;gap:.75rem;padding:.85rem 1rem;border-radius:2px;font-size:.9rem;align-items:flex-start;border-left:3px solid var(--rule);background:var(--card)}.ffc .ffc-alert .ffc-ic{flex:0 0 auto;font-family:var(--mono);font-weight:500;font-size:.95rem;line-height:1.5}.ffc .ffc-alert.ffc-warn{background:var(--warn-bg);border-left-color:var(--accent)}.ffc .ffc-alert.ffc-warn .ffc-ic{color:var(--accent)}.ffc .ffc-alert.ffc-bad{background:var(--brand-bg);border-left-color:var(--brand)}.ffc .ffc-alert.ffc-bad .ffc-ic{color:var(--brand)}.ffc .ffc-alert.ffc-ok{background:var(--ok-bg);border-left-color:var(--ok)}.ffc .ffc-alert.ffc-ok .ffc-ic{color:var(--ok)}.ffc .ffc-alert.ffc-info{background:var(--sunken);border-left-color:var(--ink-soft)}.ffc .ffc-alert.ffc-info .ffc-ic{color:var(--ink-soft)}.ffc .ffc-alert b{color:var(--ink);font-weight:600}.ffc .ffc-reco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}@media(min-width:780px){.ffc .ffc-reco{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.ffc .ffc-reco{grid-template-columns:1fr}}.ffc .ffc-reco .ffc-box{background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:.95rem}.ffc .ffc-reco .ffc-box h4{margin:0 0 .5rem;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ffc .ffc-reco .ffc-box .ffc-big{font-family:var(--mono);font-size:1.05rem;color:var(--ink);font-weight:500;display:block;margin-bottom:.4rem;line-height:1.25}.ffc .ffc-reco .ffc-box p{margin:0;font-size:.84rem;color:var(--ink-soft)}.ffc .ffc-note{font-size:.82rem;color:var(--ink-soft);background:var(--warn-bg);border-left:3px solid var(--accent);padding:.7rem .9rem;margin-top:1rem}.ffc .ffc-guide p,.ffc .ffc-guide li{color:var(--ink-soft)}.ffc .ffc-guide ul{padding-left:1.2rem}.ffc .ffc-guide li{margin:.4rem 0}.ffc .ffc-guide b,.ffc .ffc-guide strong{color:var(--ink);font-weight:600}.ffc .ffc-guide h3,.ffc .ffc-guide p,.ffc .ffc-guide ul,.ffc .ffc-callout,.ffc .ffc-mono-block{max-width:48rem}.ffc .ffc-faq summary,.ffc .ffc-faq .ffc-a{max-width:52rem}.ffc .ffc-callout{border-left:3px solid var(--accent);background:var(--warn-bg);padding:.9rem 1rem;font-size:.9rem;margin:1rem 0}.ffc .ffc-callout h4{margin:0 0 .4rem;font-size:.95rem;color:var(--ink);font-weight:600}.ffc .ffc-callout p{margin:.4rem 0 0}.ffc table.ffc-g{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.86rem}.ffc table.ffc-g th,.ffc table.ffc-g td{border:1px solid var(--rule);padding:.55rem .75rem;text-align:left;vertical-align:top}.ffc table.ffc-g th{background:var(--sunken);color:var(--ink);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.ffc table.ffc-g td{color:var(--ink-soft)}.ffc .ffc-mono-block{background:var(--sunken);border-left:3px solid var(--rule);padding:.8rem 1rem;font-family:var(--mono);font-size:.82rem;color:var(--ink);overflow-x:auto;margin:1rem 0}.ffc .ffc-prodcards{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}@media(max-width:600px){.ffc .ffc-prodcards{grid-template-columns:1fr}}.ffc .ffc-prodcard{background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:1rem}.ffc .ffc-prodcard h4{margin:0 0 .3rem;font-size:.98rem;color:var(--ink);font-weight:600}.ffc .ffc-prodcard p{font-size:.82rem;color:var(--ink-soft);margin:.4rem 0 .9rem}.ffc .ffc-prodcard a{display:inline-flex;align-items:center;min-height:40px;font-family:var(--mono);font-size:.78rem;letter-spacing:.03em;color:#fff;background:var(--brand);padding:0 .9rem;border-radius:2px;text-decoration:none}.ffc .ffc-prodcard a:hover{background:var(--brand-hi);text-decoration:none}.ffc .ffc-faq details{border-top:1px solid var(--rule);padding:0}.ffc .ffc-faq details:first-of-type{border-top:0}.ffc .ffc-faq summary{cursor:pointer;list-style:none;padding:1.1rem 2rem 1.1rem 0;font-size:1rem;font-weight:600;color:var(--ink);position:relative;min-height:44px;display:flex;align-items:center}.ffc .ffc-faq summary::-webkit-details-marker{display:none}.ffc .ffc-faq summary:after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.1rem;font-weight:400;color:var(--accent)}.ffc .ffc-faq details[open] summary:after{content:"\2013"}.ffc .ffc-faq .ffc-a{padding:0 0 1.2rem;color:var(--ink-soft);font-size:.92rem}.ffc .ffc-faq .ffc-a p:first-child{margin-top:0}.ffc footer.ffc__foot{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--rule);color:var(--ink-soft);font-size:.85rem}.ffc footer.ffc__foot .ffc-rev{color:var(--ink);font-weight:600}.ffc footer.ffc__foot .ffc-priv{margin-top:.4rem}.ffc footer.ffc__foot .ffc-disc{margin-top:1rem;font-size:.76rem;color:var(--ink-soft)}@media(max-width:600px){.ffc table.ffc-g,.ffc table.ffc-exp{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.ffc select option,.ffc select optgroup{background-color:var(--paper);color:var(--ink)}.ffc select optgroup{color:color-mix(in srgb,var(--ink) 68%,var(--paper));font-style:normal;font-weight:600}.ffc select option{padding:.25rem .4rem}
/*# sourceMappingURL=/cdn/shop/t/41/assets/flat-frame-calculator.css.map */