/* [project]/src/app/(shell)/book/[slug]/(view)/read/ReaderHeader.module.css [app-client] (css) */
@media (max-width: 767px), (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
  .ReaderHeader-module__tJlQyq__header {
    gap: 4px;
    min-height: 48px;
    padding: 4px 8px;
    display: flex;
  }

  .ReaderHeader-module__tJlQyq__header > a {
    flex: none;
    justify-content: center;
    width: 32px;
    height: 40px;
    padding: 0;
  }

  .ReaderHeader-module__tJlQyq__header > h1 {
    flex: 1;
    order: 1;
  }

  .ReaderHeader-module__tJlQyq__header > div:first-of-type {
    flex: none;
    order: 0;
    margin: 0;
  }

  .ReaderHeader-module__tJlQyq__header > div:last-child {
    flex: none;
    order: 2;
    gap: 1px;
  }

  .ReaderHeader-module__tJlQyq__header > div:last-child > button {
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    position: relative;
  }

  .ReaderHeader-module__tJlQyq__header > div:last-child > button > svg {
    width: 20px;
    height: 20px;
  }

  .ReaderHeader-module__tJlQyq__header > div:last-child > button > span {
    display: none;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  .ReaderHeader-module__tJlQyq__header > h1 {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .ReaderHeader-module__tJlQyq__header > div:first-of-type {
    margin-right: auto;
  }
}

@media (max-width: 359px) {
  .ReaderHeader-module__tJlQyq__header {
    gap: 2px;
    padding-inline: 4px;
  }

  .ReaderHeader-module__tJlQyq__header > div:last-child > button {
    width: 36px;
  }
}

/*# sourceMappingURL=src_app_%28shell%29_book_%5Bslug%5D_%28view%29_read_ReaderHeader_module_149j1xv9pedym.css.map*/