.section-grid-plate{--gp-red: #ed1b24;--gp-ink: #111111;--gp-muted: #666666;--gp-line: #e6e6e6;--gp-soft: #f6f6f6;--gp-green: #15803d;--gp-orange: #b45309;--gp-step: #c8101a;--gp-max-width: 1200px}.section-grid-plate .page-width{max-width:var(--gp-max-width);margin-left:auto;margin-right:auto}.section-grid-plate .gp-heading{display:grid;gap:.75rem}.section-grid-plate .gp-heading__title{margin:0}.section-grid-plate .gp-heading__tagline{margin:0;font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:500;line-height:1.2;color:var(--gp-muted)}.section-grid-plate .gp-heading__intro{max-width:68ch}.section-grid-plate .gp{margin-top:2.5rem;display:grid;gap:1.25rem}.section-grid-plate .gp__inputs{display:grid;gap:1rem}@media(min-width:1024px){.section-grid-plate .gp--side{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:2rem;align-items:start}.section-grid-plate .gp--side .gp__results.is-pinned{position:sticky;top:var(--gp-sticky-top, 1.5rem)}}@media(min-width:900px){.section-grid-plate .gp--stacked .gp__inputs{grid-template-columns:repeat(3,minmax(0,1fr))}}.section-grid-plate .gp__card{padding:1.25rem;border:1px solid var(--gp-line);border-radius:1rem;background:var(--gp-soft);display:grid;gap:1rem;align-content:start}.section-grid-plate .gp__card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.section-grid-plate .gp__step{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--gp-step);color:#fff;font-size:.8rem;font-weight:700;line-height:1}.section-grid-plate .gp__h3{margin:0;font-size:1.05rem;font-weight:600;line-height:1.2}.section-grid-plate .gp__h4{margin:0 0 .5rem;font-size:.95rem;font-weight:600;line-height:1.2}.section-grid-plate .gp__mini{margin-left:auto;padding:.4rem .75rem;border:1px solid var(--gp-ink);border-radius:999px;background:#fff;color:var(--gp-ink);font:inherit;font-size:.75rem;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.section-grid-plate .gp__mini:hover{background:var(--gp-ink);color:#fff}.section-grid-plate .gp__mini:focus-visible{outline:2px solid var(--gp-ink);outline-offset:2px}.section-grid-plate .gp__fields{display:grid;gap:.9rem}.section-grid-plate .gp__note{margin:0;font-size:.8rem;color:var(--gp-muted);line-height:1.45}.section-grid-plate .gp__note--good{color:var(--gp-green)}.section-grid-plate .gp-field label,.section-grid-plate .gp-field__label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.section-grid-plate .gp-field input{width:100%;padding:.65rem .8rem;border:1px solid #cfcfcf;border-radius:.5rem;background:#fff;color:var(--gp-ink);font:inherit;font-size:1rem;line-height:1.3;min-width:0}.section-grid-plate .gp-field input:focus{outline:2px solid var(--gp-ink);outline-offset:1px}.section-grid-plate .gp-field input:user-invalid{border-color:var(--gp-orange)}.section-grid-plate .gp-field small{display:block;margin-top:.35rem;font-size:.75rem;color:var(--gp-muted)}.section-grid-plate [hidden]{display:none!important}.section-grid-plate .gp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.section-grid-plate .gp__inline{display:flex;gap:.5rem;align-items:center}.section-grid-plate .gp__inline input{flex:1 1 5rem}.section-grid-plate .gp__suffix{font-size:.85rem;color:var(--gp-muted);white-space:nowrap}.section-grid-plate .gp-pills{display:flex;flex-wrap:wrap;gap:.4rem;flex:none}.section-grid-plate .gp-pills label{position:relative;margin:0}.section-grid-plate .gp-pills input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.section-grid-plate .gp-pills span{display:inline-block;padding:.5rem .85rem;border:1px solid #cfcfcf;border-radius:999px;background:#fff;font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.section-grid-plate .gp-pills input:checked+span{background:var(--gp-ink);border-color:var(--gp-ink);color:#fff}.section-grid-plate .gp-pills input:focus-visible+span{outline:2px solid var(--gp-ink);outline-offset:2px}.section-grid-plate .gp__results{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--gp-line);border-radius:1rem;background:#fff}@media(min-width:1024px){.section-grid-plate .gp__results{padding:1.5rem}}.section-grid-plate .gp__results-head{display:grid;gap:.35rem}.section-grid-plate .gp__results-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.section-grid-plate .gp-pills--sm span{padding:.4rem .75rem;font-size:.8rem}.section-grid-plate .gp__grid{display:grid;gap:1rem;grid-template-columns:1fr}.section-grid-plate .gp-axle{display:grid;gap:.5rem}.section-grid-plate .gp-axle__h{margin:0;text-align:center;font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--gp-step)}.section-grid-plate .gp-axle__pair{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.section-grid-plate .gp-axle__pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.section-grid-plate .gp-corner{display:grid;gap:.25rem;padding:.9rem 1rem 0;border:1px solid var(--gp-line);border-radius:.75rem;background:var(--gp-soft);overflow:hidden}.section-grid-plate .gp-corner__label{margin:0;font-size:.85rem;font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.section-grid-plate .gp-corner__badge{display:inline-block;padding:.15rem .45rem;border-radius:.35rem;background:var(--gp-ink);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em}.section-grid-plate .gp-corner__on{flex-basis:100%;font-weight:400;color:var(--gp-muted);font-size:.78rem}.section-grid-plate .gp-corner__value{margin:.1rem 0 0;font-size:1.85rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--gp-green);font-variant-numeric:tabular-nums}.section-grid-plate .gp-corner__value.is-off{color:var(--gp-orange)}.section-grid-plate .gp-corner__flag{display:block;margin-top:.15rem;font-size:.75rem;font-weight:600;letter-spacing:0;line-height:1.3}.section-grid-plate .gp-problem{grid-column:1 / -1;padding:.85rem 1rem;border-radius:.5rem;background:#fff7ed;color:#9a3412;font-size:.9rem;line-height:1.45}.section-grid-plate .gp-problem--info{background:var(--gp-soft);color:var(--gp-muted)}.section-grid-plate .gp__calc{padding-top:1rem;border-top:1px solid var(--gp-line)}.section-grid-plate .gp__calc:empty{display:none}.section-grid-plate .gp-calc__row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed var(--gp-line);font-size:.9rem}.section-grid-plate .gp-calc__row strong{font-variant-numeric:tabular-nums}.section-grid-plate .gp__calc .gp__note{margin-top:.75rem}.section-grid-plate .gp-plate{display:block;width:calc(100% + 2rem);max-width:none;height:auto;margin:.35rem -1rem 0}.section-grid-plate .gp-plate__body{stroke:#ffffff0f;stroke-width:.25}.section-grid-plate .gp-plate__line{stroke:#e9e9e7;stroke-width:1;stroke-opacity:.8}.section-grid-plate .gp-plate__line.is-half{stroke-opacity:.88}.section-grid-plate .gp-plate__line.is-major{stroke-width:1.25;stroke-opacity:.95}.section-grid-plate .gp-plate__line.is-zero{stroke-width:1.5;stroke-opacity:1}.section-grid-plate .gp-plate__num,.section-grid-plate .gp-plate__toe{fill:#ededeb;font-family:Tahoma,Verdana,DejaVu Sans,Segoe UI,sans-serif;letter-spacing:.02em}.section-grid-plate .gp-plate__num,.section-grid-plate .gp-plate__toe{paint-order:stroke;stroke:#1c1c1d;stroke-width:.9;stroke-linejoin:round}.section-grid-plate .gp-plate__glow{stroke:#3dff72;stroke-width:1.6;stroke-opacity:.32}.section-grid-plate .gp-plate__laser{stroke:#7dffa0;stroke-width:.5}.section-grid-plate .gp-plate__glow.is-off{stroke:#ffb020}.section-grid-plate .gp-plate__laser.is-off{stroke:#ffc861}.section-grid-plate .gp-plate__tag{fill:var(--gp-green)}.section-grid-plate .gp-plate__tag.is-off{fill:var(--gp-orange)}.section-grid-plate .gp-plate__tagtext{fill:#fff;font-weight:700;font-variant-numeric:tabular-nums}.section-grid-plate .gp__how{display:grid;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--gp-ink)}@media(min-width:900px){.section-grid-plate .gp__how{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}.section-grid-plate .gp__how-h{margin:0 0 .4rem;font-size:1.05rem;font-weight:600;line-height:1.2}.section-grid-plate .gp__how p{margin:0;font-size:.95rem;line-height:1.55;color:#333}.section-grid-plate .gp__formula{grid-column:1 / -1;margin:0;padding:.85rem 1rem;border-radius:.5rem;background:var(--gp-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--gp-ink);overflow-x:auto}.section-grid-plate .gp__cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:2.5rem}.section-grid-plate .gp__cta-note{flex-basis:100%;margin:.25rem 0 0;font-size:.85rem;color:var(--gp-muted)}@media(min-width:900px){.section-grid-plate .gp__cta-note{flex-basis:auto;margin:0 0 0 .5rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/aoc-grid-plate.css.map */