@layer base{:root{--bb-ink:#1e1e1e;--bb-muted:#666a73;--bb-paper:#fff;--bb-sidebar:#fff;--bb-line:#e4e5e9;--bb-soft:#f7f8fb;--bb-primary:#e82255;--bb-primary-soft:#fff0f4;--bb-acid:#e82255;--bb-acid-soft:#fff0f4;--bb-cobalt:#e82255;--bb-coral:#e82255;--bb-success:#1d9064}html{scroll-behavior:smooth}body{background:var(--bb-paper);color:var(--bb-ink)}::selection{background:var(--bb-acid);color:var(--bb-ink)}}@layer components{.bb-display{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:0}.bb-mono{font-family:var(--font-noto-sans-mono), monospace;letter-spacing:0}.bb-kicker{color:var(--bb-primary);font-family:var(--font-noto-sans-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}.bb-hero{isolation:isolate;background-color:#fff;position:relative;overflow:hidden}.bb-focus-frame,.bb-mask-scan{border:2px solid #e82255e0;border-radius:48% 48% 42% 42%;position:absolute;inset:13% 19%;box-shadow:0 0 0 999px #1e1e1e38,inset 0 0 0 1px #ffffff59}.bb-focus-frame:after,.bb-mask-scan:after{background:var(--bb-primary);height:1px;box-shadow:0 0 12px var(--bb-primary);content:"";position:absolute;top:52%;left:-.4rem;right:-.4rem}.bb-primary-button,.bb-secondary-button,.bb-icon-button,.bb-utility-button,.bb-ghost-button,.bb-preset-button,.bb-segmented-control button{cursor:pointer}.bb-primary-button,.bb-secondary-button,.bb-icon-button{border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;font-size:.875rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.bb-primary-button{background:var(--bb-primary);color:#fff;padding:.625rem 1rem}.bb-primary-button:hover:not(:disabled){background:#cf1748}.bb-secondary-button{color:var(--bb-ink);background:#fff;border:1px solid #d9dbe1;padding:.55rem .8rem}.bb-secondary-button:hover:not(:disabled),.bb-icon-button:hover:not(:disabled){background:#f7f8fa;border-color:#b9bdc7}.bb-icon-button{width:2.5rem;height:2.5rem;color:var(--bb-ink);background:#fff;border:1px solid #d9dbe1}.bb-utility-button,.bb-ghost-button{color:#555a64;border-radius:4px;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:.35rem .5rem;font-size:.75rem;font-weight:750;transition:background-color .15s,color .15s;display:inline-flex}.bb-utility-button:hover:not(:disabled),.bb-ghost-button:hover:not(:disabled){color:#1e1e1e;background:#f0f1f4}.bb-primary-button:focus-visible,.bb-secondary-button:focus-visible,.bb-icon-button:focus-visible,.bb-utility-button:focus-visible,.bb-ghost-button:focus-visible,.bb-preset-button:focus-visible,.bb-segmented-control button:focus-visible{outline-offset:2px;outline:2px solid #e822556b}.bb-primary-button:disabled,.bb-secondary-button:disabled,.bb-icon-button:disabled,.bb-utility-button:disabled,.bb-ghost-button:disabled,.bb-preset-button:disabled,.bb-segmented-control button:disabled{cursor:not-allowed;opacity:.48}.bb-segmented-control{background:#f3f4f6;border:1px solid #e1e3e8;border-radius:6px;gap:2px;padding:3px;display:flex;overflow:hidden}.bb-segmented-control button{color:#666a73;border-radius:4px;flex:1;min-height:2.125rem;padding:.35rem .65rem;font-size:.75rem;font-weight:800;transition:background-color .15s,color .15s,box-shadow .15s}.bb-segmented-control button:hover:not([aria-pressed=true]):not(:disabled){color:#32353c;background:#e8eaee}.bb-segmented-control button[aria-pressed=true]{color:var(--bb-ink);background:#fff;box-shadow:0 1px 4px #181a171f}.bb-preset-button{color:#656a74;background:#fff;border:1px solid #dfe1e6;border-radius:6px;min-height:2.75rem;font-size:.72rem;font-weight:800;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.bb-preset-button:hover:not(:disabled):not([aria-pressed=true]){color:#272a30;background:#fafbfc;border-color:#bfc3cb;box-shadow:0 1px 3px #181a1714}.bb-preset-button[aria-pressed=true]{color:#c91949;background:#fff2f5;border-color:#e82255;box-shadow:inset 0 0 0 1px #e822551a}.bb-range-control{margin-top:.9rem;display:block}.bb-range-control>span,.bb-range-control small{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bb-range-control>span{color:#383b43;font-size:.75rem}.bb-range-control output{min-width:2.5rem;color:var(--bb-primary);font-variant-numeric:tabular-nums;text-align:right;font-size:.72rem;font-weight:800}.bb-range-control input{appearance:none;cursor:pointer;width:100%;height:1.75rem;accent-color:var(--bb-cobalt);background:0 0}.bb-range-control input:focus-visible{outline-offset:1px;border-radius:4px;outline:2px solid #e8225552}.bb-range-control input:disabled{cursor:not-allowed;opacity:.45}.bb-range-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--bb-primary) 0 var(--bb-range-progress,0%), #dfe1e6 var(--bb-range-progress,0%) 100%);border-radius:999px;height:.25rem}.bb-range-control input::-webkit-slider-thumb{appearance:none;background:var(--bb-primary);border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;margin-top:-.375rem;box-shadow:0 1px 5px #1f233038}.bb-range-control input::-moz-range-thumb{background:var(--bb-primary);border:3px solid #fff;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 1px 5px #1f233038}.bb-range-control input::-moz-range-track{background:linear-gradient(to right, var(--bb-primary) 0 var(--bb-range-progress,0%), #dfe1e6 var(--bb-range-progress,0%) 100%);border-radius:999px;height:.25rem}.bb-range-control small{color:#7b808a;text-transform:uppercase;margin-top:-.25rem;font-size:.625rem}.bb-panel-scroll{scrollbar-width:thin;scrollbar-color:#c9ccd3 transparent}.bb-panel-scroll::-webkit-scrollbar{width:6px}.bb-panel-scroll::-webkit-scrollbar-track{background:0 0}.bb-panel-scroll::-webkit-scrollbar-thumb{background:#c9ccd3;border-radius:999px}.bb-panel-scroll::-webkit-scrollbar-thumb:hover{background:#aeb2bb}.bb-panel-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.bb-article{color:var(--bb-muted);font-size:1rem;line-height:1.8}.bb-article section+section{margin-top:4rem}.bb-article h2{color:var(--bb-ink);font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:0;scroll-margin-top:6rem;font-size:2rem;font-weight:800;line-height:1.2}.bb-article h3{color:var(--bb-ink);margin-top:1.75rem;font-size:1.05rem;font-weight:800}.bb-article p,.bb-article ul,.bb-article ol{margin-top:1rem}.bb-article ul,.bb-article ol{padding-left:1.25rem}.bb-article li+li{margin-top:.5rem}.bb-article ul{list-style:outside}.bb-article ol{list-style:decimal}.bb-article .quick-answer{border-left:3px solid var(--bb-cobalt);color:#313a61;background:#eef1ff;padding:1.25rem 1.5rem}.bb-article details{border-top:1px solid var(--bb-line);padding:1rem 0}.bb-article details:last-child{border-bottom:1px solid var(--bb-line)}.bb-article summary{cursor:pointer;color:var(--bb-ink);font-weight:800}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}