.application-body.application-bookmarks {
  --app-colour: var(--app-colour-bookmarks, #7e726a);
  // Styling for the absence application starts here. The styles are
    // automatically name spaced. So should you like to colour the background
    // of the application red, then all you have to put below is: background: red;
}
.application-body.application-bookmarks {
  background-color: var(--colour-base) !important;
}
.application-body.application-bookmarks .document-body,
.application-body.application-bookmarks .document-content {
  // overflow: auto;
  background-color: var(--colour-base);
  // box-sizing: border-box;
  // position: absolute;
  // top: 0;
  // right: 0;
  // bottom: 0;
  // left: 0;
  // overflow: auto;
}
.application-body.application-bookmarks .user-cards {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 1em;
}
@include screen-size(medium) {

            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
@include screen-size(large) {

            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
.application-body.application-bookmarks .user-cards .quaive-contact-card {
  width: 100%;
  margin: 0;
}
.application-body.application-bookmarks .office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.application-body.application-bookmarks .office-files .item figure {
  // Styles for backwards compatibility with old office tiles.

        background-color: var(--colour-base-background);
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
.application-body.application-bookmarks .office-files .item figure img {
  // Styles for backwards compatibility with old office tiles.

        width: 100%;
}
.application-body.application-bookmarks .office-files .item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
.application-body.application-bookmarks .office-files .item figure figcaption {
  // Styles for backwards compatibility with old office tiles.

        font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}