.br-asset[data-astro-cid-cuecaxvc]{position:relative;aspect-ratio:1;border-radius:1rem;border:1px solid var(--color-line);overflow:hidden;margin:0}.br-plate-dark[data-astro-cid-cuecaxvc]{background:#000}.br-plate-light[data-astro-cid-cuecaxvc]{background:#fff}.br-plate-blue[data-astro-cid-cuecaxvc]{background:#0b57d0}.br-img[data-astro-cid-cuecaxvc]{position:absolute;inset:18%;width:64%;height:64%;object-fit:contain;transition:opacity .3s var(--ease-out-soft)}.br-asset[data-astro-cid-cuecaxvc]:hover .br-img[data-astro-cid-cuecaxvc]{opacity:.72}.br-over[data-astro-cid-cuecaxvc]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.1rem;padding:.9rem;background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.45) 58%,rgba(0,0,0,.82) 100%);opacity:0;transition:opacity .28s var(--ease-out-soft)}.br-asset[data-astro-cid-cuecaxvc]:hover .br-over[data-astro-cid-cuecaxvc],.br-asset[data-astro-cid-cuecaxvc]:focus-within .br-over[data-astro-cid-cuecaxvc]{opacity:1}.br-over[data-astro-cid-cuecaxvc] .br-name[data-astro-cid-cuecaxvc]{font-size:.86rem;color:#fff}.br-over[data-astro-cid-cuecaxvc] .br-note[data-astro-cid-cuecaxvc]{font-size:.72rem;color:#ffffff9e}.br-acts[data-astro-cid-cuecaxvc]{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.br-act[data-astro-cid-cuecaxvc]{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.24);background:#ffffff1f;color:#fff;font-size:.72rem;font-family:var(--font-mono);cursor:pointer;transition:background-color .15s,border-color .15s}.br-act[data-astro-cid-cuecaxvc]:hover{background:#fff3;border-color:#ffffff6b}.br-act[data-astro-cid-cuecaxvc].is-done{border-color:#3fc48a99;color:#7ce0b0}@media(hover:none){.br-over[data-astro-cid-cuecaxvc],.br-asset[data-astro-cid-cuecaxvc] .br-img[data-astro-cid-cuecaxvc]{opacity:1}}.br-quote[data-astro-cid-cuecaxvc]{border:1px solid var(--color-line);border-radius:1rem;padding:1.25rem 1.4rem 1.5rem}.br-copy[data-astro-cid-cuecaxvc]{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--color-ink-faint);border:1px solid var(--color-line);border-radius:.45rem;padding:.25rem .5rem;background:transparent;cursor:pointer;transition:color .15s,border-color .15s}.br-copy[data-astro-cid-cuecaxvc]:hover{color:var(--color-ink-text);border-color:#ffffff38}.br-copy[data-astro-cid-cuecaxvc].is-done{color:#3fc48a;border-color:#3fc48a73}.br-swatch[data-astro-cid-cuecaxvc]{position:relative;display:block;aspect-ratio:1;border:1px solid var(--color-line);border-radius:.9rem;overflow:hidden;padding:0;cursor:pointer;transition:border-color .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.br-swatch[data-astro-cid-cuecaxvc]:hover{border-color:#ffffff4d;transform:translateY(-2px)}.br-swatch[data-astro-cid-cuecaxvc]:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.br-hex[data-astro-cid-cuecaxvc]{position:absolute;left:0;right:0;bottom:0;padding:.55rem .6rem;font-size:.7rem;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));opacity:0;transition:opacity .2s var(--ease-out-soft)}.br-swatch[data-astro-cid-cuecaxvc]:hover .br-hex[data-astro-cid-cuecaxvc],.br-swatch[data-astro-cid-cuecaxvc]:focus-visible .br-hex[data-astro-cid-cuecaxvc]{opacity:1}.br-check[data-astro-cid-cuecaxvc]{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .2s var(--ease-out-soft),transform .28s cubic-bezier(.34,1.56,.64,1)}.br-check[data-astro-cid-cuecaxvc] svg{color:#0b1a12;background:#3fc48a;border-radius:999px;padding:.35rem;width:2.1rem;height:2.1rem;box-shadow:0 6px 18px -6px #3fc48acc}.br-swatch[data-astro-cid-cuecaxvc].is-done .br-check[data-astro-cid-cuecaxvc]{opacity:1;transform:scale(1)}.br-swatch[data-astro-cid-cuecaxvc].is-done .br-hex[data-astro-cid-cuecaxvc]{opacity:0}@media(hover:none){.br-hex[data-astro-cid-cuecaxvc]{opacity:1}}.br-type[data-astro-cid-cuecaxvc]{border:1px solid var(--color-line);border-radius:1rem;padding:1.15rem 1.3rem 1.4rem}.br-sample[data-astro-cid-cuecaxvc]{margin-top:.9rem;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.2;color:var(--color-ink-text)}.br-clear[data-astro-cid-cuecaxvc]{border:1px solid var(--color-line);border-radius:1rem;padding:2.4rem;background:#000}.br-clear-inner[data-astro-cid-cuecaxvc]{border:1px dashed rgba(255,255,255,.25);padding:1.6rem;display:grid;place-items:center}.br-clear-inner[data-astro-cid-cuecaxvc] img[data-astro-cid-cuecaxvc]{max-width:100%;height:auto}