.bb-author-related{padding-block:var(--bb-related-pt, 24px) var(--bb-related-pb, 64px)}.bb-author-related__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-block-end:var(--sp-5)}.bb-author-related__heading{margin:0}.bb-author-related__list{display:flex;gap:var(--sp-3);margin:0 calc(-1 * var(--page-padding, 20px));padding:0 var(--page-padding, 20px) var(--sp-2);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding, 20px);scrollbar-width:none}.bb-author-related__list::-webkit-scrollbar{display:none}.bb-author-related__item{flex:0 0 96px;scroll-snap-align:start}.bb-author-related__tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-height:44px;text-align:center;color:inherit;transition:transform .2s ease}.bb-author-related__avatar{display:block;width:72px;height:72px;padding:3px;border-radius:9999px;background:linear-gradient(135deg,#ffb703,#fb5607 50%,#8338ec)}.bb-author-related__avatar img,.bb-author-related__initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px solid rgb(var(--color-background));border-radius:9999px;background-color:rgb(var(--color-background));object-fit:cover}.bb-author-related__initial{font-weight:700;font-size:var(--text-lg)}.bb-author-related__more{background-color:rgb(var(--color-foreground) / .06);font-size:var(--text-xl, 1.5rem)}.bb-author-related__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:500;line-height:1.25;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.bb-author-related__tile:focus-visible .bb-author-related__avatar{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:768px){.bb-author-related__list{flex-wrap:wrap;gap:var(--sp-6);margin:0;padding:0;overflow:visible;scroll-snap-type:none}.bb-author-related__item{flex:0 0 10rem}.bb-author-related__avatar{width:120px;height:120px}.bb-author-related__avatar img,.bb-author-related__initial{border-width:3px}.bb-author-related__more{font-size:var(--text-2xl, 2rem)}.bb-author-related__name{font-size:var(--text-base)}}@media(hover:hover)and (pointer:fine){.bb-author-related__tile:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.bb-author-related__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bb-author-related.css.map */