.bc-installed{display:block;margin-block:16px}.bc-installed__viewer,.bc-installed__pair,.bc-installed__picker{display:none}.bc-installed[data-bc-js] .bc-installed__viewer,.bc-installed[data-bc-js] .bc-installed__pair,.bc-installed[data-bc-js] .bc-installed__picker{display:block}.bc-installed__viewer{margin-block-start:20px}.bc-installed__stage-home{position:relative;aspect-ratio:16 / 9;border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);border-radius:8px;overflow:hidden}.bc-installed__stage{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.bc-installed[data-bc-state=ready] .bc-installed__stage{opacity:1}.bc-installed__stage canvas{display:block;width:100%;height:100%}.bc-installed__arm,.bc-installed__controls{z-index:1}.bc-installed__arm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:none;border:0;cursor:pointer}.bc-installed[data-bc-armed] .bc-installed__arm{display:none}.bc-installed__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8125rem;background:color-mix(in srgb,var(--color-background) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);color:var(--color-foreground)}.bc-installed__badge .icon{width:16px;height:16px}.bc-installed__controls{position:absolute;inset-block-end:12px;inset-inline-end:12px;display:none;gap:8px}.bc-installed[data-bc-armed] .bc-installed__controls{display:flex}.bc-installed__control{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.8125rem;cursor:pointer;background:color-mix(in srgb,var(--color-background) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);color:var(--color-foreground)}.bc-installed__control .icon,.bc-installed__control svg{width:14px;height:14px}.bc-installed__caveat{margin-block:8px 0;font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}.bc-installed__pair{margin-block:12px 0;font-weight:500}.bc-installed__group{margin-block-start:16px}.bc-installed__group-title{margin:0 0 8px;font-size:.875rem;font-weight:500;color:color-mix(in srgb,var(--color-foreground) 70%,transparent)}.bc-installed__cards{margin-block-start:12px}.bc-installed[data-bc-js] .bc-installed__cards .bc-installed__group-title{display:none}.bc-installed[data-bc-js] .bc-installed__cards .bc-installed__group{margin-block-start:0}.bc-installed__cards-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.bc-installed__card{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:8px;list-style:none}.bc-installed__card[hidden]{display:none}.bc-installed:not([data-bc-js]) .bc-installed__card[hidden]{display:flex}.bc-installed__thumb{flex:none;inline-size:48px;block-size:48px;border-radius:var(--card-corner-radius, 4px);object-fit:cover;background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.bc-installed__card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.bc-installed__card-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.3}.bc-installed__card-link{color:inherit;text-decoration:none}.bc-installed__card-link:hover{text-decoration:underline}.bc-installed__card-specs{font-size:.8125rem;color:color-mix(in srgb,var(--color-foreground) 55%,transparent)}.bc-installed__card-note{font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 65%,transparent)}.bc-installed__swatch{flex:none;inline-size:14px;block-size:14px;border-radius:50%;background:var(--bc-installed-swatch, #2b2b2b);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 25%,transparent)}.bc-installed__group--out{margin-block-start:24px}.bc-installed__card--out .bc-installed__thumb,.bc-installed__card--out .bc-installed__swatch{filter:grayscale(1);opacity:.6}.bc-installed__card-badge{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:#b3261e;background-color:#b3261e1a;border:1px solid rgb(179 38 30 / .35)}.bc-installed__intro{margin-block:0 8px;font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}.bc-installed__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.bc-installed__chip-row{display:flex;list-style:none}.bc-installed__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;font-size:.875rem;line-height:1.2;cursor:pointer;background:transparent;border:1px solid color-mix(in srgb,var(--color-foreground) 14%,transparent);color:var(--color-foreground)}.bc-installed__chip:hover{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent)}.bc-installed__chip[aria-pressed=true]{border-color:var(--color-foreground);background:color-mix(in srgb,var(--color-foreground) 6%,transparent);font-weight:500}.bc-installed__chip:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bc-installed-dialog{inline-size:100vw;max-inline-size:100vw;block-size:100vh;max-block-size:100vh;block-size:100dvh;max-block-size:100dvh;padding:0;border:0;background:var(--color-background);color:var(--color-foreground)}.bc-installed-dialog[open]{display:flex;flex-direction:column}.bc-installed-dialog::backdrop{background:#0009}.bc-installed-dialog__stage{position:relative;flex:1 1 0%;min-block-size:0}.bc-installed-dialog__loading{position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%);display:none;text-align:center;font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}.bc-installed[data-bc-state=loading] .bc-installed-dialog__loading{display:block}.bc-installed-dialog__close{position:absolute;inset-block-start:16px;inset-inline-end:16px;z-index:1}.bc-installed-dialog__caveat{flex:none;margin:0;padding:10px 16px 0;text-align:center;font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}.bc-installed-dialog__fit{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 16px 0;text-align:center;font-size:.875rem;line-height:1.35;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}.bc-installed-dialog__fit[hidden]{display:none}.bc-installed-dialog__fit--warn{align-items:flex-start;max-inline-size:min(100% - 32px,62ch);margin:10px auto 0;padding:8px 14px;border-radius:8px;background-color:#b26a001a;border:1px solid rgb(178 106 0 / .32);color:var(--color-foreground);font-weight:500}.bc-installed-dialog__fit-icon{flex:none;display:inline-flex;margin-block-start:1px;color:#b26a00}.bc-installed-dialog__fit-icon svg{inline-size:16px;block-size:16px}.bc-installed-dialog__colors{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:10px 16px 8px;border-block-start:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}.bc-installed-dialog__colors>*{flex:none}.bc-installed-dialog__colors+.bc-installed-dialog__picker{padding-block-start:0;border-block-start:0}.bc-installed-dialog__color{display:inline-flex;align-items:center;gap:6px;padding:2px;border-radius:999px;cursor:pointer;background:transparent;border:2px solid transparent;color:var(--color-foreground)}.bc-installed-dialog__color:hover{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent)}.bc-installed-dialog__color[aria-pressed=true]{border-color:var(--color-foreground)}.bc-installed-dialog__color:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bc-installed-dialog__color-dot{flex:none;inline-size:22px;block-size:22px;border-radius:50%;background:var(--bc-installed-color, color-mix(in srgb, var(--color-foreground) 12%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 25%,transparent)}.bc-installed-dialog__color--bare{padding-inline-end:10px}.bc-installed-dialog__color-name{font-size:.8125rem;line-height:1.2;white-space:nowrap}.bc-installed-dialog__picker{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;max-block-size:30vh;padding:10px 16px;overflow:auto;overscroll-behavior:contain;border-block-start:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}.bc-installed-dialog__group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bc-installed-dialog__group-label{font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--color-foreground) 55%,transparent)}.bc-installed-dialog__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.bc-installed-dialog .bc-installed__chip{gap:6px;padding:4px 10px 4px 6px;font-size:.8125rem}.bc-installed-dialog .bc-installed__swatch{inline-size:12px;block-size:12px}@media(max-width:749px){.bc-installed-dialog__picker{flex-wrap:nowrap;justify-content:flex-start;max-block-size:none;overflow-x:auto;overflow-y:hidden}.bc-installed-dialog__colors{flex-wrap:nowrap;justify-content:flex-start;padding-block:8px 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}.bc-installed-dialog__group,.bc-installed-dialog__chips,.bc-installed-dialog .bc-installed__chip-row{flex:none;flex-wrap:nowrap}.bc-installed-dialog .bc-installed__chip-title{white-space:nowrap}.bc-installed-dialog__fit{padding-block-start:8px;font-size:.8125rem}.bc-installed-dialog__fit--warn{max-inline-size:calc(100% - 24px);margin:8px auto 0;padding:6px 10px;text-align:start}}.bc-installed-dialog__hint{flex:none;margin:0;padding:8px 16px 14px;text-align:center;font-size:.8125rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}@media(prefers-reduced-motion:reduce){.bc-installed__stage{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bc-installed-diagram.css.map */