/* 기본 스타일 (quote 버튼) */

/* Quote 레이어 스타일 */
#quoteLayer {
  position: fixed;
  top: 0;
  right: -100%; /* 처음에는 화면 밖에 위치 (오른쪽) */
  width: 300px; /* 레이어 너비 (메뉴와 다르게 설정) */
  height: 100vh; /* 화면 전체 높이 */
  background-color: #f5f5f5; /* 튀어 나온 quote 배경색 (메뉴와 다르게 설정) */
  transition: right 0.5s cubic-bezier(0.7, 0, 0.3, 1); /* 오른쪽에서 나오도록 변경 */
  z-index: 1001; /* 메뉴 레이어보다 위에 위치하도록 z-index 값을 높입니다. */
  /* 필요에 따라 추가적인 스타일링 */
}

/* 배경 어둡게 효과 (quote 전용) */
.dimmed-quote {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3); /* 투명 검은색 (메뉴와 투명도 다르게 설정 가능) */
  z-index: 1000; /* quote 레이어 바로 아래 */
}