/* Phase 147xt: stable mobile subheader + story shelf + story composer readability */
@media (max-width: 980px){
  body:not(.sv-auth-page):not(.sv-authPage) #sv-subTop.sv-subTop.sv-subNav{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:41 !important;
    top:var(--sv-subtop-top, 0px) !important;
  }
  body:not(.sv-auth-page):not(.sv-authPage) .sv-subTopSpacer{
    display:block !important;
    height:var(--sv-subtop-h, 58px) !important;
    min-height:var(--sv-subtop-h, 58px) !important;
  }
  body:not(.sv-auth-page):not(.sv-authPage) #sv-stories.sv-stories{
    min-height:210px;
    overflow-anchor:none;
    contain:layout paint;
    transition:none !important;
  }
  body:not(.sv-auth-page):not(.sv-authPage) #sv-stories.sv-stories > *{
    transition:none !important;
    animation:none !important;
  }
}

#sv-lightbox.is-storyComposer .sv-storyCaptionLabel,
#sv-lightbox.is-storyComposer .sv-storyCaptionMeta,
#sv-lightbox.is-storyComposer [data-story-word-count],
#sv-lightbox.is-storyComposer .sv-storyStatus,
#sv-lightbox.is-storyComposer .sv-storyEmojiBtn,
#sv-lightbox.is-storyComposer .sv-storyToolBtn,
#sv-lightbox.is-storyComposer .sv-storyFitSeg button,
#sv-lightbox.is-storyComposer .sv-storyFileNone,
#sv-lightbox.is-storyComposer .sv-storyCapInput,
#sv-lightbox.is-storyComposer .sv-storyCapInput::placeholder{
  -webkit-text-fill-color: currentColor;
}

#sv-lightbox.is-storyComposer .sv-storyComposerFoot--flat .sv-storyPostBtn{
  background: var(--sv-fg) !important;
  color: var(--sv-bg) !important;
  border: 1px solid var(--sv-border) !important;
}
#sv-lightbox.is-storyComposer .sv-storyComposerFoot--flat .sv-storyCancelBtn{
  background: var(--sv-chip2) !important;
  color: var(--sv-fg) !important;
  border: 1px solid var(--sv-border) !important;
}
#sv-lightbox.is-storyComposer .sv-storyComposerFoot--flat .sv-storyPostBtn *,
#sv-lightbox.is-storyComposer .sv-storyComposerFoot--flat .sv-storyCancelBtn *{
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
#sv-lightbox.is-storyComposer .sv-storyStatus{
  display:block;
  min-height:20px;
  padding:0 !important;
  margin:0 2px 2px !important;
  background:transparent !important;
  border:0 !important;
}
#sv-lightbox.is-storyComposer .sv-storyStatus:not(:empty){
  padding:10px 12px !important;
  border-radius:16px;
  background:rgba(127,127,127,.08) !important;
  border:1px solid var(--sv-border) !important;
}

body.sv-dark #sv-lightbox.is-storyComposer .sv-storyCaptionLabel,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyCapInput,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyCaptionMeta,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyStatus,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyFileNone,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyEmojiBtn,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyToolBtn,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyFitSeg button{
  color:#f5f7fb !important;
}
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyCapInput::placeholder,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyCaptionMeta,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyStatus:empty,
body.sv-dark #sv-lightbox.is-storyComposer .sv-storyFileNone{
  color:rgba(255,255,255,.75) !important;
}
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyCaptionLabel,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyCapInput,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyCaptionMeta,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyStatus,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyFileNone,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyEmojiBtn,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyToolBtn,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyFitSeg button{
  color:#0b1220 !important;
}
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyCapInput::placeholder,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyCaptionMeta,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyStatus:empty,
body:not(.sv-dark) #sv-lightbox.is-storyComposer .sv-storyFileNone{
  color:rgba(11,18,32,.62) !important;
}