.instagramfeed {
  position: relative;
  width: 100%;
  height: 200px;
  white-space: nowrap;
  overflow: hidden; }
  .instagramfeed .film {
    position: absolute;
    cursor: grab; }
    .instagramfeed .film.is-dragging {
      cursor: grabbing; }
    .instagramfeed .film .node {
      position: relative;
      width: 200px;
      height: 200px;
      display: inline-block;
      margin: 0;
      padding: 0; }
      .instagramfeed .film .node .picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px;
        margin: 0;
        padding: 0; }
        .instagramfeed .film .node .picture img {
          object-fit: cover;
          width: 200px;
          height: 200px;
          margin: 0;
          padding: 0; }
      .instagramfeed .film .node .carousel_album {
        width: 200px;
        height: 200px;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative; }
        .instagramfeed .film .node .carousel_album > .inner {
          opacity: 1;
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          .instagramfeed .film .node .carousel_album > .inner > .slide {
            text-align: center;
            width: 100%;
            margin: auto;
            position: absolute;
            left: -100%; }
      .instagramfeed .film .node .natural {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px;
        background-color: transparent;
        transition: background-color 0.4s ease; }
        .instagramfeed .film .node .natural .environment {
          position: relative;
          display: inline-block;
          color: white;
          opacity: 0;
          font-weight: bold;
          transition: opacity 0.4s ease;
          padding-right: 10px;
          text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
        .instagramfeed .film .node .natural:hover {
          background-color: rgba(0, 0, 0, 0.4); }
          .instagramfeed .film .node .natural:hover .environment {
            opacity: 1; }
      .instagramfeed .film .node .engagements {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px;
        background-color: transparent;
        transition: background-color 0.4s ease; }
        .instagramfeed .film .node .engagements .likes, .instagramfeed .film .node .engagements .comments {
          position: relative;
          display: inline-block;
          width: 50px;
          height: 19px;
          color: white;
          opacity: 0;
          font-weight: bold;
          transition: opacity 0.4s ease;
          padding-left: 25px;
          text-align: right; }
          .instagramfeed .film .node .engagements .likes:before, .instagramfeed .film .node .engagements .comments:before {
            content: '';
            position: absolute;
            background: url(https://www.instagram.com/static/bundles/base/sprite_core.png/3243a2788e25.png) no-repeat;
            width: 19px;
            height: 19px;
            left: 0; }
        .instagramfeed .film .node .engagements .likes:before {
          background-position: -404px -357px; }
        .instagramfeed .film .node .engagements .comments:before {
          background-position: -425px -357px; }
        .instagramfeed .film .node .engagements:hover {
          background-color: rgba(0, 0, 0, 0.3); }
          .instagramfeed .film .node .engagements:hover .comments, .instagramfeed .film .node .engagements:hover .likes {
            opacity: 1; }

/*# sourceMappingURL=instagram.css.map */