@layer base {
  .settings {
    width: 80px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("./assets/settings-bg.svg") center / contain no-repeat;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .bars {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .bar {
    display: block;
    width: 32px;
    height: 7px;
    border-radius: 5px;
    background-color: #563417;
    background-image: linear-gradient(180deg, #ebcb71 0%, #aa6831 100%);
    box-shadow:
      0px 1px 1px 0px #00000073,
      0px 1px 0px 0px #ffefd1 inset,
      0px -1px 0px 0px #0000008c inset;
  }
}
