.layout__fill-parent {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* == OVERFLOW == */

.layout__no-overflow {
  overflow: hidden;
}

.layout__scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.layout__scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.layout__overflow-x {
  overflow-x: visible;
  overflow-y: hidden;
}

.layout__overflow-y {
  overflow-x: hidden;
  overflow-y: visible;
}

.layout__text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* == FLEX BOX == */

.layout__flex-row {
  display: flex;
  flex-direction: row;
}

.layout__flex-column {
  display: flex;
  flex-direction: column;
}

.layout__flex-center {
  align-items: center;
  justify-content: center;
}

/* == Z-INDICES == */

.layout__z-medium {
  z-index: 100;
}

.layout__z-lower {
  z-index: -100;
}

.layout__z-low {
  z-index: 0;
}

.layout__z-high {
  z-index: 1000;
}

.layout__z-higher {
  z-index: 100000;
}

.layout__z-highest {
  z-index: 1000000;
}

.GridLayout__root {
  align-items: stretch;
}

.GridLayout__grid {
  display: grid;
  grid-auto-flow: dense;
}

.GridLayout__cell {
  position: relative;
  padding-bottom: 100%;
}

.GridLayout__cell-content {
  position: absolute;
  align-items: stretch;
  justify-content: stretch;
}

.GridLayout__media-container {
  flex: 1;
  overflow: hidden;
}

.GridLayout__media-meta {
  align-items: stretch;
}

.GridLayout__button-list {
  align-items: center;
}

.MediaTile__root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  background-color: #000;
}

.MediaTile__type-icon {
  position: absolute;
  top: 0.5%;
  right: 0.5%;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

.MediaTile__image-type-icon {
  background-position: -34px -34px;
}

.MediaTile__video-type-icon {
  background-position: 0 -34px;
}

.MediaTile__album-type-icon {
  background-position: 0 0;
}

.MediaTile__overlay {
  position: absolute;
}

.MediaOverlay__root {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.3vw;
  box-sizing: border-box
}

.MediaOverlay__root > * {
    color: inherit;
    font-size: 13px;
    font-weight: normal;
  }

.MediaOverlay__root a {
    color: inherit;
    text-decoration: none;
    text-underline-style: single
  }

.MediaOverlay__root a:hover {
      text-decoration: underline;
    }

.MediaOverlay__rows {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  max-height: 100%;
}

.MediaOverlay__row {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

.MediaOverlay__top-row {
  justify-content: flex-start;
  height: 40%;
  max-height: 40%;
}

.MediaOverlay__middle-row {
  justify-content: center;
  height: 20%;
  max-height: 20%;
}

.MediaOverlay__bottom-row {
  justify-content: flex-end;
  height: 40%;
  max-height: 40%;
}

.MediaOverlay__counter-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.MediaOverlay__username {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3px;
  color: inherit;
}

.MediaOverlay__date {
  font-size: 13px;
  text-align: center;
  line-height: 20px;
}

.MediaOverlay__caption {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.3em;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MediaOverlay__counter {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;

  color: inherit;
  font-weight: bold;
  font-size: 0;
  white-space: nowrap
}

.MediaOverlay__counter .dashicons {
    font-size: 0;
    width: 0;
    height: 0;
    margin-right: 10%;
  }

.MediaOverlay__counter:not(:last-child) {
    margin-right: 15%;
  }

.MediaOverlay__likes-count {
}

.MediaOverlay__comments-count {
}

.MediaOverlay__ig-link-icon {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  color: inherit;
  font-size: 0
}

.MediaOverlay__ig-link-icon:hover {
    color: inherit;
    text-decoration: none !important;
  }

.MediaObject__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background-color: var(--sli-grey);
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: MediaObject__media-background-fade-in-animation;
          animation-name: MediaObject__media-background-fade-in-animation;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards
}

.MediaObject__media img, .MediaObject__media video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 solid transparent !important;
    outline: 0 solid transparent !important;
    box-shadow: 0 0 0 transparent !important;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-name: MediaObject__media-object-fade-in-animation;
            animation-name: MediaObject__media-object-fade-in-animation;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    box-sizing: content-box !important;
  }

.MediaObject__preview {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.MediaObject__preview, .MediaObject__preview img, .MediaObject__preview video {
    pointer-events: none;
  }

.MediaObject__not-available {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 600px;
  color: #fff;
}

@-webkit-keyframes MediaObject__media-background-fade-in-animation {
  from {
    background-color: var(--sli-grey);
  }

  to {
    background-color: #000;
  }
}

@keyframes MediaObject__media-background-fade-in-animation {
  from {
    background-color: var(--sli-grey);
  }

  to {
    background-color: #000;
  }
}

@-webkit-keyframes MediaObject__media-object-fade-in-animation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes MediaObject__media-object-fade-in-animation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.MediaVideo__root {
}

.MediaVideo__preview {
}

:root {
  --sli-media-album-controls-size: 18px;
  --sli-media-album-controls-bg-color: rgba(255, 255, 255, 0.6);
  --sli-media-album-controls-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.MediaAlbum__root {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.MediaAlbum__strip {
  min-width: 100%;
  height: 100%;
  white-space: nowrap;

  transition: 0.36s transform cubic-bezier(0.215, 0.6, 0.35, 1);
}

.MediaAlbum__frame {
  display: inline-flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
}

.MediaAlbum__controls {
  position: absolute;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  pointer-events: none;
}

.MediaAlbum__nav-button {
  width: 18px;
  width: var(--sli-media-album-controls-size);
  height: 18px;
  height: var(--sli-media-album-controls-size);
  padding: 3px;
  border: 0;
  outline: 0;
  background: rgba(255, 255, 255, 0.6);
  background: var(--sli-media-album-controls-bg-color);
  border-radius: 99999px;
  box-sizing: content-box;
  cursor: pointer;
  pointer-events: all
}

.MediaAlbum__nav-button, .MediaAlbum__nav-button:hover, .MediaAlbum__nav-button:focus, .MediaAlbum__nav-button:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--sli-media-album-controls-shadow);
  }

.MediaAlbum__nav-button:focus, .MediaAlbum__nav-button:active {
    outline: 0;
  }

.MediaAlbum__nav-button .dashicons {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px !important;
    font-size: var(--sli-media-album-controls-size) !important;
    width: 18px !important;
    width: var(--sli-media-album-controls-size) !important;
    height: 18px !important;
    height: var(--sli-media-album-controls-size) !important;
    line-height: 18px !important;
    line-height: var(--sli-media-album-controls-size) !important;
  }

.MediaAlbum__prev-button {
}

.MediaAlbum__next-button {
}

.MediaAlbum__indicator-list {
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.MediaAlbum__indicator {
  --size: 7px;

  width: var(--size);
  height: var(--size);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: var(--sli-media-album-controls-shadow);
  border-radius: 99999px;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: var(--sli-media-album-controls-bg-color);
  box-sizing: border-box;
  transition: 0.16s background-color linear;
  transition-delay: 0.2s
}

.MediaAlbum__indicator:not(:last-of-type) {
    margin-right: 6px;
  }

.MediaAlbum__indicator-current {
  background-color: #fff;
}

.MediaImage__root {
}

.MediaImage__preview {
  width: 100%;
  height: 100%
}

.MediaImage__preview img, .MediaImage__preview video {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

.MediaTileCaption__root {
  margin-top: 6px;
}

.MediaTileCaption__preview {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MediaTileCaption__full {
  text-align: left;
  white-space: pre-line;
}

.MediaTileIcons__root {
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

.MediaTileIcons__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px
}

.MediaTileIcons__icon:not(:last-child) {
    margin-right: 10px;
  }

.MediaTileIcons__icon .dashicons {
    margin-right: 5px;
  }

.FeedLayout__root {
  box-sizing: border-box;
  overflow: auto;
}

.FeedLayout__wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.FeedLayout__button {
  display: block;
  text-align: center;
}

.FeedLayout__load-more-btn {
}

.FeedLayout__follow-btn {
}

.FeedLayout__fake-media {
  padding-bottom: 100%;
  border-radius: 2px;
  background-color: var(--sli-grey);
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: FeedLayout__fake-media-flash-animation;
          animation-name: FeedLayout__fake-media-flash-animation;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  opacity: 0.1;
}

@-webkit-keyframes FeedLayout__fake-media-flash-animation {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes FeedLayout__fake-media-flash-animation {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.1;
  }
}

.MediaComment__root {
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
}

.MediaComment__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}

.MediaComment__username {
  color: inherit !important;
  font-weight: bold !important;
  margin-right: 6px !important;
}

.MediaComment__content {
  flex: 1;
}

.MediaComment__meta-list {
}

.MediaComment__meta {
  font-size: 0.9em;
  opacity: 0.7;
}

.MediaComment__date {
}

.MediaComment__like-count {
  font-weight: bold;
  margin-left: 8px;
}

:root {
  --sli-dashicon-normal-size: 20px;
  --sli-dashicon-large-size: 40px;
}

.dashicons__dashicon-large {
  font-size: 40px;
  font-size: var(--sli-dashicon-large-size);
  width: 40px;
  width: var(--sli-dashicon-large-size);
  height: 40px;
  height: var(--sli-dashicon-large-size);
  line-height: 40px;
  line-height: var(--sli-dashicon-large-size);
}

.dashicons__dashicon-normal {
  font-size: 20px;
  font-size: var(--sli-dashicon-normal-size);
  width: 20px;
  width: var(--sli-dashicon-normal-size);
  height: 20px;
  height: var(--sli-dashicon-normal-size);
  line-height: 20px;
  line-height: var(--sli-dashicon-normal-size);
}

:root {
  --sli-media-lightbox-border-color: #eee;
}

.MediaLightbox__root {
  position: fixed !important;
}

.MediaLightbox__root a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none
}

.MediaLightbox__root a:hover,
  .MediaLightbox__root a:focus {
    text-decoration: underline
  }

.MediaLightbox__root a:hover .dashicons, .MediaLightbox__root a:focus .dashicons {
      text-decoration: none !important;
    }

/*---------------------------------------------------------
  MAIN COMPONENTS
*/

.MediaLightbox__shade {
  position: absolute;
  background: rgba(0, 0, 0, .8);
}

.MediaLightbox__shade-fullscreen {
  background: #000;
}

.MediaLightbox__container {
  align-items: stretch;
  justify-content: space-around;

  position: relative;
  max-width: 935px;
  min-height: 450px;
  max-height: 750px;
  background: #fff;
}

.MediaLightbox__container-with-sidebar {
  padding-right: 335px;
}

.MediaLightbox__frame {
  background: #000;
  width: auto;
  min-width: 450px;
  max-width: 600px;
  max-height: 600px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.MediaLightbox__sidebar {
  border-left: 1px solid #eee;
  border-left: 1px solid var(--sli-media-lightbox-border-color);

  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 335px;
  box-sizing: border-box;
}

/*---------------------------------------------------------
  NAV BUTTON CONTAINERS
*/

.MediaLightbox__nav-button-container {
  position: absolute;
  top: 0;
  bottom: 0;
}

.MediaLightbox__next-button-container {
  right: 12px;
}

.MediaLightbox__prev-button-container {
  left: 12px;
}

/*---------------------------------------------------------
  BUTTONS
*/

.MediaLightbox__button {
  color: #fff;
  padding: 5px;
  background: transparent;
  border: 0 transparent;
  outline: 0 transparent;
  box-shadow: 0 0 0 transparent;
  cursor: pointer
}

.MediaLightbox__button:focus,
  .MediaLightbox__button:active {
    outline: 1px dotted black;
  }

.MediaLightbox__button .dashicons {
    color: inherit;
  }

.MediaLightbox__button-icon {
}

.MediaLightbox__next-button {
}

.MediaLightbox__prev-button {
}

.MediaLightbox__close-button {
  position: absolute;
  top: 5px;
  right: 5px;
}

/*---------------------------------------------------------
    SIDEBAR COMPONENTS
*/

.MediaLightbox__sidebar-component {
  padding: 18px 20px;
}

.MediaLightbox__sidebar-component-bordered {
  border: 0 solid #eee;
  border: 0 solid var(--sli-media-lightbox-border-color);
}

.MediaLightbox__sidebar-header {
  align-items: center;
  border-bottom-width: 1px;
}

.MediaLightbox__sidebar-header-pic {
  width: 34px;
  height: 34px;
  border-radius: 999999px;
}

.MediaLightbox__sidebar-header-pic-link {
  margin-right: 8px;
}

.MediaLightbox__sidebar-scroller {
  flex: 1;
}

.MediaLightbox__sidebar-comment-list {

  align-items: stretch;
  justify-content: flex-start;
}

.MediaLightbox__sidebar-comment {
  margin-bottom: 10px;
  line-height: 1.5em;
}

.MediaLightbox__sidebar-source-name {
  font-size: 1.15em;
  line-height: 1.5em;

  a {
    color: inherit;
  }
}

.MediaLightbox__sidebar-footer {
  line-height: 20px
}

.MediaLightbox__sidebar-footer .dashicons {
    margin-right: 5px;
  }

.MediaLightbox__sidebar-info {
  flex: 1;
  justify-content: center
}

.MediaLightbox__sidebar-info:not(:empty) {
    border-top-width: 1px;
  }

.MediaLightbox__sidebar-info-line {
  line-height: 20px
}

.MediaLightbox__sidebar-info-line:not(:last-child) {
    margin-bottom: 5px;
  }

.MediaLightbox__sidebar-num-likes {
  font-size: 1.1em;
  font-weight: bold;
}

.MediaLightbox__sidebar-date {
  font-size: 0.9em;
  opacity: 0.8;
  text-transform: uppercase;
}

.MediaLightbox__sidebar-ig-link {
  border-top-width: 1px;
  line-height: 20px
}

.MediaLightbox__sidebar-ig-link a {
    color: inherit;
  }

.MediaLightboxObject__media {
  min-width: unset;
  max-width: unset;
  min-height: unset;
  max-height: unset;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 solid transparent !important;
  outline: 0 solid transparent !important;
  box-shadow: 0 0 0 transparent !important;
  box-sizing: content-box !important;
}

.MediaLightboxImage__image {
}

.MediaLightboxVideo__video {
}

:root {
  --sli-media-album-controls-size: 18px;
  --sli-media-album-controls-bg-color: rgba(255, 255, 255, 0.6);
  --sli-media-album-controls-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.MediaLightboxAlbum__root {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.MediaLightboxAlbum__strip {
  min-width: 100%;
  height: 100%;
  white-space: nowrap;

  transition: 0.36s transform cubic-bezier(0.215, 0.6, 0.35, 1);
}

.MediaLightboxAlbum__frame {
  display: inline-flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
}

.MediaLightboxAlbum__controls {
  position: absolute;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  pointer-events: none;
}

.MediaLightboxAlbum__nav-button {
  width: 18px;
  width: var(--sli-media-album-controls-size);
  height: 18px;
  height: var(--sli-media-album-controls-size);
  padding: 3px;
  border: 0;
  outline: 0;
  background: rgba(255, 255, 255, 0.6);
  background: var(--sli-media-album-controls-bg-color);
  border-radius: 99999px;
  box-sizing: content-box;
  cursor: pointer;
  pointer-events: all
}

.MediaLightboxAlbum__nav-button, .MediaLightboxAlbum__nav-button:hover, .MediaLightboxAlbum__nav-button:focus, .MediaLightboxAlbum__nav-button:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--sli-media-album-controls-shadow);
  }

.MediaLightboxAlbum__nav-button:focus, .MediaLightboxAlbum__nav-button:active {
    outline: 0;
  }

.MediaLightboxAlbum__nav-button .dashicons {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px !important;
    font-size: var(--sli-media-album-controls-size) !important;
    width: 18px !important;
    width: var(--sli-media-album-controls-size) !important;
    height: 18px !important;
    height: var(--sli-media-album-controls-size) !important;
    line-height: 18px !important;
    line-height: var(--sli-media-album-controls-size) !important;
  }

.MediaLightboxAlbum__prev-button {
}

.MediaLightboxAlbum__next-button {
}

.MediaLightboxAlbum__indicator-list {
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.MediaLightboxAlbum__indicator {
  --size: 7px;

  width: var(--size);
  height: var(--size);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: var(--sli-media-album-controls-shadow);
  border-radius: 99999px;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: var(--sli-media-album-controls-bg-color);
  box-sizing: border-box;
  transition: 0.16s background-color linear;
  transition-delay: 0.2s
}

.MediaLightboxAlbum__indicator:not(:last-of-type) {
    margin-right: 6px;
  }

.MediaLightboxAlbum__indicator-current {
  background-color: #fff;
}

.FeedHeader__root {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: inherit;
  flex-wrap: wrap;
}

.FeedHeader__container {
  display: flex;
  flex-direction: row;
}

.FeedHeader__left-container {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
}

.FeedHeader__right-container {
  flex: 0;
  justify-content: flex-end;
  align-items: stretch;
}

.FeedHeader__profile-pic {
  flex-shrink: 0;
  width: $picSize;
  height: $picSize;
  margin-right: 10px;
  border-radius: 9999999px;
  overflow: hidden
}

.FeedHeader__profile-pic a {
    display: block;
    width: 100%;
    height: 100%;
  }

.FeedHeader__profile-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.FeedHeader__profile-pic-with-stories {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sli-tertiary-color);
}

.FeedHeader__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 2px 0;
  margin-right: 10px;
}

.FeedHeader__info-row {
  line-height: 1em;
  margin: 2px 0
}

.FeedHeader__info-row:first-of-type {
    margin-top: 5px;
  }

.FeedHeader__info-row:last-of-type {
    margin-bottom: 5px;
  }

.FeedHeader__username {
  font-size: 115%;
  font-weight: bold
}

.FeedHeader__username a {
    color: inherit;
    text-decoration: none
  }

.FeedHeader__username a:hover {
      text-decoration: underline;
    }

.FeedHeader__subtext {
  color: inherit;
  padding: 3px 3px 0;
}

.FeedHeader__bio {
  padding: 3px 3px 0
}

.FeedHeader__bio:empty {
    padding: 0;
  }

.FeedHeader__bio p {
    font-size: 100%;
    color: inherit;
    margin: 3px 0;
    line-height: 1.2em;
  }

.FeedHeader__counter-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.FeedHeader__counter {
  font-size: 90%
}

.FeedHeader__counter span {
    font-weight: bold;
  }

.FeedHeader__counter:not(:last-of-type) {
    margin-right: 10px;
  }

.FeedHeader__follow-button {
  justify-self: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/*---------------------------------------------------------
  NORMAL STYLE
*/

.FeedHeader__normal-style {
}

/*---------------------------------------------------------
  CENTERED STYLE
*/

.FeedHeader__centered-style {
}

.FeedHeader__centered-style, .FeedHeader__centered-style .FeedHeader__container {
    flex-direction: column;
    align-items: center;
  }

.FeedHeader__centered-style .FeedHeader__profile-pic {
    margin-right: 0;
    margin-bottom: 10px;
  }

.FeedHeader__centered-style .FeedHeader__info {
    align-items: stretch;
    justify-content: flex-start;
    text-align: center;
  }

.FeedHeader__centered-style .FeedHeader__bio {
    margin: 0
  }

.FeedHeader__centered-style .FeedHeader__bio p {
      text-align: center;
    }

.FeedHeader__centered-style .FeedHeader__counter-list {
    position: relative;
    justify-content: center;
    padding: 0;
    border-top: 1px solid transparent;
  }

.FeedHeader__centered-style .FeedHeader__follow-button {
    margin-top: 10px;
  }

/*---------------------------------------------------------
  BOXED STYLE
*/

.FeedHeader__boxed-style {

  padding: 0;
  border-radius: 0;
  align-items: stretch;
  margin-bottom: 1.5em
}

.FeedHeader__boxed-style .FeedHeader__profile-pic {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 0;
    background: #000
  }

.FeedHeader__boxed-style .FeedHeader__profile-pic img {
      width: auto;
      height: 100%;
    }

.FeedHeader__boxed-style .FeedHeader__info {
    justify-content: center;
    padding: 5px;
  }

.FeedHeader__boxed-style .FeedHeader__counter-list {
    position: absolute;
    top: 100%;
    left: 0;
  }

.FeedHeader__boxed-style .FeedHeader__follow-button {
    margin-right: 6px;
  }

.feed__feed-button {
  display: inline-block;
  padding: 0.8em 1.1em;
  border: 0;
  border-radius: 3px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal
}
.feed__feed-button, .feed__feed-button:hover, .feed__feed-button:focus {
    text-decoration: none !important;
  }
.feed__feed-button:hover, .feed__feed-button:focus, .feed__feed-button:active {
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.2) inset;
  }
.feed__feed-button:focus, .feed__feed-button:active {
    outline: 0 !important;
  }

.FollowButton__link {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.FollowButton__button {
}

.StoryLightbox__root {
  position: fixed;
  justify-content: flex-start;
  align-items: center;
  background: #262626;
  padding: 10px 0;
  box-sizing: border-box;
}

.StoryLightbox__container {
  justify-content: flex-start;
  align-items: stretch;
  width: 50vh;
}

.StoryLightbox__header {
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  font-size: 14px;
  padding: 15px 0;
}

.StoryLightbox__profile-picture {
  -o-object-fit: cover;
     object-fit: cover;
  width: 30px;
  height: 30px;
  border-radius: 99999px;
}

.StoryLightbox__username {
  font-weight: bold;
  margin: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.StoryLightbox__username:-webkit-any-link {
    color: #fff;
    text-decoration: none;
  }

.StoryLightbox__username:-moz-any-link {
    color: #fff;
    text-decoration: none;
  }

.StoryLightbox__username:any-link {
    color: #fff;
    text-decoration: none;
  }

.StoryLightbox__date {
  opacity: 0.7;
  font-size: 14px;
}

.StoryLightbox__progress {
  margin-bottom: 10px;
}

.StoryLightbox__progress-segment {
  flex: 1;
  position: relative;
  height: 2px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .35);
  overflow: hidden
}

.StoryLightbox__progress-segment:not(:last-of-type) {
    margin-right: 2px;
  }

.StoryLightbox__progress-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: #fff;
}

.StoryLightbox__progress-overlay-animating {
  -webkit-animation-name: StoryLightbox__progress-segment-animation;
          animation-name: StoryLightbox__progress-segment-animation;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.StoryLightbox__progress-overlay-done {
  width: 100%;
}

.StoryLightbox__content {
  flex: 1;
  position: relative;
}

.StoryLightbox__media {

}

.StoryLightbox__button {
  color: #fff;
  opacity: 0.8;
  cursor: pointer;
  text-align: center
}

.StoryLightbox__button:hover {
    opacity: 1;
  }

.StoryLightbox__close-button {
  position: absolute;
  top: 0;
  right: -50px;
  color: rgba(255, 255, 255, .75)
}

.StoryLightbox__close-button .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
  }

.StoryLightbox__nav-button {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 5px;
  color: rgba(0, 0, 0, .75);
  background: rgba(255, 255, 255, .75);
  border-radius: 999999px;
}

.StoryLightbox__prev-button {
  left: -50px
}

.StoryLightbox__prev-button .dashicons {
    position: relative;
    left: -1px;
  }

.StoryLightbox__next-button {
  right: -50px
}

.StoryLightbox__next-button .dashicons {
    position: relative;
    left: 1px;
  }

@-webkit-keyframes StoryLightbox__progress-segment-animation {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes StoryLightbox__progress-segment-animation {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.LoadMoreButton__root {
}

.ProfilePic__root {
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.ProfilePic__round {
  border-radius: 99999px;
}

.ProfilePic__square {
  border-radius: 0;
}