/* No-photo apps: the hero layout with a paper backdrop.
 *
 * Generated from mobile-import-library-hero.css. Every rule written for
 * body.is-athlete-hero is twinned for body.is-athlete-hero.is-athlete-plate
 * with white chrome flipped to ink and the dark feed flipped to white, so
 * an app without a picture reads on paper instead of a black block. The
 * extra class outranks the original at the same source position; this file
 * loads after the hero sheet. Regenerate rather than hand-edit.
 */
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body,
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list,
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group,
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb {
    background: #ffffff!important;
    background-color: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-app-header#mobile-app-header#mobile-app-header .mobile-app-header__icon-btn {
    background: rgba(17, 18, 20, 0.06)!important;
    border-color: rgba(17, 18, 20, 0.1)!important;
    box-shadow: none!important;
}
html body.is-athlete-hero.is-athlete-plate.nst-media-onstage #mobile-app-header#mobile-app-header#mobile-app-header .mobile-app-header__icon-btn.mobile-app-header__search-btn {
    border: 1px solid rgba(17, 18, 20, 0.3)!important;
    background: rgba(17, 18, 20, 0.08)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.28), 0 8px 20px -12px rgba(0, 0, 0, 0.6)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-app-header#mobile-app-header#mobile-app-header .mobile-app-header__icon-btn.mobile-app-header__search-btn.is-active {
    background: rgba(17, 18, 20, 0.92)!important;
    color: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-app-header#mobile-app-header#mobile-app-header .mobile-app-header__icon-btn.mobile-app-header__search-btn.is-active i {
    color: #ffffff!important;
    -webkit-text-fill-color: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__profile-strip.is-identity:has(.mobile-import-library__identity-hero), html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__body {
    background: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__list, html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__day-group {
    background: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__thumb {
    background-color: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search {
    box-shadow: inset 0 1px 2px rgba(17, 20, 28, 0.07),
        0 1px 0 rgba(17, 18, 20, 0.9)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search {
    box-shadow: 0 12px 30px rgba(18, 22, 33, 0.09),
        0 2px 7px rgba(18, 22, 33, 0.04),
        inset 0 1px 0 rgba(17, 18, 20, 0.95)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search:focus-within {
    background: rgba(17, 18, 20, 0.98)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search::before {
    border: 1px solid rgba(17, 18, 20, 0.2)!important;
    background: #ffffff!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search {
    border: 1px solid rgba(17, 18, 20, 0.3)!important;
    background: rgba(17, 18, 20, 0.08)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.28),
        0 14px 34px -18px rgba(0, 0, 0, 0.6)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search:focus-within {
    border-color: rgba(17, 18, 20, 0.5)!important;
    background: rgba(17, 18, 20, 0.14)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.32),
        0 0 0 4px rgba(17, 18, 20, 0.08),
        0 22px 44px -18px rgba(0, 0, 0, 0.9)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline .mobile-import-library__search::before {
    border: 1px solid rgba(17, 18, 20, 0.28)!important;
    background: rgba(17, 18, 20, 0.16)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.3)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library.mobile-import-library.mobile-import-library.is-light.is-home-embedded.is-posted-bytes-timeline #mobile-import-library-source-input::placeholder {
    color: rgba(17, 18, 20, 0.62)!important;
    -webkit-text-fill-color: rgba(17, 18, 20, 0.62)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library nav.mobile-import-library__scope-tabs[data-mobile-import-library-scope-tabs] {
    border: 1px solid rgba(17, 18, 20, 0.3)!important;
    background: rgba(17, 18, 20, 0.08)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.28),
        0 12px 30px -18px rgba(0, 0, 0, 0.6)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library nav.mobile-import-library__scope-tabs[data-mobile-import-library-scope-tabs] > button {
    color: rgba(17, 18, 20, 0.72)!important;
    -webkit-text-fill-color: rgba(17, 18, 20, 0.72)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library nav.mobile-import-library__scope-tabs[data-mobile-import-library-scope-tabs] > button.is-active, html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library nav.mobile-import-library__scope-tabs[data-mobile-import-library-scope-tabs] > button[aria-selected="true"] {
    background: rgba(17, 18, 20, 0.24)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.36),
        0 4px 12px -6px rgba(0, 0, 0, 0.45)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library .mobile-import-library__scope-loading-pill {
    border: 1px solid rgba(17, 18, 20, 0.3)!important;
    background: rgba(17, 18, 20, 0.08)!important;
    box-shadow: inset 0 1px 0 rgba(17, 18, 20, 0.28), 0 8px 20px -12px rgba(0, 0, 0, 0.6)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library .mobile-import-library__scope-loading-spinner {
    border: 2px solid rgba(17, 18, 20, 0.22)!important;
}
html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library .mobile-import-library__scope-skeleton-tile, html body.is-athlete-hero.is-athlete-plate #mobile-import-library#mobile-import-library.mobile-import-library .mobile-import-library__scope-skeleton-lines i {
    background: rgba(17, 18, 20, 0.07)!important;
    border: 1px solid rgba(17, 18, 20, 0.08)!important;
}

/* Header controls on the plate. The base sheet paints them as white glass
   with a selector that carries two ids (the :has() on #mobile-import-library
   counts), so the plate rules in the hero sheet lose. These carry the same
   ids plus the plate class. */
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"],
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__contact-btn:not([hidden]),
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn {
    border: 1px solid rgba(17, 18, 20, 0.12) !important;
    background: rgba(17, 18, 20, 0.05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    color: #111214 !important;
    -webkit-text-fill-color: #111214 !important;
}
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"] i,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__icon-btn[aria-label="Notifications"] svg,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__contact-btn i,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn i,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__more-btn span,
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn span {
    color: #111214 !important;
    -webkit-text-fill-color: #111214 !important;
    fill: #111214 !important;
    filter: none !important;
    text-shadow: none !important;
}
/* Become a member keeps its solid fill. */
html body.is-athlete-hero.is-athlete-plate:has(#mobile-import-library.is-open.is-home-embedded) #mobile-app-header .mobile-app-header__auth-btn.mobile-app-header__join-btn {
    background: #111214 !important;
    border-color: #111214 !important;
    color: #FBFBF9 !important;
    -webkit-text-fill-color: #FBFBF9 !important;
}