.bb-anatomy{--space-anatomy-gap: clamp(24px, 3vw, 48px);--width-anatomy-intro: 56ch;--width-anatomy-figure: 540px;--size-anatomy-marker: 28px;--size-anatomy-number: 28px;--width-anatomy-marker-ring: 6px;--color-anatomy-marker-ring: rgb(var(--color-cream-channels) / .6);--scale-anatomy-marker-active: 1.15;--scale-sticky-shrink-min: .75;--distance-sticky-shrink: 200px;--space-anatomy-sticky: 8px;display:flex;flex-direction:column;gap:var(--space-anatomy-gap);padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-anatomy p{margin:0}.bb-anatomy__header{display:grid;gap:12px}.bb-anatomy__intro{max-width:var(--width-anatomy-intro);color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-anatomy__layout{display:grid;gap:var(--space-anatomy-gap);align-items:center}@media screen and (max-width:999px){.bb-anatomy__stage{position:sticky;top:var(--sticky-area-height, 0px);z-index:2;margin:calc(-1 * var(--space-anatomy-sticky)) calc(-1 * var(--space-page-inline));padding:var(--space-anatomy-sticky) var(--space-page-inline);background:var(--color-surface-page)}}.bb-anatomy__figure{--scale-anatomy-figure: var(--scale-sticky-shrink, 1);position:relative;width:calc(100% * var(--scale-anatomy-figure));max-width:var(--width-anatomy-figure);margin:0 auto;overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface-media)}.bb-anatomy__image{display:block;width:100%;height:auto}.bb-anatomy__marker{position:absolute;top:var(--marker-y);left:var(--marker-x);display:grid;place-items:center;width:calc(var(--size-anatomy-marker) * var(--scale-anatomy-figure));height:calc(var(--size-anatomy-marker) * var(--scale-anatomy-figure));translate:-50% -50%;border-radius:var(--radius-pill);background:var(--color-action-primary-bg);box-shadow:0 0 0 calc(var(--width-anatomy-marker-ring) * var(--scale-anatomy-figure)) var(--color-anatomy-marker-ring);color:var(--color-text-inverse);font-size:calc(var(--font-size-13) * var(--scale-anatomy-figure));font-weight:600;line-height:1;transition:scale var(--motion-duration-fast) var(--motion-ease-out)}.bb-anatomy__marker.is-linked{scale:var(--scale-anatomy-marker-active)}.bb-anatomy__details{display:grid;gap:20px}.bb-anatomy__list{display:grid}.bb-anatomy__item{display:flex;gap:16px;padding-block:16px;border-block-end:var(--border-width-hairline) solid var(--color-border-default)}.bb-anatomy__item:first-child{padding-block-start:0}.bb-anatomy__number{display:grid;flex:none;place-items:center;width:var(--size-anatomy-number);height:var(--size-anatomy-number);border:var(--border-width-hairline) solid var(--color-action-primary-bg);border-radius:var(--radius-pill);color:var(--color-action-primary-bg);font-size:var(--font-size-13);font-weight:600;line-height:1;transition:background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-anatomy__item.is-linked .bb-anatomy__number{background:var(--color-action-primary-bg);color:var(--color-text-inverse)}.bb-anatomy__title{margin:0 0 4px;color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-17);font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}.bb-anatomy__text{color:var(--color-text-secondary);font-size:var(--font-size-15);line-height:1.6}.bb-anatomy__note{color:var(--color-text-tertiary);font-size:var(--font-size-15);line-height:1.6}.bb-anatomy__note p{margin:0}@media screen and (min-width:1000px){.bb-anatomy__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-anatomy.css.map */