:root,:host{--creator-header-avatar-size:var(--size-80);--creator-header-avatar-overlap:calc(var(--size-40) - var(--space-4));--creator-header-inset-mobile:var(--space-16);--creator-header-inset-desktop:var(--space-24);--creator-header-actions-offset:var(--space-16)}@layer components{.creator-header-root{--creator-header-inset:var(--creator-header-inset-mobile);--creator-header-background:var(--black-3);--creator-header-surface-border:var(--white-100);--creator-header-surface-shadow:none;--creator-header-action-border:var(--black-10);flex-direction:column;width:100%;min-width:0;display:flex;position:relative}.dark .creator-header-root{--creator-header-background:var(--card-fan-page-card-background);--creator-header-surface-border:var(--black-30);--creator-header-surface-shadow:none;--creator-header-action-border:var(--white-20)}.creator-header__card{border:1px solid var(--creator-header-surface-border);width:100%;min-width:0;box-shadow:var(--creator-header-surface-shadow);-webkit-backdrop-filter:blur(var(--blur-20));backdrop-filter:blur(var(--blur-20));border-radius:24px;position:relative;overflow:hidden}.creator-header__card[data-has-image=false]{background:var(--creator-header-background)}.creator-header__image,.creator-header__placeholder{position:absolute;inset:0}.creator-header__placeholder{background:var(--creator-header-background)}[data-slot=creator-header-image-asset]{object-fit:cover;width:100%;height:100%;display:block}.creator-header__meta-row{justify-content:space-between;align-items:flex-end;gap:var(--space-8);padding-inline:var(--creator-header-inset);display:flex}.creator-header__actions{margin-top:var(--creator-header-actions-offset);align-self:flex-start;gap:var(--space-8);flex-shrink:0;display:flex}.creator-header__action-button{min-width:auto}.creator-header__action-button.button-outlined{border-color:var(--creator-header-action-border)}.creator-header__action-button span:not(.button-ripple){transform:translateY(-1px)}.creator-header__avatar{width:var(--creator-header-avatar-size);height:var(--creator-header-avatar-size);margin-top:calc(-1 * var(--creator-header-avatar-overlap));box-shadow:var(--creator-header-surface-shadow);-webkit-backdrop-filter:blur(var(--blur-20));backdrop-filter:blur(var(--blur-20));border-radius:9999px;flex-shrink:0;align-self:flex-start}.creator-header__identity{min-width:0;padding-inline:var(--creator-header-inset);flex-direction:column;display:flex}.creator-header__title{color:var(--card-title);font-family:var(--font-main), serif;font-weight:var(--fw-bold);font-size:var(--fs-28);line-height:var(--lh-32);letter-spacing:var(--ls-tight)}@media (min-width:768px){.creator-header-root{--creator-header-inset:var(--creator-header-inset-desktop)}}@media (max-width:767.98px){.creator-header__action-button{padding-inline:var(--space-12)}}}
@layer components{.media-lightbox-content{isolation:isolate;overscroll-behavior:contain;flex-direction:column;display:flex;background:var(--black-100)!important;width:100vw!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;gap:0!important;padding:0!important;animation:.36s cubic-bezier(.16,1,.3,1) both media-lightbox-in!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}.media-lightbox-content[data-state=closed]{animation:.3s cubic-bezier(.4,0,1,1) both media-lightbox-out!important;transform:none!important}.media-lightbox-content:focus-visible{outline:none}.media-lightbox{--media-lightbox-image-shift:var(--space-8);background:var(--black-100);width:100%;min-height:100%;color:var(--white-100);flex-direction:column;display:flex;position:relative}.media-lightbox__toolbar,.media-lightbox__dots{height:var(--size-56);flex-shrink:0;display:flex}.media-lightbox__toolbar{padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);justify-content:flex-end;align-items:center}.media-lightbox__stage{min-height:0;padding:var(--space-24) 0;touch-action:pan-y;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-lightbox__image{object-fit:contain;-webkit-user-select:none;user-select:none;will-change:opacity, transform;width:100%;max-height:100%;display:block}.media-lightbox__image--initial{animation:.34s cubic-bezier(.16,1,.3,1) both media-lightbox-image-in}.media-lightbox__image--next{animation:.38s cubic-bezier(.16,1,.3,1) both media-lightbox-image-next-in}.media-lightbox__image--previous{animation:.38s cubic-bezier(.16,1,.3,1) both media-lightbox-image-previous-in}.media-lightbox__button{width:var(--size-48);height:var(--size-48);color:var(--white-100);border-radius:var(--radius-full);background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background-color .16s;display:flex}.media-lightbox__button:hover{background:var(--white-10)}.media-lightbox__button:focus-visible{outline:2px solid var(--white-100);outline-offset:2px}.media-lightbox__button--close svg{width:var(--size-24);height:var(--size-24)}.media-lightbox__button--nav{display:none;position:absolute;top:50%;transform:translateY(-50%)}.media-lightbox__button--nav svg{width:var(--size-32);height:var(--size-32)}.media-lightbox__button--previous{left:var(--space-16)}.media-lightbox__button--next{right:var(--space-16)}.media-lightbox__dots{padding-bottom:env(safe-area-inset-bottom);justify-content:center;align-items:center;gap:var(--space-6)}.media-lightbox__dot{width:var(--size-8);height:var(--size-8);background:var(--white-50);border-radius:var(--radius-full);border:0;padding:0;transition:background-color .16s}.media-lightbox__dot:hover{background:var(--white-80)}.media-lightbox__dot--active{background:var(--white-100)}@media (min-width:768px){.media-lightbox__stage{padding-right:var(--space-64);padding-left:var(--space-64);touch-action:auto}.media-lightbox__image{max-width:var(--size-800)}.media-lightbox__button--nav{display:flex}}@keyframes media-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes media-lightbox-out{0%{opacity:1}to{opacity:0}}@keyframes media-lightbox-image-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes media-lightbox-image-next-in{0%{opacity:0;transform:translateX(var(--media-lightbox-image-shift)) scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes media-lightbox-image-previous-in{0%{opacity:0;transform:translateX(calc(var(--media-lightbox-image-shift) * -1)) scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}}
