/* 메인홈 서랍 아이콘만 화면 오른쪽 아래에 띄웁니다. */
#varen-drawer-button {
  z-index: 900;
}

/* 전체화면 플레이어와 대화상자에서는 숨깁니다. */
html.player-fullscreen-open #varen-drawer-button,
body:has(dialog[open]) #varen-drawer-button {
  display: none;
}

/* 좁은 화면에서는 아이콘을 작게 표시합니다. 하단 바는 없습니다. */
@media (max-width: 1338px) {
  #varen-drawer-button {
    --drawer-size: 48px;
    --drawer-mobile-size: 48px;
    --drawer-right: 12px;
    --drawer-bottom: 12px;
  }
}