.components-container-jGIs_ {
  flex: 1;
  width: 100%;
  min-width: 260px;
  max-width: 600px;
}

.components-sidebarContainer-aIiTq {
  min-width: 0;
  max-width: none;
}

.components-sidebarContainer-aIiTq .Popover {
    width: 100%;
    min-width: 0;
  }

.components-listContainer-MKWnD {
  overflow: hidden;
  color: var(--color-typography-secondary-base);
  border-radius: var(--unit-border-radius-sm);
}

/* The sidebar owns the visible icon so it can move independently of the
 * field's blur/fade. Keep this slot to preserve TextInput spacing and focus. */
.components-sidebarInputIcon-aEt6D {
  visibility: hidden;
}

/* Same geometry as IconLabel's setup dot: a percentage of the icon, inset to
   its top-right corner, so it scales with the rem-based icon size. Painted
   above that dot when both apply, since an unread count is the stronger
   signal. */
.NavCountDot-countDot-j9dpo {
  inset: 0 0 auto auto;
  width: 40%;
  aspect-ratio: 1;
  /* Separates the dot from the icon glyph, which shares the neutral tone. */
  box-shadow: 0 0 0 var(--unit-border-width-sm)
    var(--desktop-navigation-surface, var(--color-surface-app-background));
  opacity: 0;
  pointer-events: none;
}

.NavCountDot-negative-VHfE4 {
  background: var(--color-background-negative-emphasis-base);
}

/* Gray badges map to the emphasis neutral: a subtle-gray dot would not read
   against the icon. */
.NavCountDot-neutral-HjfpZ {
  background: var(--color-background-neutral-emphasis-base);
}

[data-navigation-rail='true'] .NavCountDot-countDot-j9dpo {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {

[data-desktop-navigation-animate='true'] .NavCountDot-countDot-j9dpo {
    transition: opacity var(--desktop-navigation-motion-duration)
      var(--desktop-navigation-easing)
}
  }

.components-button-Ak3EI {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: var(--unit-size-control-md);
  padding: 0 var(--desktop-navigation-row-inline-padding);
  overflow: hidden;
  color: var(--color-typography-secondary-base);
  text-align: start;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: var(--unit-border-radius-md);
}

.components-button-Ak3EI:hover {
  background-color: var(--color-surface-secondary-selected);
}

.components-button-Ak3EI:active,
.components-button-Ak3EI[data-selected='true'] {
  color: var(--color-typography-primary-base);
  background-color: var(--color-background-secondary-focused);
}

.components-button-Ak3EI:focus-visible {
  outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
    var(--color-border-highlighted-emphasis-base);
  outline-offset: var(--unit-border-width-xs);
}

.components-icon-oQEBA {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--color-background-neutral-emphasis-base);
}

.components-label-DNDgm {
  min-width: 0;
  margin-inline-start: var(--unit-space-50);
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.components-trailingContent-NKwMb {
  display: inline-flex;
  flex: 0 0 auto;
  margin-inline-start: auto;
  padding-inline-start: var(--unit-space-50);
}

[data-navigation-rail='true'] .components-label-DNDgm,
[data-navigation-rail='true'] .components-trailingContent-NKwMb {
  opacity: 0;
  pointer-events: none;
}

[data-navigation-rail='true'] .components-button-Ak3EI,
[data-navigation-rail='true'] .components-icon-oQEBA {
  visibility: visible;
  opacity: 1;
  filter: none;
}

@media (prefers-reduced-motion: no-preference) {

[data-desktop-navigation-animate='true'] .components-label-DNDgm,
[data-desktop-navigation-animate='true'] .components-trailingContent-NKwMb {
    transition:
      opacity var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing),
      filter var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing)
}
  }

@media (prefers-reduced-motion: no-preference) {

[data-navigation-rail='true'] .components-label-DNDgm {
    filter: blur(2px)
}
  }

.NotificationsLoader-panel-szFNH {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.NotificationsLoader-notification-SBBah {
  padding: var(--unit-space-100) 0px;
}

.NotificationsLoader-badgeContainer-qzJjs {
  float: left;
  width: var(--unit-space-50);
  padding: var(--unit-space-50) 0px 0px var(--unit-space-75);
}

.NotificationsLoader-text-UUdps {
  padding-left: 1.75rem;
}

/* Need some magic numbers here to space the text loaders as if they had line height */
.NotificationsLoader-heading-V6Uk6 {
  margin-top: var(--unit-space-25);
}

.NotificationsLoader-description-NjvKm {
  margin: 7px 0px 6px;
}

.NotificationsLoader-date-tXimA {
  margin-bottom: 3px;
}

/* Popover needs a single trigger element that also parents the count badge, so
   this mirrors the component-library tertiary Button (small, icon-only) instead
   of rendering a CL Button. */
.Notifications-bellButton-h0p7R {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--unit-size-control-md);
  height: var(--unit-size-control-md);
  padding: 0;
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-tertiary-base);
  border-radius: var(--unit-border-radius-md);
  color: var(--color-foreground-tertiary-base);
  background: var(--color-background-tertiary-base);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-property: var(--motion-property-primary);
  transition-duration: var(--motion-duration-500);
  transition-timing-function: var(--motion-timing-linear);
}
.Notifications-bellButton-h0p7R:hover {
    color: var(--color-foreground-tertiary-hovered);
    background: var(--color-background-tertiary-hovered);
    border-color: var(--color-border-tertiary-hovered);
  }
.Notifications-bellButton-h0p7R:focus-visible {
    outline: var(--unit-outline-width-sm) var(--unit-outline-style-solid)
      var(--color-outline-input-focused);
    outline-offset: 1px;
    color: var(--color-foreground-tertiary-focused);
  }
.Notifications-bellButton-h0p7R:active {
    color: var(--color-foreground-tertiary-pressed);
    background: var(--color-background-tertiary-pressed);
    border-color: var(--color-border-tertiary-pressed);
  }

/* Tertiary color for inline strike in heading Trans; line-through comes from Strikethrough. */
.PostPurchaseTrial-strikethrough-pWDGi {
  color: var(--color-typography-tertiary-base);
}

.PostPurchaseTrial-featureCard-OP6cs {
  /* warmgray.100 - no css variable available for this color */
  background-color: #f7f7f3;
  /* warmgray.200 - no css variable available for this color */
  border-color: #efefea;
}

.PostPurchaseTrial-noMarkerList-jXj2p {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--unit-space-50);
}

.PostPurchaseTrial-featureListNoMarker-zSmkl > li {
  list-style-type: none !important;
}

.ynyo1CyzYIQZjh81{display:grid;grid-template-columns:minmax(330px, 330px);grid-template-rows:1fr auto;max-height:100vh;margin:0}.ynyo1CyzYIQZjh81[data-has-calendar=true]{grid-template-columns:minmax(330px, 330px) auto}.ynyo1CyzYIQZjh81[data-has-calendar=true] .jx1Sqi_rnScvSjxO{grid-column:span 2}@media(max-width: 675px){.ynyo1CyzYIQZjh81{display:block}}.rWIqwPvTkFQipStn{padding:var(--unit-space-100);word-break:break-word}.V2lsqGWLQATZDSqJ{border-inline-start:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base)}.V2lsqGWLQATZDSqJ[aria-disabled=true] .react-datepicker__month{pointer-events:none}@media(max-width: 675px){.V2lsqGWLQATZDSqJ{border-top:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base);border-inline-start:0}.V2lsqGWLQATZDSqJ .react-datepicker__month-container{min-width:100%}}.jx1Sqi_rnScvSjxO{display:flex;flex-direction:row;gap:var(--unit-space-75);justify-content:end;grid-column:span 1;padding:var(--unit-space-75);border-block-start:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base);position:sticky;bottom:0;z-index:var(--elevation-zIndex-component-xs);background:var(--color-surface-primary-base)}
.SocialMediaTable-starCell-WFFlD.SocialMediaTable-starCell-WFFlD {
  justify-content: center;
}

.MediaLibraryTable-imageLibraryTableFilters-HitRU {
  padding: 0 0 var(--unit-space-100);
}

.MediaLibraryTable-imageLibraryTableCell-druAm {
  cursor: pointer;
}

.VideoThumbnail-thumbnailContainer-PhxPo {
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-subtle-base);
  border-radius: var(--unit-border-radius-sm);
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  display: flex;
  align-items: center;

  width: 53px;
  min-width: 53px;
  aspect-ratio: 1 / 1;
}

.ImageCompression-linkContainer-NGOuh {
  display: flex;
  position: relative;
  height: 100%;
  width: 47.5%;
}

.ImageCompression-playButton-RLhFY {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Card hover outline */
.AccountUsageCard-card-XBF4D {
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: outline-color 0.15s ease;
}

.AccountUsageCard-card-XBF4D:hover {
  outline-color: var(--color-background-info-emphasis-base);
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-card-XBF4D {
    transition: none;
  }
}

/* Upgrade button visible on card hover/focus */
.AccountUsageCard-upgradeButton-CDzdr {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.AccountUsageCard-card-XBF4D:hover .AccountUsageCard-upgradeButton-CDzdr,
.AccountUsageCard-card-XBF4D:focus-visible .AccountUsageCard-upgradeButton-CDzdr,
.AccountUsageCard-card-XBF4D:has(:focus-visible) .AccountUsageCard-upgradeButton-CDzdr {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-upgradeButton-CDzdr {
    transition: none;
  }
}

/* Always show on touch devices where hover is unavailable */
@media (hover: none) {
  .AccountUsageCard-upgradeButton-CDzdr {
    opacity: 1;
  }
}

/* Expand/collapse animation */
.AccountUsageCard-expandable-i6Q5W {
  display: grid;
  grid-template-rows: 0fr;
  margin-block-start: 0;
  overflow: hidden;
  transition:
    grid-template-rows 0.25s ease,
    margin-block-start 0.25s ease;
}

.AccountUsageCard-expandable-i6Q5W > * {
  min-height: 0;
}

.AccountUsageCard-expanded-ddat8 {
  grid-template-rows: 1fr;
  margin-block-start: var(--unit-space-100);
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-expandable-i6Q5W {
    transition: none;
  }
}

.AccountUsageCard-progressBarCaution-ls0V1 .ProgressBar-Foreground {
  background-color: var(--color-data-sentiment-caution-300);
}

.AccountUsageCard-progressBarNegative-M6Ra1 .ProgressBar-Foreground {
  background-color: var(--color-data-sentiment-negative-700);
}

/* Above-limit bar: blue base for the on-plan portion + red for the overage,
   mirroring the billing overview's display treatment. */
.AccountUsageCard-splitOverageBar-fWyD6 {
  background-color: var(--color-background-neutral-subtle-base);
}

.AccountUsageCard-splitOverageBarLimit-EBfjV {
  background-color: var(--color-background-info-emphasis-base);
}

.AccountUsageCard-splitOverageBarOverage-ub7_G {
  background-color: var(--color-data-sentiment-negative-700);
}

.TrialModal-heroBackgroundImage-QPmQf {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.TrialModal-heroProductImage-sHVD0 {
  position: relative;
  border-radius: 16px 16px 0 0;
  max-width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.UserNav-sidebarUtilities-nH_Ln {
  display: flex;
  flex-direction: column;
  gap: var(--desktop-navigation-item-gap);
  width: 100%;
  min-width: 0;
}

  .UserNav-sidebarUtilities-nH_Ln .Popover {
    width: 100%;
    min-width: 0;
  }

[data-navigation-rail='true'] .UserNav-sidebarUtilities-nH_Ln {
  visibility: visible;
  opacity: 1;
  filter: none;
}

.UserNav-utilityPlaceholder-fNcQh {
  min-height: var(--unit-size-control-md);
}

.UserNav-productsUsageIcon-FuGuE [opacity] {
  opacity: 1;
}