.link-share-view {
  .logo {
    max-width: 500px;
    width: 90%;
    margin: 2em 0 4em;
  }

  .logout {
    text-align: right;
    margin-bottom: 1rem;
  }

  .column {
    max-width: 100%;
  }

  .card {
    background: $white;
  }

  .title {
    text-shadow: 0 0 1rem $white;
  }
}

.field.has-addons.no-input-mobile {
  .control:first-child {
    width: 100%;
  }

  .button {
    height: 40px;
  }

  @media screen and (max-width: $tablet) {
    .control:first-child {
      display: none;
    }

    .button {
      border-radius: $radius !important;
    }
  }
}

.sharables-list:not(.card-content) {
  overflow-y: auto
}

.link-share-container.has-background .container {
  max-width: 100vw;

  .column {
    width: 100%;
    margin: 0;
  }
}