/* Pegboard's styles, scoped to it by Bifrost */
@layer components{[data-bf-scope~="Pegboard"]{--peg-board:#d2ad86;--peg-hole:#7a5235;--peg-frame:#b07f55;--peg-hook:#8c7a7e;--peg-outline:#7a5235;--peg-paint:#e2c6a8;--label:#241a29;--label-ink:#fffafc;border:10px solid var(--peg-frame);background:radial-gradient(circle,var(--peg-hole) 2.5px,transparent 3px) 0 0 / 24px 24px,var(--peg-board);box-shadow:0 20px 40px rgb(48 31 57 / 0.18);}.dark [data-bf-scope~="Pegboard"]{--peg-board:#6b4f45;--peg-hole:#2b1d1a;--peg-frame:#4a3428;--peg-hook:#ac999c;--peg-outline:#c2956a;--peg-paint:#5a3e33;}.hook:where(.bf-b17ahd){border-color:var(--peg-hook);}.peg:where(.bf-b17ahd){background:var(--peg-hook);}.tool-outline:where(.bf-b17ahd){border:2px dashed var(--peg-outline);background:var(--peg-paint);}.label:where(.bf-b17ahd){display:inline-block;border-radius:3px;background:var(--label);color:var(--label-ink);padding:0.15rem 0.55rem;font-weight:600;letter-spacing:0.04em;box-shadow:0 1px 2px rgb(0 0 0 / 0.25);}}