.bp-size{display:block;padding:24px;border:1px solid rgba(var(--color-foreground),.18);border-radius:12px;background:rgba(var(--color-foreground),.025);margin:24px 0}.bp-size [hidden]{display:none!important}.bp-size h3{margin:0 0 10px;font-size:2.2rem;line-height:1.25}.bp-size p{margin:10px 0 16px;line-height:1.5}.bp-size label{display:block;font-size:1.4rem;font-weight:600;margin-bottom:6px}.bp-size label span{font-weight:400}.bp-size input,.bp-size select{width:100%;min-height:48px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.45);border-radius:5px;padding:10px;font:inherit}.bp-size input:focus-visible,.bp-size select:focus-visible,.bp-size summary:focus-visible,.bp-size button:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:3px}.bp-size__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.bp-size__fields label{min-height:42px}.bp-size__guide{margin-top:16px;border-top:1px solid rgba(var(--color-foreground),.15);padding-top:14px}.bp-size__guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bp-size__guide svg{display:block;width:100%;max-width:360px;margin:16px auto}.bp-size__guide ol{padding-left:22px;font-size:1.4rem}.bp-size .bp-size__hint{font-size:1.3rem}.bp-size__find,.bp-size__add{width:100%;min-height:48px}.bp-size__result{padding:16px;border:1px solid #3e7160;border-radius:6px;background:#f0f7f3;color:#173c2e;margin-top:20px;overflow-wrap:anywhere}.bp-size__result strong{display:block;font-size:1.8rem}.bp-size__result p{margin:6px 0}.bp-size__result[data-state="error"]{border-color:#9b492c;background:#fff6ef;color:#6a2918}.bp-size__error{display:block;color:#a32620;font-size:1.2rem;line-height:1.4;margin-top:4px}.bp-size input[aria-invalid="true"]{border:2px solid #a32620}.bp-size__add{margin-top:12px}.bp-size__alternatives{font-size:1.4rem}.bp-size__alternatives>a{display:block;margin:8px 0}.bp-size button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:480px){.bp-size{padding:18px}.bp-size__fields{grid-template-columns:1fr;gap:14px}.bp-size__fields label{min-height:0}}