.solid-card{border:1px solid var(--color-base-300);border-top:.35rem solid var(--color-primary);border-radius:var(--radius-box);background:var(--color-base-100);max-width:68rem;box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-base-content) 7%,transparent);margin:1.5rem auto 0;padding:clamp(1rem,3vw,1.6rem)}.solid-card p{line-height:1.65}.solid-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.solid-heading>div{min-width:0}.solid-heading h2,.solid-results h2{font-size:1.4rem;font-weight:800}.solid-heading p{margin:.4rem 0 0}.solid-card .solid-privacy{color:color-mix(in oklab,var(--color-base-content) 70%,transparent);white-space:nowrap;text-align:end;flex:none;margin:0;font-size:.75rem;font-weight:400;line-height:1.5}.solid-fields{align-items:start;gap:1rem;margin-top:1.25rem;display:grid}.solid-fields-cuboid{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(5.5rem,.34fr)}.solid-fields-sphere{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(5.5rem,.34fr)}.solid-field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.solid-field>span{min-height:1.5rem;font-weight:800;line-height:1.5}.solid-field .input,.solid-field .select{box-sizing:border-box;width:100%;height:2.75rem;min-height:2.75rem;font-size:1rem}.solid-clear-field .btn{border-radius:var(--radius-field);height:2.75rem;min-height:2.75rem;padding-inline:.85rem}.solid-field small{overflow-wrap:anywhere;min-height:2.6rem;line-height:1.4}.solid-field [aria-invalid=true]{border-color:var(--color-error)}.solid-error{color:var(--color-error);overflow-wrap:anywhere;font-size:.86rem;font-weight:650;line-height:1.4;display:block}.solid-form-error{margin:1rem 0 0}.solid-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.solid-actions .btn{border-radius:var(--radius-field);white-space:normal;padding:.8rem 1rem;line-height:1.25rem;height:3rem!important;min-height:3rem!important;font-size:1rem!important}.solid-actions-single{grid-template-columns:minmax(12rem,28rem);justify-content:center}.solid-results{border-top:1px solid var(--color-base-300);margin-top:1.5rem;padding-top:1.5rem}.solid-results>div:first-child p{margin:.4rem 0 0}.solid-result-layout{grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);align-items:stretch;gap:1rem;margin-top:1rem;display:grid}.solid-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;display:grid}.solid-result-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.solid-result-grid>div{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300));border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 14%,var(--color-base-100));min-width:0;padding:1rem}.solid-result-grid dt{overflow-wrap:anywhere;min-height:2.8rem;font-size:.9rem;font-weight:700;line-height:1.45}.solid-result-grid dd{overflow-wrap:anywhere;margin:.45rem 0 0;font-size:1.15rem;font-weight:850;line-height:1.35}.solid-result-grid sup{font-size:.65em}.solid-diagram{border-radius:var(--radius-box);background:var(--color-base-200);grid-template-rows:1fr auto;margin:0;padding:.75rem;display:grid}.solid-diagram svg{width:100%;min-height:12rem;max-height:15rem;display:block}.solid-diagram figcaption{text-align:center;font-size:.8rem;line-height:1.45}.solid-live-diagram{max-width:44rem;margin:1.25rem auto 0}.solid-live-diagram svg{min-height:14rem}.solid-live-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.25rem 0 .65rem;display:grid}.solid-live-dimensions-two{grid-template-columns:repeat(2,minmax(0,1fr))}.solid-live-dimensions span{box-sizing:border-box;background:var(--color-base-100);text-align:center;overflow-wrap:anywhere;border-radius:.45rem;justify-content:center;align-items:center;min-width:0;min-height:3rem;padding:.7rem .85rem;font-size:1rem;line-height:1.4;display:flex}.solid-live-dimensions b{font-weight:750}.solid-face,.sphere-fill{fill:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));stroke:var(--color-base-content);stroke-width:2px;vector-effect:non-scaling-stroke}.solid-face-top{fill:color-mix(in oklab,var(--color-primary) 24%,var(--color-base-100))}.solid-face-side{fill:color-mix(in oklab,var(--color-primary) 18%,var(--color-base-100))}.solid-face-front{fill:color-mix(in oklab,var(--color-primary) 10%,var(--color-base-100))}.solid-dimension-line{stroke:var(--color-primary);stroke-width:1.5px;vector-effect:non-scaling-stroke}.solid-inline-label rect{fill:color-mix(in oklab,var(--color-base-100) 94%,transparent);stroke:color-mix(in oklab,var(--color-base-content) 18%,transparent);stroke-width:1px}.solid-inline-label text{text-anchor:middle}.solid-diagonal{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.solid-radius{stroke:var(--color-base-content);stroke-width:2px;vector-effect:non-scaling-stroke}.solid-diameter{stroke:var(--color-primary);stroke-width:2.5px;vector-effect:non-scaling-stroke}.solid-diameter-tick{stroke:var(--color-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.sphere-equator{fill:none;stroke:color-mix(in oklab,var(--color-base-content) 50%,transparent);stroke-width:1.5px;stroke-dasharray:5 4}.sphere-centre{fill:var(--color-base-content)}.solid-diagram text{fill:var(--color-base-content);font-size:12px;font-weight:750}.solid-guide{box-sizing:border-box;border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 2.5rem;padding-top:1.5rem}.solid-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.solid-guide h3{margin:1.25rem 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.5}.solid-guide p,.solid-guide li{font-size:1rem;line-height:1.75}.solid-guide p,.solid-guide ol,.solid-guide ul{margin:0 0 .75rem}.solid-guide ol,.solid-guide ul{padding-inline-start:1.4rem}.solid-guide li+li{margin-top:.5rem}.solid-formula,.solid-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:.5rem;margin:.75rem 0;padding:1rem}.solid-example h3{margin-top:0}@media (width<=54rem){.solid-fields-cuboid,.solid-fields-sphere{grid-template-columns:repeat(2,minmax(0,1fr))}.solid-result-layout{grid-template-columns:1fr}}@media (width<=639px){.solid-heading{flex-wrap:wrap}.solid-card .solid-privacy{white-space:normal;text-align:end;max-width:100%}.solid-fields,.solid-result-grid,.solid-result-grid-four,.solid-live-dimensions{grid-template-columns:1fr}.solid-field small{min-height:0}.solid-actions{grid-template-columns:minmax(0,28rem)}.solid-clear-field>span{display:none}.solid-guide{margin-top:2.5rem}}