.bb-creator-header{padding-block:var(--bb-creator-header-pt, 32px) var(--bb-creator-header-pb, 24px)}.bb-creator-header__inner{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);overflow:hidden;padding:28px 20px 24px;border-radius:24px;--bb-creator-gold: #f6c344;background:radial-gradient(70% 100% at 10% 0%,rgb(66 84 128 / .6),transparent 70%),radial-gradient(40% 70% at 75% 45%,rgb(60 74 112 / .35),transparent 70%),linear-gradient(160deg,#303e62,#252e48,#1c2133);color:#fff;text-align:center}.bb-creator-header__avatar{display:block;flex:none;width:128px;height:128px;padding:4px;border-radius:9999px;background:var(--bb-creator-gold)}.bb-creator-header__avatar img,.bb-creator-header__initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px solid #1f2740;border-radius:9999px;background-color:#1f2740;object-fit:cover}.bb-creator-header__initial{font-weight:700;font-size:2.75rem}.bb-creator-header__body{display:grid;justify-items:center;gap:var(--sp-3);width:100%;min-width:0;max-width:45rem}.bb-creator-header__title{display:grid;gap:var(--sp-1d5, 6px);min-width:0}.bb-creator-header__name{margin:0;font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.1;color:#fff;overflow-wrap:break-word;text-wrap:balance}.bb-creator-header__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 var(--sp-2);margin:0;font-size:var(--text-sm);line-height:1.4;color:#fff}.bb-creator-header__rating{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#fff}.bb-creator-header__star{color:#f5a400;font-size:1.1em}.bb-creator-header__books{display:inline-flex;align-items:center;min-height:32px;color:var(--bb-creator-gold);text-decoration:underline;text-underline-offset:3px}.bb-creator-header__bio{font-size:var(--text-sm-base, .9375rem);line-height:1.55;color:#ffffffd9}.bb-creator-header__bio p{margin:0}.bb-creator-header__bio.is-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.bb-creator-header__more{display:inline-flex;align-items:center;min-height:36px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bb-creator-header__more[hidden]{display:none}.bb-creator-header__socials{display:flex;gap:var(--sp-2);width:calc(100% + 40px);min-width:0;margin:0 -20px;padding:4px 20px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none}.bb-creator-header__socials::-webkit-scrollbar{display:none}.bb-creator-header__socials>li{flex:none;scroll-snap-align:start}.bb-creator-header__socials>li:first-child{margin-inline-start:auto}.bb-creator-header__socials>li:last-child{margin-inline-end:auto}.bb-creator-header__socials.is-nudging>li{animation:bb-social-nudge 1.1s ease-in-out}@keyframes bb-social-nudge{0%,to{transform:translate(0)}40%{transform:translate(-44px)}70%{transform:translate(6px)}}.bb-creator-header__social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background-color:#ffffffeb;color:#1a1a1a;transition:background-color .2s ease}.bb-creator-header__social .icon{width:20px;height:20px;flex:none}.bb-creator-header__socials--labelled .bb-creator-header__social,.bb-creator-header__social--link{width:auto;max-width:100%;overflow:hidden;gap:var(--sp-2);padding-inline:var(--sp-4, 16px)}.bb-creator-header__social-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;line-height:1.2;white-space:nowrap}.bb-creator-header__social--youtube .icon{color:red}.bb-creator-header__social--instagram .icon{color:#e1306c}.bb-creator-header__social--twitch .icon{color:#9146ff}.bb-creator-header__social--spotify .icon{color:#1db954}.bb-creator-header__social--discord .icon{color:#5865f2}.bb-creator-header__social--podcast .icon{color:#93c}.bb-creator-header__social--whatsapp .icon{color:#25d366}.bb-creator-header__social--facebook .icon{color:#1877f2}.bb-creator-header__social--linkedin .icon{color:#0a66c2}.bb-creator-header__social--telegram .icon{color:#26a5e4}.bb-creator-header__social:focus-visible{outline:2px solid #fff;outline-offset:2px}.bb-creator-header__social-dots{display:flex;justify-content:center;margin-block-start:-10px}.bb-creator-header__social-dots[hidden]{display:none}.bb-creator-header__social-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}.bb-creator-header__social-dot:before{content:"";display:block;width:6px;height:6px;border-radius:9999px;background-color:#fff6;transition:width .25s ease,background-color .25s ease}.bb-creator-header__social-dot.is-active:before{width:20px;background-color:#fff}.bb-creator-header__pile{display:none}.bb-creator-header__pile-book{position:relative;transition:transform .25s ease}.bb-creator-header__pile-book a{display:block}.bb-creator-header__pile-book img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .45))}.bb-creator-header__pile--one .bb-creator-header__pile-book img{filter:drop-shadow(0 0 28px rgb(255 255 255 / .25)) drop-shadow(0 8px 12px rgb(0 0 0 / .45))}.bb-creator-header__pile-more a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:9999px;background-color:var(--bb-creator-gold);color:#1a1a1a;font-weight:700;box-shadow:0 0 18px #f6c34459}@media(hover:hover)and (pointer:fine){.bb-creator-header__social:hover{background-color:#fff}.bb-creator-header__pile-book:hover{z-index:6;transform:translateY(-10px)}}@media screen and (min-width:990px){.bb-creator-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:48px;padding:40px 56px;text-align:start}.bb-creator-header__avatar{width:152px;height:152px}.bb-creator-header__initial{font-size:3.25rem}.bb-creator-header__body{justify-items:start}.bb-creator-header__title{gap:var(--sp-2)}.bb-creator-header__name{font-size:2.25rem}.bb-creator-header__meta{justify-content:flex-start}.bb-creator-header__bio{max-width:36rem}.bb-creator-header__social{width:36px;height:36px}.bb-creator-header__social .icon{width:18px;height:18px}.bb-creator-header__socials{width:calc(100% + 16px);margin-inline:-8px;padding-inline:8px;scroll-padding-inline:8px}.bb-creator-header__socials>li:first-child{margin-inline-start:0}.bb-creator-header__pile{position:relative;display:flex;align-items:flex-end;margin:0;padding:0 8px 22px;list-style:none}.bb-creator-header__pile:after{content:"";position:absolute;inset:auto -16px 6px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgb(246 195 68 / .9) 20%,rgb(246 195 68 / .9) 80%,transparent);box-shadow:0 0 18px #f6c34473}.bb-creator-header__pile-book{flex:0 0 88px}.bb-creator-header__pile-book+.bb-creator-header__pile-book{margin-inline-start:-4px}.bb-creator-header__pile-book:nth-child(1){z-index:5}.bb-creator-header__pile-book:nth-child(2){z-index:4}.bb-creator-header__pile-book:nth-child(3){z-index:3}.bb-creator-header__pile-book:nth-child(4){z-index:2}.bb-creator-header__pile-book:nth-child(5){z-index:1}.bb-creator-header__pile--one .bb-creator-header__pile-book{flex-basis:140px}.bb-creator-header__pile-more{flex:none;align-self:center;margin-inline-start:20px}}@media(prefers-reduced-motion:reduce){.bb-creator-header__social,.bb-creator-header__pile-book{transition:none}}.bb-creator-bonus{padding-block:var(--bb-creator-bonus-pt, 24px) var(--bb-creator-bonus-pb, 24px)}.bb-creator-bonus__box{display:grid;gap:12px;padding:20px;border-radius:16px;background:rgb(var(--color-foreground) / .05)}.bb-creator-bonus__title,.bb-creator-bonus__text{margin:0}.a--social-links{display:flex;flex-direction:column;gap:12px;margin-block-start:16px}.a--social-links .button{width:100%;min-height:48px;justify-content:center}@media screen and (min-width:768px){.a--social-links{flex-direction:row;flex-wrap:wrap;width:auto}.a--social-links .button{width:auto;flex:0 1 calc(50% - 6px);max-width:calc(50% - 6px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bb-creator-page.css.map */