.artefact-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 50px; }
  .artefact-navigation label {
    font-size: calc(min(1.2em, 3vw));
    margin-right: 10px;
    color: #afbec5; }
  .artefact-navigation input {
    background-color: black;
    color: white;
    padding: 0.8vh 0.8vw;
    font: inherit;
    font-size: calc(min(1.2em, 3vw));
    border: 1px solid white;
    overflow: hidden;
    width: 5vw;
    box-sizing: border-box;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: textfield; }
  .artefact-navigation .page-view-select {
    display: flex;
    gap: 15px;
    padding: 10px; }
    .artefact-navigation .page-view-select .page-view-icon {
      height: 30px;
      width: 30px;
      cursor: pointer;
      background-color: #afbec5;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      transition: background-color 0.3s ease; }
      .artefact-navigation .page-view-select .page-view-icon#single {
        -webkit-mask-image: url("../icons/single-page.png");
        mask-image: url("../icons/single-page.png"); }
      .artefact-navigation .page-view-select .page-view-icon#double {
        -webkit-mask-image: url("../icons/double-page.png");
        mask-image: url("../icons/double-page.png"); }
      .artefact-navigation .page-view-select .page-view-icon:hover {
        background-color: white !important; }
      .artefact-navigation .page-view-select .page-view-icon.selected {
        background-color: white !important; }

/*# sourceMappingURL=artefact_navigation.sass.css.map */