.checkbox-container {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

/* 기본 체크박스 숨기기 */
.hidden-checkbox {
    display: none;
}

/* 커스텀 체크박스 스타일 */
.custom-checkbox {
    width: 20px;
    height: 20px;
    border: 1.5px solid rgba(217, 237, 254, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s, border-color 0.2s;
}

/* 체크된 상태 */
.hidden-checkbox:checked + .custom-checkbox {
    background-color: #0090FF;
    border-color: #0090FF;
}

svg {
    fill: white;
}