@layer blcbrd.tokens,blcbrd.primitives;@layer blcbrd.components{.fr-referral .bb-referral-invite__feedback:is([data-feedback-id=referral-copied],[data-feedback-id=referral-manual-copy]){display:none}.fr-referral .bb-referral-invite__offer{isolation:isolate;position:relative}.fr-referral .bb-referral-invite__offer:after{z-index:10;border-radius:inherit;box-shadow:var(--fr-material-subtle-stroke);content:"";pointer-events:none;position:absolute;inset:0}.studioReferralModal .bb-referral-invite__offer{background:var(--fr-surface-transparent);box-shadow:none;border-radius:0}.studioReferralModal .bb-referral-invite__offer:after{display:none}.fr-referral .bb-referral-invite__offer-content{gap:var(--fr-space-6)}.fr-referral .bb-referral-invite__media{-webkit-mask-image:var(--fr-referral-invite-media-mask-stack);mask-image:var(--fr-referral-invite-media-mask-stack)}.fr-referral .bb-referral-invite__benefit-main{align-items:flex-start;gap:var(--fr-space-2);flex-direction:column;display:flex}@container (min-width:760px){.fr-referral .bb-referral-invite__url-wrap{flex-basis:calc(var(--fr-field-height) * 4)}.fr-referral .bb-referral-invite__offer:not([data-media-layout=stack]) .bb-referral-invite__media{-webkit-mask-image:var(--fr-referral-invite-media-mask-split);mask-image:var(--fr-referral-invite-media-mask-split)}}}@layer compositions{.fr-referral{--semantic-surface-container-fg:var(--fr-foreground-default);--semantic-surface-container-muted:var(--fr-foreground-secondary);--component-surface-card-fg:var(--fr-foreground-default);--component-surface-card-bg:var(--fr-public-surface-card-background);--component-surface-radius-card:var(--fr-radius-card);--component-surface-inset-bg:var(--fr-surface-canvas);--component-surface-inset-fg:var(--fr-foreground-secondary);--component-surface-radius-inset:var(--fr-radius-control);--component-field-control-fg:var(--fr-foreground-default);--component-field-control-bg:var(--fr-surface-quiet);--component-field-label-fg:var(--fr-foreground-default);--component-field-muted:var(--fr-foreground-default);--component-field-focus-fg:var(--fr-foreground-default);--component-field-focus-bg:var(--fr-surface-quiet);--component-field-focus-shadow:var(--fr-color-shadow-ambient);--component-field-control-height:var(--fr-field-height);--component-field-radius:var(--fr-field-radius);--component-field-padding-inline:var(--fr-space-4);--component-button-primary-bg:var(--fr-button-primary-background);--component-button-primary-fg:var(--fr-button-primary-foreground);--component-button-secondary-bg:var(--fr-surface-quiet);--component-button-secondary-fg:var(--fr-foreground-default);--component-button-quiet-bg:var(--fr-surface-transparent);--component-button-quiet-fg:var(--fr-foreground-default);--component-button-focus-bg:var(--fr-surface-quiet);--component-button-focus-fg:var(--fr-foreground-default);--component-button-radius:var(--fr-button-radius);--component-button-height-md:var(--fr-button-height-md);--component-button-padding-inline:var(--fr-space-4);--semantic-typography-heading-size:var(--fr-font-size-emphasis);--semantic-typography-body-weight:var(--fr-font-weight-500);--semantic-typography-control-weight:var(--fr-font-weight-500);--semantic-typography-label-size:var(--fr-font-size-control);--semantic-typography-label-weight:var(--fr-font-weight-strong);--semantic-typography-caption-size:var(--fr-font-size-control);--semantic-typography-caption-weight:var(--fr-font-weight-strong);--semantic-typography-supporting-size:var(--fr-font-size-input);--semantic-typography-supporting-weight:var(--fr-font-weight-500);--component-surface-padding-regular:clamp(var(--fr-space-4), 3cqi, calc(var(--fr-space-6) * 1.5));--semantic-typography-control-line-height:var(--fr-font-line-height-compact);gap:var(--fr-space-4);flex-direction:column;min-inline-size:0;display:flex;container:fr-referral/inline-size}.fr-referral__reward-value{background:var(--fr-button-primary-background);-webkit-text-fill-color:transparent;font-size:clamp(calc(var(--fr-typography-body-font-size) * 4), calc(12cqi + var(--fr-typography-body-font-size) * 2), calc(var(--fr-typography-body-font-size) * 10));line-height:var(--fr-font-line-height-compact);-webkit-background-clip:text;background-clip:text;display:block}.fr-referral__reward-label{font-size:clamp(calc(var(--fr-typography-body-font-size) * 1.25), calc(1.5cqi + var(--fr-typography-body-font-size)), calc(var(--fr-typography-body-font-size) * 2));font-weight:var(--fr-font-weight-medium);line-height:var(--fr-font-line-height-compact);text-wrap:balance;display:block}.fr-referral__qualifier{align-items:center;gap:var(--fr-space-1);color:var(--fr-foreground-secondary);flex-wrap:nowrap;display:flex}.fr-referral__qualifier>span:first-child{text-wrap:pretty;min-inline-size:0}.fr-referral .bb-referral-invite__support{--semantic-typography-body-size:var(--fr-font-size-input);--semantic-typography-control-size:var(--fr-font-size-input)}.fr-referral__history{--referral-metric-min-inline-size:calc(var(--fr-font-size-input) * 6);gap:var(--fr-space-3);flex-direction:column;min-inline-size:0;display:flex}.fr-referral__history-heading,.fr-referral__history-card-heading{font-size:calc(var(--fr-font-size-input) * 1.125);font-weight:var(--fr-font-weight-500);line-height:var(--fr-font-line-height-compact);color:var(--fr-foreground-secondary);margin:0}.fr-referral__history-heading{padding-inline:var(--fr-space-5)}.fr-referral__history-card{gap:var(--fr-space-4);flex-direction:column;display:flex}.fr-referral__history-card-heading{min-block-size:var(--fr-space-6);align-items:center;display:flex}.fr-referral__history-card-heading .fr-badge{color:var(--fr-foreground-default);font-size:var(--fr-font-size-control)}.fr-referral__history-card-header{justify-content:space-between;align-items:center;gap:var(--fr-space-2);display:flex}.fr-referral__history-rail{margin-inline:calc(var(--fr-space-4) * -1);container-type:inline-size}.fr-referral__history-rail[data-overflow-after=true]>.fr-referral__history-track{-webkit-mask-image:var(--fr-overflow-rail-mask-compact-after);mask-image:var(--fr-overflow-rail-mask-compact-after)}.fr-referral__history-rail[data-overflow-before=true]:not([data-overflow-after=true])>.fr-referral__history-track{-webkit-mask-image:var(--fr-overflow-rail-mask-compact-before);mask-image:var(--fr-overflow-rail-mask-compact-before)}.fr-referral__history-rail[data-overflow-before=true][data-overflow-after=true]>.fr-referral__history-track{-webkit-mask-image:var(--fr-overflow-rail-mask-compact-both);mask-image:var(--fr-overflow-rail-mask-compact-both)}.fr-referral__history-track{align-items:stretch;gap:var(--fr-space-4);padding-inline:var(--fr-space-4);scroll-padding-inline:var(--fr-space-4)}.fr-referral__history-track>.fr-referral__history-card{flex-basis:min(calc(var(--fr-font-size-input) * 21), max(calc(var(--referral-metric-min-inline-size) * 2 + var(--fr-space-5) * 2 + var(--fr-space-4)), calc(100cqi - var(--fr-space-6) - var(--fr-space-4) * 2)))}.fr-referral__metrics{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--referral-metric-min-inline-size)), 1fr));align-content:start;gap:var(--fr-space-4);margin:0;display:grid}.fr-referral__metric{gap:var(--fr-space-1);flex-direction:column;min-inline-size:0;display:flex}.fr-referral__metric dt{color:var(--fr-foreground-secondary);font-size:var(--fr-font-size-input);font-weight:var(--fr-font-weight-500)}.fr-referral__metric dd{align-items:baseline;gap:var(--fr-space-1);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.fr-referral__metric-figure{font-size:calc(var(--fr-font-size-input) * 2.5);font-weight:var(--fr-font-weight-500);line-height:var(--fr-font-line-height-compact)}.fr-referral__metric-unit{color:var(--fr-foreground-secondary);font-size:var(--fr-font-size-input);font-weight:var(--fr-font-weight-500)}.fr-referral__help-text{font-size:var(--fr-font-size-input);font-weight:var(--fr-font-weight-500);line-height:var(--fr-typography-body-line-height);display:block}.fr-referral__help-paragraph{margin-block-start:var(--fr-space-3);display:block}.fr-referral__sources{gap:var(--fr-space-2);font-size:var(--fr-font-size-input);font-weight:var(--fr-font-weight-500);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fr-referral__sources li{justify-content:space-between;gap:var(--fr-space-3);display:flex}.fr-referral__sources li>span:first-child{overflow-wrap:anywhere;min-inline-size:0}.fr-referral__sources li>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.fr-referral__source-values{gap:var(--fr-space-2);display:inline-flex}@container fr-referral (max-width:759px){.fr-referral__metric-figure{font-size:calc(var(--fr-font-size-input) * 2)}}@container (min-width:760px){.fr-referral__reward-value{font-size:clamp(calc(var(--fr-typography-body-font-size) * 4), calc(24cqi - var(--fr-typography-body-font-size) * 6), calc(var(--fr-typography-body-font-size) * 10))}}.fr-referral__launch{align-items:flex-start;gap:var(--fr-space-2);flex-direction:column;display:flex}.studioReferralModal .fr-referral{gap:0}.studioReferralModal .fr-referral__history-card{background-color:var(--fr-surface-canvas)}.studioReferralModal .fr-referral__history{padding:var(--fr-space-4)}}
@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{.bb-disclosure{--component-disclosure-fg:var(--fr-foreground-secondary);--component-disclosure-muted:var(--fr-foreground-secondary);--component-disclosure-active-fg:var(--fr-foreground-default);--component-disclosure-active-bg:var(--fr-public-surface-card-background);--component-disclosure-focus-fg:var(--fr-foreground-default);--component-disclosure-focus-bg:var(--fr-surface-quiet);--component-disclosure-radius:var(--fr-field-radius)}}@layer utilities;
@layer reset,tokens,base,vendor;@layer surfaces{body>:not(script):where(:not(:has(>[data-sonner-toaster]))){z-index:1;position:relative}:is(.studioShell,.fr-auth-shell--editor:has(.studioShell),.studioProfileMenu__positioner,.studioProfileMenu__adminOptionsPositioner,.studioAppearanceMenu,.studioComposerCopyFormatMenu,body:has(.studioShell) .studioGuideSheetLayer){-webkit-user-select:none;user-select:none}:is(.studioShell,.fr-auth-shell--editor:has(.studioShell),.studioProfileMenu__positioner,.studioProfileMenu__adminOptionsPositioner,.studioAppearanceMenu,.studioComposerCopyFormatMenu,body:has(.studioShell) .studioGuideSheetLayer) :is(input,textarea,select,[contenteditable=""],[contenteditable=true],[contenteditable=plaintext-only]){-webkit-user-select:text;user-select:text}.studioWorkspacePaneFrameActive:has(.studioCreativeFrameChrome){overflow:visible}}@layer primitives,compositions,utilities;