/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/
/* 기존 클래스들을 타겟팅하여 디자인을 덮어씌움 */
.border-2.border-white\/5.rounded-xl {
    background-color: rgba(0, 0, 0, 0.4) !important; /* 배경색 */
    backdrop-filter: blur(10px) !important;          /* 블러 효과 */
    -webkit-backdrop-filter: blur(10px) !important;
    border: 2px solid rgba(255, 255, 255, 0.05) !important; /* 테두리 */
}

/* 마우스를 올렸을 때의 효과도 필요하다면 아래 코드 추가 */
.border-2.border-white\/5.rounded-xl:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.backdrop-blur-2xl {
    backdrop-filter: blur(12px) !important; /* 수치가 낮을수록 선명해집니다 */
    -webkit-backdrop-filter: blur(12px) !important;
}

#snow .snowflake {
  /* 기존 설정 그대로 유지 (애니메이션 및 위치 정보) */
  @apply absolute size-[16px] -mt-[16px]; 
  
  /* 배경색 제거 */
  background: transparent !important;
  
  /* 기호 넣기 */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: rgba(var(--cl-snow, 255, 255, 255, 1));
  font-size: 30px !important;
  pointer-events: none !important;
}

/* ★ 대신 넣고 싶은 모양을 content에 쓰세요 */
#snow .snowflake::after {
  content: '🍲'; 
}

.max-h-10.rounded-lg {
    max-height: 80px !important; /* 원하는 크기로 변경 */
    height: auto !important;     /* 비율 유지 */
    width: auto !important;
}