/* Pegboard's styles, scoped to it by Bifrost */
@layer components{[data-bf-scope~="Pegboard"]{--peg-board:#d2ad86;--peg-hole:#c19b74;--peg-frame:#b07f55;--peg-hook:#8c7a7e;--peg-outline:#7a5235;--label:#241a29;--label-ink:#fffafc;border:10px solid var(--peg-frame);background:radial-gradient(circle,var(--peg-hole) 2px,transparent 2.5px) 0 0 / 28px 28px,var(--peg-board);box-shadow:0 20px 40px rgb(48 31 57 / 0.18);}.dark [data-bf-scope~="Pegboard"]{--peg-board:#6b4f45;--peg-hole:#5c433a;--peg-frame:#4a3428;--peg-hook:#ac999c;--peg-outline:#c2956a;--label:#4e3a59;}.sheet:where(.bf-b17ahd){box-shadow:0 6px 16px rgb(48 31 57 / 0.2);}.peg:where(.bf-b17ahd){background:var(--peg-hook);box-shadow:inset -1px -1px 0 rgb(0 0 0 / 0.25),0 1px 2px rgb(0 0 0 / 0.35);}.tool-outline:where(.bf-b17ahd){border:2px dashed var(--peg-outline);}.tool:where(.bf-b17ahd){filter:drop-shadow(2px 5px 4px rgb(48 31 57 / 0.3));}.dark [data-bf-scope~="Pegboard"] .tool:where(.bf-b17ahd){filter:brightness(0.6) saturate(0.8) drop-shadow(2px 5px 4px rgb(0 0 0 / 0.4));}.swing-a:where(.bf-b17ahd){animation:tool-swing-a 0.9s ease-out;}.swing-b:where(.bf-b17ahd){animation:tool-swing-b 0.9s ease-out;}@keyframes tool-swing-a{20%{transform:rotate(7deg);}45%{transform:rotate(-5deg);}70%{transform:rotate(3deg);}88%{transform:rotate(-1deg);}}@keyframes tool-swing-b{20%{transform:rotate(7deg);}45%{transform:rotate(-5deg);}70%{transform:rotate(3deg);}88%{transform:rotate(-1deg);}}.scissors-open:where(.bf-b17ahd){--blade:18deg;}.tape-in:where(.bf-b17ahd){--tape:-172px;}@media (prefers-reduced-motion:reduce){.tool:where(.bf-b17ahd){--tool-speed:0s;animation:none;}}.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);}}